Repository: horst3180/arc-theme Branch: master Commit: 8290cb813f15 Files: 167 Total size: 5.7 MB Directory structure: gitextract_66oar7z0/ ├── .github/ │ └── ISSUE_TEMPLATE.md ├── .gitignore ├── .nvmrc ├── AUTHORS ├── COPYING ├── HACKING.md ├── Makefile.am ├── README.md ├── arc-theme-upgrade ├── autogen.sh ├── common/ │ ├── Makefile.am │ ├── cinnamon/ │ │ ├── cinnamon-dark.css │ │ ├── cinnamon.css │ │ └── sass/ │ │ ├── _colors.scss │ │ ├── _common.scss │ │ ├── _drawing.scss │ │ ├── cinnamon-dark.scss │ │ └── cinnamon.scss │ ├── gnome-shell/ │ │ ├── 3.14/ │ │ │ ├── gnome-shell-dark.css │ │ │ ├── gnome-shell.css │ │ │ └── sass/ │ │ │ ├── _colors.scss │ │ │ ├── _common.scss │ │ │ ├── _drawing.scss │ │ │ ├── gnome-shell-dark.scss │ │ │ └── gnome-shell.scss │ │ ├── 3.16/ │ │ │ ├── gnome-shell-dark.css │ │ │ ├── gnome-shell.css │ │ │ └── sass/ │ │ │ ├── _colors.scss │ │ │ ├── _common.scss │ │ │ ├── _drawing.scss │ │ │ ├── gnome-shell-dark.scss │ │ │ └── gnome-shell.scss │ │ └── 3.18/ │ │ ├── gnome-shell-dark.css │ │ ├── gnome-shell.css │ │ └── sass/ │ │ ├── _colors.scss │ │ ├── _common.scss │ │ ├── _drawing.scss │ │ ├── gnome-shell-dark.scss │ │ └── gnome-shell.scss │ ├── gtk-2.0/ │ │ ├── apps.rc │ │ ├── assets.txt │ │ ├── gtkrc │ │ ├── gtkrc-dark │ │ ├── gtkrc-darker │ │ ├── main.rc │ │ ├── menubar-toolbar/ │ │ │ ├── menubar-toolbar-dark.rc │ │ │ └── menubar-toolbar.rc │ │ ├── panel.rc │ │ ├── render-assets.sh │ │ └── xfce-notify.rc │ ├── gtk-3.0/ │ │ ├── 3.14/ │ │ │ ├── assets.txt │ │ │ ├── gtk-dark.css │ │ │ ├── gtk-darker.css │ │ │ ├── gtk-solid-dark.css │ │ │ ├── gtk-solid-darker.css │ │ │ ├── gtk-solid.css │ │ │ ├── gtk.css │ │ │ ├── render-assets.sh │ │ │ └── sass/ │ │ │ ├── _applications.scss │ │ │ ├── _colors-public.scss │ │ │ ├── _colors.scss │ │ │ ├── _common.scss │ │ │ ├── _drawing.scss │ │ │ ├── _granite.scss │ │ │ ├── _lightdm.scss │ │ │ ├── _transparent_widgets.scss │ │ │ ├── _unity.scss │ │ │ ├── gtk-dark.scss │ │ │ ├── gtk-darker.scss │ │ │ ├── gtk-solid-dark.scss │ │ │ ├── gtk-solid-darker.scss │ │ │ ├── gtk-solid.scss │ │ │ └── gtk.scss │ │ ├── 3.16/ │ │ │ ├── assets.txt │ │ │ ├── gtk-dark.css │ │ │ ├── gtk-darker.css │ │ │ ├── gtk-solid-dark.css │ │ │ ├── gtk-solid-darker.css │ │ │ ├── gtk-solid.css │ │ │ ├── gtk.css │ │ │ ├── render-assets.sh │ │ │ └── sass/ │ │ │ ├── _applications.scss │ │ │ ├── _colors-public.scss │ │ │ ├── _colors.scss │ │ │ ├── _common.scss │ │ │ ├── _drawing.scss │ │ │ ├── _granite.scss │ │ │ ├── _lightdm.scss │ │ │ ├── _transparent_widgets.scss │ │ │ ├── _unity.scss │ │ │ ├── gtk-dark.scss │ │ │ ├── gtk-darker.scss │ │ │ ├── gtk-solid-dark.scss │ │ │ ├── gtk-solid-darker.scss │ │ │ ├── gtk-solid.scss │ │ │ └── gtk.scss │ │ ├── 3.18/ │ │ │ ├── assets.txt │ │ │ ├── gtk-dark.css │ │ │ ├── gtk-darker.css │ │ │ ├── gtk-solid-dark.css │ │ │ ├── gtk-solid-darker.css │ │ │ ├── gtk-solid.css │ │ │ ├── gtk.css │ │ │ ├── render-assets.sh │ │ │ └── sass/ │ │ │ ├── _applications.scss │ │ │ ├── _colors-public.scss │ │ │ ├── _colors.scss │ │ │ ├── _common.scss │ │ │ ├── _drawing.scss │ │ │ ├── _granite.scss │ │ │ ├── _lightdm.scss │ │ │ ├── _transparent_widgets.scss │ │ │ ├── _unity.scss │ │ │ ├── gtk-dark.scss │ │ │ ├── gtk-darker.scss │ │ │ ├── gtk-solid-dark.scss │ │ │ ├── gtk-solid-darker.scss │ │ │ ├── gtk-solid.scss │ │ │ └── gtk.scss │ │ └── 3.20/ │ │ ├── assets.txt │ │ ├── gtk-dark.css │ │ ├── gtk-darker.css │ │ ├── gtk-solid-dark.css │ │ ├── gtk-solid-darker.css │ │ ├── gtk-solid.css │ │ ├── gtk.css │ │ ├── render-assets.sh │ │ └── sass/ │ │ ├── _applications.scss │ │ ├── _colors-public.scss │ │ ├── _colors.scss │ │ ├── _common.scss │ │ ├── _drawing.scss │ │ ├── _granite.scss │ │ ├── _lightdm.scss │ │ ├── _transparent_widgets.scss │ │ ├── _unity.scss │ │ ├── gtk-dark.scss │ │ ├── gtk-darker.scss │ │ ├── gtk-solid-dark.scss │ │ ├── gtk-solid-darker.scss │ │ ├── gtk-solid.scss │ │ └── gtk.scss │ ├── index.theme │ ├── index.theme-dark │ ├── index.theme-darker │ ├── metacity-1/ │ │ ├── metacity-theme-1-dark.xml │ │ ├── metacity-theme-1.xml │ │ ├── metacity-theme-2-dark.xml │ │ ├── metacity-theme-2.xml │ │ └── metacity-theme-3.xml │ └── xfwm4/ │ ├── assets.txt │ ├── render-assets.sh │ ├── themerc │ └── themerc-dark ├── configure.ac ├── extra/ │ ├── Arc-Plank/ │ │ └── dock.theme │ ├── Chrome/ │ │ ├── arc-dark-theme/ │ │ │ └── manifest.json │ │ ├── arc-dark-theme.crx │ │ ├── arc-darker-theme/ │ │ │ └── manifest.json │ │ ├── arc-darker-theme.crx │ │ ├── arc-theme/ │ │ │ └── manifest.json │ │ └── arc-theme.crx │ └── Makefile.am ├── gulpfile.js ├── m4/ │ ├── arc-enable.m4 │ └── arc-gnome.m4 └── package.json ================================================ FILE CONTENTS ================================================ ================================================ FILE: .github/ISSUE_TEMPLATE.md ================================================ # READ CAREFULLY BEFORE SUBMITTING **This list is for avoiding duplicated issues, if your issue isn't listed, you should remove this and continue.** - The theme doesn't work in a distribution that have a GTK+ 3 version lower than 3.14. - Arc only supports versions since 3.14, you should update to latest versions. - The theme is broken after a major GTK+ 3 update (i.e. 3.18 to 3.20 or 3.20 to 3.22). - Update the package or install from sources. - The theme is broken after installing from sources. - Possibly a bug on GTK+ 3 version checking, use `--with-gnome=` flag with `./autogen.sh`. - Theme isn't transparent on GNOME applications without CSD (i.e. Ubuntu's applications). - Transparency isn't supported for non-CSD applications. - Theme doesn't build from AUR in Arch/Manjaro and others. - Ensure you have the `base-devel` group installed. ### Checks *Ensure you...* - **Really** read the list above and checked if your issue is or not duplicated. - **Really** read the README and there is nothing about your issue. - **Really** checked if the theme is installed or built specifically for the GTK+ 3/distribution version you're using. ### Details - Distribution (with version): - Base distribution (if have, with version): - Desktop environment (with version): - Arc version/commit (don't put "latest"): - GTK+ 3 version: - Murrine engine version: - `gnome-themes-standard` version: - Installation method (package or source): ================================================ FILE: .gitignore ================================================ node_modules Makefile Makefile.in aclocal.m4 autom4te.cache build-aux compile config.* configure install-sh missing .idea/ ================================================ FILE: .nvmrc ================================================ stable ================================================ FILE: AUTHORS ================================================ See a list of contributors here https://github.com/horst3180/Arc-theme/graphs/contributors ================================================ FILE: COPYING ================================================ GNU GENERAL PUBLIC LICENSE Version 3, 29 June 2007 Copyright (C) 2007 Free Software Foundation, Inc. Everyone is permitted to copy and distribute verbatim copies of this license document, but changing it is not allowed. Preamble The GNU General Public License is a free, copyleft license for software and other kinds of works. The licenses for most software and other practical works are designed to take away your freedom to share and change the works. By contrast, the GNU General Public License is intended to guarantee your freedom to share and change all versions of a program--to make sure it remains free software for all its users. We, the Free Software Foundation, use the GNU General Public License for most of our software; it applies also to any other work released this way by its authors. You can apply it to your programs, too. When we speak of free software, we are referring to freedom, not price. Our General Public Licenses are designed to make sure that you have the freedom to distribute copies of free software (and charge for them if you wish), that you receive source code or can get it if you want it, that you can change the software or use pieces of it in new free programs, and that you know you can do these things. To protect your rights, we need to prevent others from denying you these rights or asking you to surrender the rights. Therefore, you have certain responsibilities if you distribute copies of the software, or if you modify it: responsibilities to respect the freedom of others. For example, if you distribute copies of such a program, whether gratis or for a fee, you must pass on to the recipients the same freedoms that you received. You must make sure that they, too, receive or can get the source code. And you must show them these terms so they know their rights. Developers that use the GNU GPL protect your rights with two steps: (1) assert copyright on the software, and (2) offer you this License giving you legal permission to copy, distribute and/or modify it. For the developers' and authors' protection, the GPL clearly explains that there is no warranty for this free software. For both users' and authors' sake, the GPL requires that modified versions be marked as changed, so that their problems will not be attributed erroneously to authors of previous versions. Some devices are designed to deny users access to install or run modified versions of the software inside them, although the manufacturer can do so. This is fundamentally incompatible with the aim of protecting users' freedom to change the software. The systematic pattern of such abuse occurs in the area of products for individuals to use, which is precisely where it is most unacceptable. Therefore, we have designed this version of the GPL to prohibit the practice for those products. If such problems arise substantially in other domains, we stand ready to extend this provision to those domains in future versions of the GPL, as needed to protect the freedom of users. Finally, every program is threatened constantly by software patents. States should not allow patents to restrict development and use of software on general-purpose computers, but in those that do, we wish to avoid the special danger that patents applied to a free program could make it effectively proprietary. To prevent this, the GPL assures that patents cannot be used to render the program non-free. The precise terms and conditions for copying, distribution and modification follow. TERMS AND CONDITIONS 0. Definitions. "This License" refers to version 3 of the GNU General Public License. "Copyright" also means copyright-like laws that apply to other kinds of works, such as semiconductor masks. "The Program" refers to any copyrightable work licensed under this License. Each licensee is addressed as "you". "Licensees" and "recipients" may be individuals or organizations. To "modify" a work means to copy from or adapt all or part of the work in a fashion requiring copyright permission, other than the making of an exact copy. The resulting work is called a "modified version" of the earlier work or a work "based on" the earlier work. A "covered work" means either the unmodified Program or a work based on the Program. To "propagate" a work means to do anything with it that, without permission, would make you directly or secondarily liable for infringement under applicable copyright law, except executing it on a computer or modifying a private copy. Propagation includes copying, distribution (with or without modification), making available to the public, and in some countries other activities as well. To "convey" a work means any kind of propagation that enables other parties to make or receive copies. Mere interaction with a user through a computer network, with no transfer of a copy, is not conveying. An interactive user interface displays "Appropriate Legal Notices" to the extent that it includes a convenient and prominently visible feature that (1) displays an appropriate copyright notice, and (2) tells the user that there is no warranty for the work (except to the extent that warranties are provided), that licensees may convey the work under this License, and how to view a copy of this License. If the interface presents a list of user commands or options, such as a menu, a prominent item in the list meets this criterion. 1. Source Code. The "source code" for a work means the preferred form of the work for making modifications to it. "Object code" means any non-source form of a work. A "Standard Interface" means an interface that either is an official standard defined by a recognized standards body, or, in the case of interfaces specified for a particular programming language, one that is widely used among developers working in that language. The "System Libraries" of an executable work include anything, other than the work as a whole, that (a) is included in the normal form of packaging a Major Component, but which is not part of that Major Component, and (b) serves only to enable use of the work with that Major Component, or to implement a Standard Interface for which an implementation is available to the public in source code form. A "Major Component", in this context, means a major essential component (kernel, window system, and so on) of the specific operating system (if any) on which the executable work runs, or a compiler used to produce the work, or an object code interpreter used to run it. The "Corresponding Source" for a work in object code form means all the source code needed to generate, install, and (for an executable work) run the object code and to modify the work, including scripts to control those activities. However, it does not include the work's System Libraries, or general-purpose tools or generally available free programs which are used unmodified in performing those activities but which are not part of the work. For example, Corresponding Source includes interface definition files associated with source files for the work, and the source code for shared libraries and dynamically linked subprograms that the work is specifically designed to require, such as by intimate data communication or control flow between those subprograms and other parts of the work. The Corresponding Source need not include anything that users can regenerate automatically from other parts of the Corresponding Source. The Corresponding Source for a work in source code form is that same work. 2. Basic Permissions. All rights granted under this License are granted for the term of copyright on the Program, and are irrevocable provided the stated conditions are met. This License explicitly affirms your unlimited permission to run the unmodified Program. The output from running a covered work is covered by this License only if the output, given its content, constitutes a covered work. This License acknowledges your rights of fair use or other equivalent, as provided by copyright law. You may make, run and propagate covered works that you do not convey, without conditions so long as your license otherwise remains in force. You may convey covered works to others for the sole purpose of having them make modifications exclusively for you, or provide you with facilities for running those works, provided that you comply with the terms of this License in conveying all material for which you do not control copyright. Those thus making or running the covered works for you must do so exclusively on your behalf, under your direction and control, on terms that prohibit them from making any copies of your copyrighted material outside their relationship with you. Conveying under any other circumstances is permitted solely under the conditions stated below. Sublicensing is not allowed; section 10 makes it unnecessary. 3. Protecting Users' Legal Rights From Anti-Circumvention Law. No covered work shall be deemed part of an effective technological measure under any applicable law fulfilling obligations under article 11 of the WIPO copyright treaty adopted on 20 December 1996, or similar laws prohibiting or restricting circumvention of such measures. When you convey a covered work, you waive any legal power to forbid circumvention of technological measures to the extent such circumvention is effected by exercising rights under this License with respect to the covered work, and you disclaim any intention to limit operation or modification of the work as a means of enforcing, against the work's users, your or third parties' legal rights to forbid circumvention of technological measures. 4. Conveying Verbatim Copies. You may convey verbatim copies of the Program's source code as you receive it, in any medium, provided that you conspicuously and appropriately publish on each copy an appropriate copyright notice; keep intact all notices stating that this License and any non-permissive terms added in accord with section 7 apply to the code; keep intact all notices of the absence of any warranty; and give all recipients a copy of this License along with the Program. You may charge any price or no price for each copy that you convey, and you may offer support or warranty protection for a fee. 5. Conveying Modified Source Versions. You may convey a work based on the Program, or the modifications to produce it from the Program, in the form of source code under the terms of section 4, provided that you also meet all of these conditions: a) The work must carry prominent notices stating that you modified it, and giving a relevant date. b) The work must carry prominent notices stating that it is released under this License and any conditions added under section 7. This requirement modifies the requirement in section 4 to "keep intact all notices". c) You must license the entire work, as a whole, under this License to anyone who comes into possession of a copy. This License will therefore apply, along with any applicable section 7 additional terms, to the whole of the work, and all its parts, regardless of how they are packaged. This License gives no permission to license the work in any other way, but it does not invalidate such permission if you have separately received it. d) If the work has interactive user interfaces, each must display Appropriate Legal Notices; however, if the Program has interactive interfaces that do not display Appropriate Legal Notices, your work need not make them do so. A compilation of a covered work with other separate and independent works, which are not by their nature extensions of the covered work, and which are not combined with it such as to form a larger program, in or on a volume of a storage or distribution medium, is called an "aggregate" if the compilation and its resulting copyright are not used to limit the access or legal rights of the compilation's users beyond what the individual works permit. Inclusion of a covered work in an aggregate does not cause this License to apply to the other parts of the aggregate. 6. Conveying Non-Source Forms. You may convey a covered work in object code form under the terms of sections 4 and 5, provided that you also convey the machine-readable Corresponding Source under the terms of this License, in one of these ways: a) Convey the object code in, or embodied in, a physical product (including a physical distribution medium), accompanied by the Corresponding Source fixed on a durable physical medium customarily used for software interchange. b) Convey the object code in, or embodied in, a physical product (including a physical distribution medium), accompanied by a written offer, valid for at least three years and valid for as long as you offer spare parts or customer support for that product model, to give anyone who possesses the object code either (1) a copy of the Corresponding Source for all the software in the product that is covered by this License, on a durable physical medium customarily used for software interchange, for a price no more than your reasonable cost of physically performing this conveying of source, or (2) access to copy the Corresponding Source from a network server at no charge. c) Convey individual copies of the object code with a copy of the written offer to provide the Corresponding Source. This alternative is allowed only occasionally and noncommercially, and only if you received the object code with such an offer, in accord with subsection 6b. d) Convey the object code by offering access from a designated place (gratis or for a charge), and offer equivalent access to the Corresponding Source in the same way through the same place at no further charge. You need not require recipients to copy the Corresponding Source along with the object code. If the place to copy the object code is a network server, the Corresponding Source may be on a different server (operated by you or a third party) that supports equivalent copying facilities, provided you maintain clear directions next to the object code saying where to find the Corresponding Source. Regardless of what server hosts the Corresponding Source, you remain obligated to ensure that it is available for as long as needed to satisfy these requirements. e) Convey the object code using peer-to-peer transmission, provided you inform other peers where the object code and Corresponding Source of the work are being offered to the general public at no charge under subsection 6d. A separable portion of the object code, whose source code is excluded from the Corresponding Source as a System Library, need not be included in conveying the object code work. A "User Product" is either (1) a "consumer product", which means any tangible personal property which is normally used for personal, family, or household purposes, or (2) anything designed or sold for incorporation into a dwelling. In determining whether a product is a consumer product, doubtful cases shall be resolved in favor of coverage. For a particular product received by a particular user, "normally used" refers to a typical or common use of that class of product, regardless of the status of the particular user or of the way in which the particular user actually uses, or expects or is expected to use, the product. A product is a consumer product regardless of whether the product has substantial commercial, industrial or non-consumer uses, unless such uses represent the only significant mode of use of the product. "Installation Information" for a User Product means any methods, procedures, authorization keys, or other information required to install and execute modified versions of a covered work in that User Product from a modified version of its Corresponding Source. The information must suffice to ensure that the continued functioning of the modified object code is in no case prevented or interfered with solely because modification has been made. If you convey an object code work under this section in, or with, or specifically for use in, a User Product, and the conveying occurs as part of a transaction in which the right of possession and use of the User Product is transferred to the recipient in perpetuity or for a fixed term (regardless of how the transaction is characterized), the Corresponding Source conveyed under this section must be accompanied by the Installation Information. But this requirement does not apply if neither you nor any third party retains the ability to install modified object code on the User Product (for example, the work has been installed in ROM). The requirement to provide Installation Information does not include a requirement to continue to provide support service, warranty, or updates for a work that has been modified or installed by the recipient, or for the User Product in which it has been modified or installed. Access to a network may be denied when the modification itself materially and adversely affects the operation of the network or violates the rules and protocols for communication across the network. Corresponding Source conveyed, and Installation Information provided, in accord with this section must be in a format that is publicly documented (and with an implementation available to the public in source code form), and must require no special password or key for unpacking, reading or copying. 7. Additional Terms. "Additional permissions" are terms that supplement the terms of this License by making exceptions from one or more of its conditions. Additional permissions that are applicable to the entire Program shall be treated as though they were included in this License, to the extent that they are valid under applicable law. If additional permissions apply only to part of the Program, that part may be used separately under those permissions, but the entire Program remains governed by this License without regard to the additional permissions. When you convey a copy of a covered work, you may at your option remove any additional permissions from that copy, or from any part of it. (Additional permissions may be written to require their own removal in certain cases when you modify the work.) You may place additional permissions on material, added by you to a covered work, for which you have or can give appropriate copyright permission. Notwithstanding any other provision of this License, for material you add to a covered work, you may (if authorized by the copyright holders of that material) supplement the terms of this License with terms: a) Disclaiming warranty or limiting liability differently from the terms of sections 15 and 16 of this License; or b) Requiring preservation of specified reasonable legal notices or author attributions in that material or in the Appropriate Legal Notices displayed by works containing it; or c) Prohibiting misrepresentation of the origin of that material, or requiring that modified versions of such material be marked in reasonable ways as different from the original version; or d) Limiting the use for publicity purposes of names of licensors or authors of the material; or e) Declining to grant rights under trademark law for use of some trade names, trademarks, or service marks; or f) Requiring indemnification of licensors and authors of that material by anyone who conveys the material (or modified versions of it) with contractual assumptions of liability to the recipient, for any liability that these contractual assumptions directly impose on those licensors and authors. All other non-permissive additional terms are considered "further restrictions" within the meaning of section 10. If the Program as you received it, or any part of it, contains a notice stating that it is governed by this License along with a term that is a further restriction, you may remove that term. If a license document contains a further restriction but permits relicensing or conveying under this License, you may add to a covered work material governed by the terms of that license document, provided that the further restriction does not survive such relicensing or conveying. If you add terms to a covered work in accord with this section, you must place, in the relevant source files, a statement of the additional terms that apply to those files, or a notice indicating where to find the applicable terms. Additional terms, permissive or non-permissive, may be stated in the form of a separately written license, or stated as exceptions; the above requirements apply either way. 8. Termination. You may not propagate or modify a covered work except as expressly provided under this License. Any attempt otherwise to propagate or modify it is void, and will automatically terminate your rights under this License (including any patent licenses granted under the third paragraph of section 11). However, if you cease all violation of this License, then your license from a particular copyright holder is reinstated (a) provisionally, unless and until the copyright holder explicitly and finally terminates your license, and (b) permanently, if the copyright holder fails to notify you of the violation by some reasonable means prior to 60 days after the cessation. Moreover, your license from a particular copyright holder is reinstated permanently if the copyright holder notifies you of the violation by some reasonable means, this is the first time you have received notice of violation of this License (for any work) from that copyright holder, and you cure the violation prior to 30 days after your receipt of the notice. Termination of your rights under this section does not terminate the licenses of parties who have received copies or rights from you under this License. If your rights have been terminated and not permanently reinstated, you do not qualify to receive new licenses for the same material under section 10. 9. Acceptance Not Required for Having Copies. You are not required to accept this License in order to receive or run a copy of the Program. Ancillary propagation of a covered work occurring solely as a consequence of using peer-to-peer transmission to receive a copy likewise does not require acceptance. However, nothing other than this License grants you permission to propagate or modify any covered work. These actions infringe copyright if you do not accept this License. Therefore, by modifying or propagating a covered work, you indicate your acceptance of this License to do so. 10. Automatic Licensing of Downstream Recipients. Each time you convey a covered work, the recipient automatically receives a license from the original licensors, to run, modify and propagate that work, subject to this License. You are not responsible for enforcing compliance by third parties with this License. An "entity transaction" is a transaction transferring control of an organization, or substantially all assets of one, or subdividing an organization, or merging organizations. If propagation of a covered work results from an entity transaction, each party to that transaction who receives a copy of the work also receives whatever licenses to the work the party's predecessor in interest had or could give under the previous paragraph, plus a right to possession of the Corresponding Source of the work from the predecessor in interest, if the predecessor has it or can get it with reasonable efforts. You may not impose any further restrictions on the exercise of the rights granted or affirmed under this License. For example, you may not impose a license fee, royalty, or other charge for exercise of rights granted under this License, and you may not initiate litigation (including a cross-claim or counterclaim in a lawsuit) alleging that any patent claim is infringed by making, using, selling, offering for sale, or importing the Program or any portion of it. 11. Patents. A "contributor" is a copyright holder who authorizes use under this License of the Program or a work on which the Program is based. The work thus licensed is called the contributor's "contributor version". A contributor's "essential patent claims" are all patent claims owned or controlled by the contributor, whether already acquired or hereafter acquired, that would be infringed by some manner, permitted by this License, of making, using, or selling its contributor version, but do not include claims that would be infringed only as a consequence of further modification of the contributor version. For purposes of this definition, "control" includes the right to grant patent sublicenses in a manner consistent with the requirements of this License. Each contributor grants you a non-exclusive, worldwide, royalty-free patent license under the contributor's essential patent claims, to make, use, sell, offer for sale, import and otherwise run, modify and propagate the contents of its contributor version. In the following three paragraphs, a "patent license" is any express agreement or commitment, however denominated, not to enforce a patent (such as an express permission to practice a patent or covenant not to sue for patent infringement). To "grant" such a patent license to a party means to make such an agreement or commitment not to enforce a patent against the party. If you convey a covered work, knowingly relying on a patent license, and the Corresponding Source of the work is not available for anyone to copy, free of charge and under the terms of this License, through a publicly available network server or other readily accessible means, then you must either (1) cause the Corresponding Source to be so available, or (2) arrange to deprive yourself of the benefit of the patent license for this particular work, or (3) arrange, in a manner consistent with the requirements of this License, to extend the patent license to downstream recipients. "Knowingly relying" means you have actual knowledge that, but for the patent license, your conveying the covered work in a country, or your recipient's use of the covered work in a country, would infringe one or more identifiable patents in that country that you have reason to believe are valid. If, pursuant to or in connection with a single transaction or arrangement, you convey, or propagate by procuring conveyance of, a covered work, and grant a patent license to some of the parties receiving the covered work authorizing them to use, propagate, modify or convey a specific copy of the covered work, then the patent license you grant is automatically extended to all recipients of the covered work and works based on it. A patent license is "discriminatory" if it does not include within the scope of its coverage, prohibits the exercise of, or is conditioned on the non-exercise of one or more of the rights that are specifically granted under this License. You may not convey a covered work if you are a party to an arrangement with a third party that is in the business of distributing software, under which you make payment to the third party based on the extent of your activity of conveying the work, and under which the third party grants, to any of the parties who would receive the covered work from you, a discriminatory patent license (a) in connection with copies of the covered work conveyed by you (or copies made from those copies), or (b) primarily for and in connection with specific products or compilations that contain the covered work, unless you entered into that arrangement, or that patent license was granted, prior to 28 March 2007. Nothing in this License shall be construed as excluding or limiting any implied license or other defenses to infringement that may otherwise be available to you under applicable patent law. 12. No Surrender of Others' Freedom. If conditions are imposed on you (whether by court order, agreement or otherwise) that contradict the conditions of this License, they do not excuse you from the conditions of this License. If you cannot convey a covered work so as to satisfy simultaneously your obligations under this License and any other pertinent obligations, then as a consequence you may not convey it at all. For example, if you agree to terms that obligate you to collect a royalty for further conveying from those to whom you convey the Program, the only way you could satisfy both those terms and this License would be to refrain entirely from conveying the Program. 13. Use with the GNU Affero General Public License. Notwithstanding any other provision of this License, you have permission to link or combine any covered work with a work licensed under version 3 of the GNU Affero General Public License into a single combined work, and to convey the resulting work. The terms of this License will continue to apply to the part which is the covered work, but the special requirements of the GNU Affero General Public License, section 13, concerning interaction through a network will apply to the combination as such. 14. Revised Versions of this License. The Free Software Foundation may publish revised and/or new versions of the GNU General Public License from time to time. Such new versions will be similar in spirit to the present version, but may differ in detail to address new problems or concerns. Each version is given a distinguishing version number. If the Program specifies that a certain numbered version of the GNU General Public License "or any later version" applies to it, you have the option of following the terms and conditions either of that numbered version or of any later version published by the Free Software Foundation. If the Program does not specify a version number of the GNU General Public License, you may choose any version ever published by the Free Software Foundation. If the Program specifies that a proxy can decide which future versions of the GNU General Public License can be used, that proxy's public statement of acceptance of a version permanently authorizes you to choose that version for the Program. Later license versions may give you additional or different permissions. However, no additional obligations are imposed on any author or copyright holder as a result of your choosing to follow a later version. 15. Disclaimer of Warranty. THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION. 16. Limitation of Liability. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. 17. Interpretation of Sections 15 and 16. If the disclaimer of warranty and limitation of liability provided above cannot be given local legal effect according to their terms, reviewing courts shall apply local law that most closely approximates an absolute waiver of all civil liability in connection with the Program, unless a warranty or assumption of liability accompanies a copy of the Program in return for a fee. END OF TERMS AND CONDITIONS How to Apply These Terms to Your New Programs If you develop a new program, and you want it to be of the greatest possible use to the public, the best way to achieve this is to make it free software which everyone can redistribute and change under these terms. To do so, attach the following notices to the program. It is safest to attach them to the start of each source file to most effectively state the exclusion of warranty; and each file should have at least the "copyright" line and a pointer to where the full notice is found. 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 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see . Also add information on how to contact you by electronic and paper mail. If the program does terminal interaction, make it output a short notice like this when it starts in an interactive mode: Copyright (C) This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'. This is free software, and you are welcome to redistribute it under certain conditions; type `show c' for details. The hypothetical commands `show w' and `show c' should show the appropriate parts of the General Public License. Of course, your program's commands might be different; for a GUI interface, you would use an "about box". You should also get your employer (if you work as a programmer) or school, if any, to sign a "copyright disclaimer" for the program, if necessary. For more information on this, and how to apply and follow the GNU GPL, see . The GNU General Public License does not permit incorporating your program into proprietary programs. If your program is a subroutine library, you may consider it more useful to permit linking proprietary applications with the library. If this is what you want to do, use the GNU Lesser General Public License instead of this License. But first, please read . ================================================ FILE: HACKING.md ================================================ This theme uses node-sass/libsass to process the various .scss files. Never edit any of the .css files manually. #### Editing the CSS based themes in the `common` directory (cinnamon, gnome-shell, gtk-3.0) * Install `nvm` (https://github.com/creationix/nvm) * Close and reopen your terminal * Run `nvm i` and `npm i` from this directory * Install `gulp` with `npm i -g gulp` * Edit the `common/*/sass/*.scss` files * Regenerate all .css files by executing `gulp` from the directory containing `gulpfile.js`. Alternatively execute `gulp --cwd` from any subdirectory containing a folder called `sass` to regenerate the .css files within that specific subdirectory only. -- #### Editing the GTK 2 themes * Go to `common/gtk-2.0` * The colors and includes are defined in `gtkrc`, `gtkrc-dark` and `gtkrc-darker` for each theme variant * `main.rc` contains the major part of the theme * `panel.rc` contains the panel styling for Xfce and MATE * `apps.rc` contains some application specific rules Because this theme is heavily based on the pixmap engine, a lot of the styling comes from the images in the `assets` and `assets-dark` folders. Don't edit these images directly. See the next section. -- #### Editing the images for the GTK 2 and GTK 3 themes * Go to the `common/gtk-2.0` or `common/gtk-3.0/$gtk-version` directory * Open the `assets.svg` or `assets-dark.svg` file in inkscape. Each object in the .svg file corresponds to an image in the `assets` or `assets-dark` folder * Find the object you want to edit and make your changes. Important: Don't change the object id! * Save `assets.svg` and delete the images corresponding to the edited .svg objects from the `assets` folder (or just delete everything in the `assets` folder) * Run `./render-assets.sh` or `./render-dark-assets.sh` from a terminal ================================================ FILE: Makefile.am ================================================ ACLOCAL_AMFLAGS = -I m4 EXTRA_DIST = \ README.md \ HACKING.md \ autogen.sh \ gulpfile.js \ package.json \ .nvmrc SUBDIRS = common extra ================================================ FILE: README.md ================================================ # Arc Theme Arc is a flat theme with transparent elements for GTK 3, GTK 2 and GNOME Shell which supports GTK 3 and GTK 2 based desktop environments like GNOME, Unity, Budgie, Pantheon, Xfce, MATE, etc. ## Arc is available in three variants ##### Arc ![A screenshot of the Arc theme](http://i.imgur.com/Ph5ObOa.png) ##### Arc-Darker ![A screenshot of the Arc-Darker theme](http://i.imgur.com/NC6dqyl.png) ##### Arc-Dark ![A screenshot of the Arc-Dark theme](http://i.imgur.com/5AGlCnA.png) ## Installation ### Packages |Distro|Package Name/Link| |:----:|:----:| | Arch Linux | `arc-gtk-theme`, [`gtk-theme-arc-git`](https://aur.archlinux.org/packages/gtk-theme-arc-git) (AUR) | | Debian 8 | [OBS Repo][obs-repo] | | Debian Testing/Unstable | `arc-theme` | | Fedora 21 - 23 | [OBS Repo][obs-repo] | | Fedora 24 -25 | `arc-theme` | | Gentoo/Funtoo | `x11-themes/arc-theme` from the [Scriptkitties Overlay][sk-overlay] | | openSUSE | [OBS Repo][obs-repo] | | Solus | `arc-gtk-theme` | | Ubuntu 15.04 - 16.04 | [OBS Repo][obs-repo] | | Ubuntu 16.10 | `arc-theme` | **elementary OS Note:** elementary OS Freya users can install the package for Ubuntu 15.04, Loki users can install the package for Ubuntu 16.04. **AUR Note:** If you're having trouble with the AUR packages please email the package maintainer at zach@zach-adams.com before creating an issue. A non-transparent version of the theme is available here: [Arc Solid OBS repo](http://software.opensuse.org/download.html?project=home%3AHorst3180&package=arc-theme-solid) -- ### Manual Installation To build the theme the follwing packages are required * `autoconf` * `automake` * `pkg-config` or `pkgconfig` for Fedora * `libgtk-3-dev` for Debian based distros or `gtk3-devel` for RPM based distros * `git` to clone the source directory **Note:** For distributions which don't ship separate development packages, just the GTK 3 package is needed instead of the `-dev` packages. For the theme to function properly, install the following * GNOME Shell 3.14 - 3.24, GTK 3.14 - 3.22 * The `gnome-themes-standard` package * The murrine engine. This has different names depending on the distro. * `gtk-engine-murrine` (Arch Linux) * `gtk2-engines-murrine` (Debian, Ubuntu, elementary OS) * `gtk-murrine-engine` (Fedora) * `gtk2-engine-murrine` (openSUSE) * `gtk-engines-murrine` (Gentoo) Install the theme with the following commands #### 1. Get the source Clone the git repository with git clone https://github.com/horst3180/arc-theme --depth 1 && cd arc-theme #### 2. Build and install the theme ./autogen.sh --prefix=/usr sudo make install Other options to pass to autogen.sh are --disable-transparency disable transparency in the GTK3 theme --disable-light disable Arc Light support --disable-darker disable Arc Darker support --disable-dark disable Arc Dark support --disable-cinnamon disable Cinnamon support --disable-gnome-shell disable GNOME Shell support --disable-gtk2 disable GTK2 support --disable-gtk3 disable GTK3 support --disable-metacity disable Metacity support --disable-unity disable Unity support --disable-xfwm disable XFWM support --with-gnome= build the theme for a specific GNOME version (3.14, 3.16, 3.18, 3.20, 3.22) Note 1: Normally the correct version is detected automatically and this option should not be needed. Note 2: For GNOME 3.24, use --with-gnome-version=3.22 (this works for now, the build system will be improved in the future) After the installation is complete the theme can be activated with `gnome-tweak-tool` or a similar program by selecting `Arc`, `Arc-Darker` or `Arc-Dark` as Window/GTK+ theme and `Arc` or `Arc-Dark` as GNOME Shell/Cinnamon theme. If the `--disable-transparency` option was used, the theme will be installed as `Arc-solid`, `Arc-Darker-solid` and `Arc-Dark-solid`. ## Uninstall Run sudo make uninstall from the cloned git repository, or sudo rm -rf /usr/share/themes/{Arc,Arc-Darker,Arc-Dark} ## Extras ### Arc KDE A port of Arc for the Plasma 5 desktop with a few additions and extras. Available [here](https://github.com/PapirusDevelopmentTeam/arc-kde). ### Arc Firefox theme A theme for Firefox is available at https://github.com/horst3180/arc-firefox-theme ### Arc icon theme The Arc icon theme is available at https://github.com/horst3180/arc-icon-theme ### Chrome/Chromium theme To install the Chrome/Chromium theme go to the `extra/Chrome` folder and drag and drop the arc-theme.crx or arc-dark-theme.crx file into the Chrome/Chromium window. The source of the Chrome themes is located in the source "Chrome/arc-theme" folder. ### Plank theme To install the Plank theme, copy the `extra/Arc-Plank` folder to `~/.local/share/plank/themes` or to `/usr/share/plank/themes` for system-wide use. Now open the Plank preferences window by executing `plank --preferences` from a terminal and select `Arc-Plank` as the theme. ### Arc-Dark for Ubuntu Software Center The Arc Dark theme for the Ubuntu Software Center by [mervick](https://github.com/mervick) can be installed from [here](https://github.com/mervick/arc-dark-software-center). It solves readability issues with Arc Dark and the Ubuntu Software Center. ## Troubleshooting If you use Ubuntu with a newer GTK/GNOME version than the one included by default (i.e Ubuntu 14.04 with GTK 3.14 or Ubuntu 15.04 with GTK 3.16, etc.) the prebuilt packages won't work properly and the theme has to be installed manually as described above. This is also true for other distros with a different GTK/GNOME version than the one included by default -- If you get artifacts like black or invisible backgrounds under Unity, disable overlay scrollbars with gsettings set com.canonical.desktop.interface scrollbar-mode normal ## Bugs If you find a bug, please report it at https://github.com/horst3180/arc-theme/issues ## License Arc is available under the terms of the GPL-3.0. See `COPYING` for details. ## Full Preview ![A full screenshot of the Arc theme](http://i.imgur.com/tD1OBQ3.png) Screenshot Details: Icons: [Arc](https://github.com/horst3180/arc-icon-theme) | Launcher Icons based on [White Pixel Icons](http://darkdawg.deviantart.com/art/White-Pixel-Icons-252310560) | [Wallpaper](https://pixabay.com/photo-869593/) | Font: Futura Bk bt [obs-repo]: http://software.opensuse.org/download.html?project=home%3AHorst3180&package=arc-theme [sk-overlay]: https://c.darenet.org/scriptkitties/overlay ================================================ FILE: arc-theme-upgrade ================================================ #!/bin/sh # Script to upgrade/install the arc-theme #URL theme_name=arc-theme # Theme name download_url=https://github.com/horst3180/$theme_name/archive/master.tar.gz # for test purporses only (the repo needs to have this script) # download_url=https://github.com/leoheck/$theme_name/archive/master.tar.gz # Tempdir tempdir=/tmp/$theme_name # Directories lightdir=/usr/share/themes/Arc darkerdir=/usr/share/themes/Arc-Darker darkdir=/usr/share/themes/Arc-Dark userlightdir=$HOME/.themes/Arc userdarkerdir=$HOME/.themes/Arc-Darker userdarkdir=$HOME/.themes/Arc-Dark userlightdir2=$HOME/local/share/themes/Arc userdarkerdir2=$HOME/local/share/themes/Arc-Darker userdarkdir2=$HOME/local/share/themes/Arc-Dark #Functions show_error() { printf "\033[1;31m$@\033[0m\n" } check_root() { if [ "$(id -u)" -ne 0 ]; then show_error "This script has to be run as root" echo exec sudo "$0" "$@" # Instead of exit, just re-execute as root fi } check_command() { fail=false for i in "$@" do command -v $i >/dev/null 2>&1 || { show_error >&2 "This script requires "$i" but it's not installed."; fail=true; } done if [ "$fail" = true ]; then echo echo "Aborting." echo exit 1; fi } check_directories() { dirfound=false echo "Checking if theme is installed..." echo for i in "$@" do if [ -d "$i" ]; then echo "Found $i" dirfound=true fi done if [ "$dirfound" = true ]; then echo echo "The above directories will be overwritten." fi if [ "$dirfound" = false ]; then echo "Theme is not installed." fi } install_theme() { # Clean tempdir rm -rf $tempdir && mkdir $tempdir && cd $tempdir # Get the sources && Remove current installation only if download and unpack are successful wget $download_url && tar xf master.tar.gz && rm -rf $lightdir $darkerdir $darkdir && cd "$theme_name"-master # Build and install ./autogen.sh --prefix=/usr make install # Install this script if [ -f $(basename $0) ]; then if [ ! -f /usr/bin/$(basename $0) ]; then echo read -r -p "Do you like to install the $(basename $0) for future upgrades? [y/N] " response case $response in [yY][eE][sS]|[yY]) echo "Installing $(basename $0) on /usr/bin/" cp -r arc-theme-upgrade /usr/bin/ ;; *) echo "Aborted by user" exit 0; ;; esac else echo "Upgrading $(basename $0)" cp -f $(basename $0) /usr/bin/ fi fi # Remove the sources rm -rf $tempdir echo echo "Installation complete." } # Main part clear echo '####################################' echo '# Arc Theme Install Script #' echo '####################################' echo #Check available commands check_command automake wget pkg-config autoconf make tar #Check if we are root check_root #Check if theme is installed check_directories $lightdir $darkerdir $darkdir echo read -r -p "Do you want to continue installation? [y/N] " response case $response in [yY][eE][sS]|[yY]) install_theme ;; *) echo "Aborted by user" exit 0; ;; esac ================================================ FILE: autogen.sh ================================================ #!/bin/sh test -z "$srcdir" && srcdir=$(dirname "$0") test -z "$srcdir" && srcdir=. cwd=$(pwd) cd "$srcdir" mkdir -p m4 autoreconf --verbose --force --install || exit $? cd "$cwd" "$srcdir/configure" $@ ================================================ FILE: common/Makefile.am ================================================ if !ENABLE_TRANSPARENCY themedir = $(datadir)/themes/Arc-solid themedarkerdir = $(datadir)/themes/Arc-Darker-solid themedarkdir = $(datadir)/themes/Arc-Dark-solid else themedir = $(datadir)/themes/Arc themedarkerdir = $(datadir)/themes/Arc-Darker themedarkdir = $(datadir)/themes/Arc-Dark endif ithemedir = $(DESTDIR)$(themedir) ithemedarkerdir = $(DESTDIR)$(themedarkerdir) ithemedarkdir = $(DESTDIR)$(themedarkdir) install-exec-hook: install-data-local: if ENABLE_LIGHT $(MKDIR_P) $(ithemedir) cp $(srcdir)/index.theme $(ithemedir) endif # ENABLE_LIGHT if ENABLE_DARKER $(MKDIR_P) $(ithemedarkerdir) cp $(srcdir)/index.theme-darker $(ithemedarkerdir)/index.theme endif # ENABLE_LIGHT if ENABLE_DARK $(MKDIR_P) $(ithemedarkdir) cp $(srcdir)/index.theme-dark $(ithemedarkdir)/index.theme endif # ENABLE_DARK if ENABLE_CINNAMON $(MKDIR_P) $(ithemedir)/cinnamon cd $(srcdir)/cinnamon && cp thumbnail.png $(ithemedir)/cinnamon cd $(srcdir)/cinnamon && cp -R \ common-assets \ light-assets \ cinnamon.css \ $(ithemedir)/cinnamon if ENABLE_DARK $(MKDIR_P) $(ithemedarkdir)/cinnamon cd $(srcdir)/cinnamon && cp thumbnail-dark.png $(ithemedarkdir)/cinnamon/thumbnail.png cd $(srcdir)/cinnamon && cp -R \ common-assets \ dark-assets \ $(ithemedarkdir)/cinnamon cd $(srcdir)/cinnamon && cp -R \ cinnamon-dark.css \ $(ithemedarkdir)/cinnamon/cinnamon.css endif # ENABLE_DARK endif # ENABLE_GNOME_SHELL if ENABLE_GNOME_SHELL $(MKDIR_P) $(ithemedir)/gnome-shell cd $(srcdir)/gnome-shell/$(GNOME_VERSION) && cp -R \ common-assets \ light-assets \ gnome-shell.css \ $(ithemedir)/gnome-shell if ENABLE_DARK $(MKDIR_P) $(ithemedarkdir)/gnome-shell cd $(srcdir)/gnome-shell/$(GNOME_VERSION) && cp -R \ common-assets \ dark-assets \ $(ithemedarkdir)/gnome-shell cd $(srcdir)/gnome-shell/$(GNOME_VERSION) && cp -R \ gnome-shell-dark.css \ $(ithemedarkdir)/gnome-shell/gnome-shell.css endif # ENABLE_DARK endif # ENABLE_GNOME_SHELL if ENABLE_GTK2 if ENABLE_LIGHT $(MKDIR_P) $(ithemedir)/gtk-2.0 cd $(srcdir)/gtk-2.0 && cp -R \ assets \ menubar-toolbar \ *.rc \ gtkrc \ $(ithemedir)/gtk-2.0 endif # ENABLE_LIGHT if ENABLE_DARKER $(MKDIR_P) $(ithemedarkerdir)/gtk-2.0 cd $(srcdir)/gtk-2.0 && cp -R \ assets \ menubar-toolbar \ *.rc \ $(ithemedarkerdir)/gtk-2.0 cd $(srcdir)/gtk-2.0 && cp -R \ gtkrc-darker \ $(ithemedarkerdir)/gtk-2.0/gtkrc endif # ENABLE_DARKER if ENABLE_DARK $(MKDIR_P) $(ithemedarkdir)/gtk-2.0 cd $(srcdir)/gtk-2.0 && cp -R \ menubar-toolbar \ *.rc \ $(ithemedarkdir)/gtk-2.0 cd $(srcdir)/gtk-2.0 && cp -R \ assets-dark \ $(ithemedarkdir)/gtk-2.0/assets cd $(srcdir)/gtk-2.0 && cp -R \ gtkrc-dark \ $(ithemedarkdir)/gtk-2.0/gtkrc endif # ENABLE_DARK endif # ENABLE_GTK2 if ENABLE_GTK3 if ENABLE_LIGHT $(MKDIR_P) $(ithemedir)/gtk-3.0 cd $(srcdir)/gtk-3.0 && cp thumbnail.png $(ithemedir)/gtk-3.0 cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -R \ assets \ gtk.css \ gtk-dark.css \ $(ithemedir)/gtk-3.0 endif # ENABLE_LIGHT if ENABLE_DARKER $(MKDIR_P) $(ithemedarkerdir)/gtk-3.0 cd $(srcdir)/gtk-3.0 && cp thumbnail.png $(ithemedarkerdir)/gtk-3.0 cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -R \ assets \ gtk-dark.css \ $(ithemedarkerdir)/gtk-3.0 cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -R \ gtk-darker.css \ $(ithemedarkerdir)/gtk-3.0/gtk.css endif # ENABLE_DARKER if ENABLE_DARK $(MKDIR_P) $(ithemedarkdir)/gtk-3.0 cd $(srcdir)/gtk-3.0 && cp thumbnail-dark.png $(ithemedarkdir)/gtk-3.0/thumbnail.png cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -R \ assets \ $(ithemedarkdir)/gtk-3.0 cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -R \ gtk-dark.css \ $(ithemedarkdir)/gtk-3.0/gtk.css endif # ENABLE_DARK if !ENABLE_TRANSPARENCY if ENABLE_LIGHT cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -R \ gtk-solid.css \ $(ithemedir)/gtk-3.0/gtk.css cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -R \ gtk-solid-dark.css \ $(ithemedir)/gtk-3.0/gtk-dark.css endif # ENABLE_LIGHT if ENABLE_DARKER cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -R \ gtk-solid-darker.css \ $(ithemedarkerdir)/gtk-3.0/gtk.css cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -R \ gtk-solid-dark.css \ $(ithemedarkerdir)/gtk-3.0/gtk-dark.css endif # ENABLE_DARKER if ENABLE_DARK cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -R \ gtk-solid-dark.css \ $(ithemedarkdir)/gtk-3.0/gtk.css endif # ENABLE_DARK endif #!ENABLE_TRANSPARENCY endif # ENABLE_GTK3 if ENABLE_METACITY if ENABLE_LIGHT cp -R $(srcdir)/metacity-1 $(ithemedir) cd $(ithemedir)/metacity-1 && rm metacity-theme-1-dark.xml metacity-theme-2-dark.xml thumbnail-dark.png endif # ENABLE_LIGHT if ENABLE_DARKER cp -R $(srcdir)/metacity-1 $(ithemedarkerdir) cd $(ithemedarkerdir)/metacity-1 && \ mv metacity-theme-1-dark.xml metacity-theme-1.xml && \ mv metacity-theme-2-dark.xml metacity-theme-2.xml && \ mv thumbnail-dark.png thumbnail.png endif # ENABLE_DARKER if ENABLE_DARK cp -R $(srcdir)/metacity-1 $(ithemedarkdir) cd $(ithemedarkdir)/metacity-1 && \ mv metacity-theme-1-dark.xml metacity-theme-1.xml && \ mv metacity-theme-2-dark.xml metacity-theme-2.xml && \ mv thumbnail-dark.png thumbnail.png endif # ENABLE_DARK endif # ENABLE_METACITY if ENABLE_UNITY if ENABLE_LIGHT cp -R $(srcdir)/unity $(ithemedir) cd $(ithemedir)/unity && rm -rf window-buttons-dark endif # ENABLE_LIGHT if ENABLE_DARKER cp -R $(srcdir)/unity $(ithemedarkerdir) cd $(ithemedarkerdir)/unity && \ rm -rf window-buttons && \ mv window-buttons-dark window-buttons endif # ENABLE_DARKER if ENABLE_DARK cp -R $(srcdir)/unity $(ithemedarkdir) cd $(ithemedarkdir)/unity && \ rm -rf window-buttons && \ mv window-buttons-dark window-buttons endif # ENABLE_DARK endif # ENABLE_UNITY if ENABLE_XFWM if ENABLE_LIGHT $(MKDIR_P) $(ithemedir)/xfwm4 cd $(srcdir)/xfwm4 && \ cp -R assets/*.png $(ithemedir)/xfwm4 && \ cp themerc $(ithemedir)/xfwm4/themerc endif # ENABLE_LIGHT if ENABLE_DARKER $(MKDIR_P) $(ithemedarkerdir)/xfwm4 cd $(srcdir)/xfwm4 && \ cp -R assets-dark/*.png $(ithemedarkerdir)/xfwm4 && \ cp themerc-dark $(ithemedarkerdir)/xfwm4/themerc endif # ENABLE_DARKER if ENABLE_DARK $(MKDIR_P) $(ithemedarkdir)/xfwm4 cd $(srcdir)/xfwm4 && \ cp -R assets-dark/*.png $(ithemedarkdir)/xfwm4 && \ cp themerc-dark $(ithemedarkdir)/xfwm4/themerc endif # ENABLE_DARK endif # ENABLE_XFWM uninstall-local: rm -rf $(ithemedir) if ENABLE_DARKER rm -rf $(ithemedarkerdir) endif # ENABLE_DARKER if ENABLE_DARK rm -rf $(ithemedarkdir) endif # ENABLE_DARK EXTRA_DIST = $(srcdir)/cinnamon \ $(srcdir)/gnome-shell \ $(srcdir)/gtk-2.0 \ $(srcdir)/gtk-3.0 \ $(srcdir)/metacity-1 \ $(srcdir)/unity \ $(srcdir)/xfwm4 \ $(srcdir)/index.theme \ $(srcdir)/index.theme-darker \ $(srcdir)/index.theme-dark ================================================ FILE: common/cinnamon/cinnamon-dark.css ================================================ stage { font-family: Futura Bk bt, sans, Sans-Serif; font-size: 9pt; color: #D3DAE3; } .label-shadow { color: transparent; } .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button { min-height: 20px; padding: 5px 32px; transition-duration: 0; text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #444a58; border: 1px solid #2b2e39; box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); } .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button, .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover, .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus, .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus, .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive { border-radius: 2px; } .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #444a58; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); } .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #505666; border: 1px solid #2b2e39; box-shadow: inset 0 2px 4px rgba(80, 86, 102, 0.05); } .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #444a58; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); } .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px #5294e2; } .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive { text-shadow: 0 1px rgba(64, 69, 82, 0); color: rgba(211, 218, 227, 0.45); border: 1px solid rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); } .notification-button, .notification-icon-button, .modal-dialog-button-box .modal-dialog-button { min-height: 20px; padding: 5px 32px; transition-duration: 0; border-radius: 2px; text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .notification-button:hover, .notification-icon-button:hover, .modal-dialog-button-box .modal-dialog-button:hover { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .notification-button:focus, .notification-icon-button:focus, .modal-dialog-button-box .modal-dialog-button:focus { color: #5294e2; } .notification-button:active, .notification-icon-button:active, .modal-dialog-button-box .modal-dialog-button:active { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #ffffff; border: 1px solid #5294e2; background-color: #5294e2; } .notification-button:insensitive, .notification-icon-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #5d626e; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .menu #notification StEntry, .popup-menu #notification StEntry, #menu-search-entry { padding: 7px; caret-size: 1px; selection-background-color: #5294e2; selected-color: #ffffff; transition-duration: 300ms; border-radius: 3px; color: #D3DAE3; background-color: #404552; border: 1px solid #2b2e39; box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); } .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #menu-search-entry:focus, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #menu-search-entry:hover { color: #D3DAE3; background-color: #404552; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); } .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #menu-search-entry:insensitive { color: rgba(211, 218, 227, 0.45); background-color: #3c414e; border-color: 1px solid #313440; box-shadow: inset 0 2px 4px rgba(60, 65, 78, 0.05); } .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #menu-search-entry StIcon.capslock-warning { icon-size: 16px; warning-color: #F27835; padding: 0 4px; } .notification StEntry { padding: 7px; caret-size: 1px; caret-color: #BAC3CF; selection-background-color: #5294e2; selected-color: #ffffff; transition-duration: 300ms; border-radius: 3px; color: #BAC3CF; background-color: rgba(102, 109, 132, 0.35); border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .notification StEntry:focus { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .notification StEntry:insensitive { color: rgba(186, 195, 207, 0.55); background-color: rgba(102, 109, 132, 0.2); border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } StScrollView.vfade { -st-vfade-offset: 0px; } StScrollView.hfade { -st-hfade-offset: 0px; } StScrollBar { padding: 8px; } StScrollView StScrollBar { min-width: 5px; min-height: 5px; } StScrollBar StBin#trough { background-color: rgba(64, 69, 82, 0.1); border-radius: 8px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 2px; background-color: #767b87; border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #676b78; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #5294e2; } .separator { -gradient-height: 1px; -gradient-start: transparent; -gradient-end: transparent; -margin-horizontal: 1.5em; height: 1em; } .popup-slider-menu-item, .slider { -slider-height: 4px; -slider-background-color: #2b2e39; -slider-border-color: transparent; -slider-active-background-color: #5294e2; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 4px; height: 18px; min-width: 15em; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; color: transparent; } .popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { -slider-background-color: rgba(0, 0, 0, 0.2); -slider-active-background-color: #ffffff; } .check-box CinnamonGenericContainer { spacing: .2em; min-height: 30px; padding-top: 2px; } .check-box StLabel { font-weight: normal; } .check-box StBin { width: 16px; height: 16px; background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); } .check-box:focus StBin { background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } .check-box:checked StBin { background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } .check-box:focus:checked StBin { background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); } .radiobutton CinnamonGenericContainer { spacing: .2em; height: 26px; padding-top: 2px; } .radiobutton StLabel { padding-top: 4px; font-size: 0.9em; box-shadow: none; } .radiobutton StBin { width: 16px; height: 16px; background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); } .radiobutton:focus StBin { background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } .radiobutton:checked StBin { background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } .radiobutton:focus:checked StBin { background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); } .toggle-switch { width: 50px; height: 20px; background-size: contain; background-image: url("dark-assets/switch/switch-off.svg"); } .toggle-switch:checked { background-image: url("dark-assets/switch/switch-on.svg"); } .popup-menu-item:active .toggle-switch { background-image: url("common-assets/switch/switch-off-selected.svg"); } .popup-menu-item:active .toggle-switch:checked { background-image: url("common-assets/switch/switch-on-selected.svg"); } .cinnamon-link { color: #a9caf1; text-decoration: underline; } .cinnamon-link:hover { color: #d5e5f8; } #Tooltip { border-radius: 3px; padding: 5px 12px; background-color: rgba(53, 57, 69, 0.95); color: #BAC3CF; font-size: 1em; font-weight: normal; text-align: center; } .menu, .popup-menu, .popup-combo-menu { color: #D3DAE3; border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; } .menu-arrow, .popup-menu-arrow { icon-size: 16px; } .menu .popup-sub-menu, .popup-menu .popup-sub-menu, .popup-combo-menu .popup-sub-menu { background-gradient-direction: none; box-shadow: none; border-image: url("dark-assets/menu/submenu.svg") 9 9 9 9; } .menu .popup-sub-menu .popup-menu-item:ltr, .popup-menu .popup-sub-menu .popup-menu-item:ltr, .popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { padding-right: 0em; } .menu .popup-sub-menu .popup-menu-item:rtl, .popup-menu .popup-sub-menu .popup-menu-item:rtl, .popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { padding-left: 0em; } .menu .popup-sub-menu StScrollBar, .popup-menu .popup-sub-menu StScrollBar, .popup-combo-menu .popup-sub-menu StScrollBar { padding: 4px; } .menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, .popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle, .popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, .popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { border-width: 0; } .menu .popup-menu-content, .popup-menu .popup-menu-content, .popup-combo-menu .popup-menu-content { padding: 1em 0em 1em 0em; } .menu .popup-menu-item, .popup-menu .popup-menu-item, .popup-combo-menu .popup-menu-item { padding: .4em 1.75em; spacing: 1em; } .menu .popup-menu-item:active, .popup-menu .popup-menu-item:active, .popup-combo-menu .popup-menu-item:active { color: #ffffff; background-color: transparent; border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } .menu .popup-menu-item:insensitive, .popup-menu .popup-menu-item:insensitive, .popup-combo-menu .popup-menu-item:insensitive { color: rgba(211, 218, 227, 0.5); background: none; } .menu .popup-inactive-menu-item, .popup-menu .popup-inactive-menu-item, .popup-combo-menu .popup-inactive-menu-item { color: #D3DAE3; } .menu .popup-inactive-menu-item:insensitive, .popup-menu .popup-inactive-menu-item:insensitive, .popup-combo-menu .popup-inactive-menu-item:insensitive { color: rgba(211, 218, 227, 0.45); } .menu .popup-menu-item:active .popup-inactive-menu-item, .popup-menu .popup-menu-item:active .popup-inactive-menu-item, .popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { color: #ffffff; } .menu-icon, .popup-menu-icon { icon-size: 16px; } .popup-menu-boxpointer { -arrow-border-radius: 3px; -arrow-background-color: transparent; -arrow-border-width: 1px; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; } .popup-combo-menu { padding: 10px 1px; } .popup-combobox-item { spacing: 1em; } .popup-separator-menu-item { -gradient-height: 2px; -gradient-start: transparent; -gradient-end: transparent; -margin-horizontal: 1.5em; height: 1em; } .popup-alternating-menu-item:alternate { font-weight: normal; } .popup-device-menu-item { spacing: .5em; } .popup-subtitle-menu-item { font-weight: normal; } .nm-menu-item-icons { spacing: .5em; } #panel { font-weight: bold; height: 27px; width: 32px; } #panel:highlight { border-image: none; background-color: rgba(252, 65, 56, 0.5); } #panelLeft { spacing: 4px; } #panelLeft:dnd { background-gradient-direction: vertical; background-gradient-start: rgba(255, 0, 0, 0.05); background-gradient-end: rgba(255, 0, 0, 0.2); } #panelLeft:ltr { padding-right: 4px; } #panelLeft:rtl { padding-left: 4px; } #panelLeft.vertical { padding: 0; } #panelLeft.vertical:ltr { padding-right: 0px; } #panelLeft.vertical:rtl { padding-left: 0px; } #panelRight:dnd { background-gradient-direction: vertical; background-gradient-start: rgba(0, 0, 255, 0.05); background-gradient-end: rgba(0, 0, 255, 0.2); } #panelRight:ltr { padding-left: 4px; spacing: 0px; } #panelRight:rtl { padding-right: 4px; spacing: 0px; } #panelRight.vertical { padding: 0; } #panelRight.vertical:ltr { padding-right: 0px; } #panelRight.vertical:rtl { padding-left: 0px; } #panelCenter { spacing: 4px; } #panelCenter:dnd { background-gradient-direction: vertical; background-gradient-start: rgba(0, 255, 0, 0.05); background-gradient-end: rgba(0, 255, 0, 0.2); } .panel-top, .panel-bottom, .panel-left, .panel-right { color: white; font-size: 1em; padding: 0px; } .panel-top { border-image: url("common-assets/panel/panel-top.svg") 1 1 1 1; } .panel-bottom { border-image: url("common-assets/panel/panel-bottom.svg") 1 1 1 1; } .panel-left { border-image: url("common-assets/panel/panel-left.svg") 1 1 1 1; } .panel-right { border-image: url("common-assets/panel/panel-right.svg") 1 1 1 1; } .panel-dummy { background-color: rgba(252, 65, 56, 0.5); } .panel-dummy:entered { background-color: rgba(252, 65, 56, 0.6); } .panel-status-button { border-width: 0; -natural-hpadding: 3px; -minimum-hpadding: 3px; font-weight: bold; color: white; height: 22px; } .panel-button { -natural-hpadding: 6px; -minimum-hpadding: 2px; font-weight: bold; color: green; transition-duration: 100; } .system-status-icon { icon-size: 16px; padding: 0 1px; } #overview { spacing: 12px; } .window-caption { background-color: rgba(53, 57, 69, 0.95); border: 1px solid rgba(53, 57, 69, 0.95); color: #BAC3CF; spacing: 25px; border-radius: 2px; font-size: 9pt; padding: 5px 8px; -cinnamon-caption-spacing: 4px; } .window-caption#selected { background-color: #5294e2; color: #ffffff; border: 1px solid #5294e2; spacing: 25px; } .expo-workspaces-name-entry, .expo-workspaces-name-entry#selected { height: 15px; border-radius: 2px; font-size: 9pt; padding: 5px 8px; -cinnamon-caption-spacing: 4px; color: #BAC3CF; background-color: rgba(102, 109, 132, 0.35); border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .expo-workspaces-name-entry:focus, .expo-workspaces-name-entry#selected:focus { border: 1px solid #5294e2; background-color: #5294e2; color: #ffffff; font-style: italic; transition-duration: 300; selection-background-color: #ffffff; selected-color: #5294e2; } .expo-workspace-thumbnail-frame { border: 4px solid rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border-radius: 2px; } .expo-workspace-thumbnail-frame#active { border: 4px solid #5294e2; background-color: black; border-radius: 2px; } .expo-background { background-color: #353945; } .workspace-thumbnails { spacing: 26px; } .workspace-thumbnails-background, .workspace-thumbnails-background:rtl { padding: 8px; } .workspace-add-button { background-image: url("common-assets/misc/add-workspace.svg"); height: 200px; width: 35px; transition-duration: 100; } .workspace-add-button:hover { background-image: url("common-assets/misc/add-workspace-hover.svg"); transition-duration: 100; } .workspace-add-button:active { background-image: url("common-assets/misc/add-workspace-active.svg"); transition-duration: 100; } .workspace-overview-background-shade { background-color: rgba(0, 0, 0, 0.5); } .workspace-close-button, .window-close { background-image: url("common-assets/misc/close.svg"); background-size: 26px; height: 26px; width: 26px; -cinnamon-close-overlap: 10px; } .workspace-close-button:hover, .window-close:hover { background-image: url("common-assets/misc/close-hover.svg"); background-size: 26px; height: 26px; width: 26px; } .workspace-close-button:active, .window-close:active { background-image: url("common-assets/misc/close-active.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close-area { background-image: url("common-assets/misc/trash-icon.svg"); height: 120px; width: 400px; } .about-content { width: 550px; height: 250px; spacing: 8px; padding-bottom: 10px; } .about-title { font-size: 2em; font-weight: bold; } .about-uuid { font-size: 10px; color: #888; } .about-icon { padding-right: 20px; padding-bottom: 14px; } .about-scrollBox { border: 1px solid #2b2e39; border-radius: 2px; background-color: #404552; padding: 4px; padding-right: 0; border-radius: 0; } .about-scrollBox-innerBox { padding: 1.2em; spacing: 1.2em; } .about-description { padding-top: 4px; padding-bottom: 16px; } .about-version { padding-left: 7px; font-size: 10px; color: #888; } .calendar { padding: .4em 1.75em; spacing-rows: 0px; spacing-columns: 0px; } .calendar-month-label { color: #D3DAE3; font-weight: bold; padding: 8px 0; } .calendar-change-month-back, .calendar-change-month-forward { width: 16px; height: 16px; } .calendar-change-month-back { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:focus, .calendar-change-month-back:hover { background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-back:active { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-back:rtl:active { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-forward:active { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-forward:rtl:active { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } .datemenu-date-label { padding: .4em 1.75em; font-weight: bold; text-align: center; color: #D3DAE3; border-radius: 2px; } .calendar-day-base { font-size: 80%; text-align: center; width: 25px; height: 25px; padding: 0.1em; margin: 2px; border-radius: 12.5px; } .calendar-day-heading { color: rgba(211, 218, 227, 0.85); margin-top: 1em; font-size: 70%; } .calendar-day { border-width: 0; color: rgba(211, 218, 227, 0.8); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #D3DAE3; background-color: transparent; font-weight: bold; } .calendar-today, .calendar-today:active, .calendar-today:focus, .calendar-today:hover { font-weight: bold; color: #ffffff; background-color: #5294e2; border-width: 0; } .calendar-other-month-day { color: rgba(211, 218, 227, 0.3); opacity: 1; } .calendar-week-number { color: rgba(211, 218, 227, 0.7); font-size: 80%; } #notification { border-radius: 3px; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; padding: 13px; spacing-rows: 10px; spacing-columns: 10px; margin-from-right-edge-of-screen: 20px; width: 34em; color: #BAC3CF; } .menu #notification, .popup-menu #notification { border-image: url("dark-assets/misc/message.svg") 9 9 9 9; } .menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { color: #D3DAE3; } .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { padding: 5px; } #notification.multi-line-notification { padding-bottom: 13px; color: #BAC3CF; } #notification-scrollview { max-height: 10em; } #notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { height: 1em; } #notification-scrollview:ltr > StScrollBar { padding-left: 6px; } #notification-scrollview:rtl > StScrollBar { padding-right: 6px; } #notification-body { spacing: 5px; } #notification-actions { spacing: 10px; } .notification-with-image { min-height: 159px; color: #BAC3CF; } .notification-button, .notification-icon-button { padding: 5px; } .notification-icon-button > StIcon { icon-size: 36px; } #altTabPopup { padding: 8px; spacing: 16px; } .switcher-list { color: #BAC3CF; background: none; border: none; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; } .switcher-list > StBoxLayout { padding: 4px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: 1px solid #5294e2; } .switcher-list .item-box:selected { color: #ffffff; background-color: #5294e2; border: 0px solid #5294e2; } .switcher-list .thumbnail { width: 256px; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .separator { width: 1px; background: rgba(255, 255, 255, 0.2); } .switcher-arrow { border-color: transparent; color: #BAC3CF; } .switcher-arrow:highlighted { border-color: transparent; color: white; } .thumbnail-scroll-gradient-left { background-color: transparent; border-radius: 24px; border-radius-topright: 0px; border-radius-bottomright: 0px; width: 60px; } .thumbnail-scroll-gradient-right { background-color: transparent; border-radius: 24px; border-radius-topleft: 0px; border-radius-bottomleft: 0px; width: 60px; } .ripple-box { width: 104px; height: 104px; background-image: url("common-assets/misc/corner-ripple.svg"); background-size: contain; } .lightbox { background-color: rgba(0, 0, 0, 0.4); } .flashspot { background-color: white; } .modal-dialog { color: #D3DAE3; background-color: rgba(56, 60, 74, 0); border: none; border-image: url("dark-assets/misc/modal.svg") 9 9 9 67; padding: 0 5px 6px 5px; } .modal-dialog > StBoxLayout:first-child { padding: 20px 10px 10px 10px; } .modal-dialog-button-box { spacing: 0; margin: 0px; padding: 14px 10px; background: none; border: none; border-image: url("dark-assets/misc/button-box.svg") 9 9 9 9; } .modal-dialog-button-box .modal-dialog-button { padding-top: 0; padding-bottom: 0; height: 30px; } .run-dialog { padding: 0px 15px 10px 15px; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; } .run-dialog > * { padding: 0; } .run-dialog-label { font-size: 0; font-weight: bold; color: #BAC3CF; padding-bottom: 0; } .run-dialog-error-label { color: #FC4138; } .run-dialog-error-box { padding-top: 15px; spacing: 5px; } .run-dialog-completion-box { padding-left: 15px; font-size: 10px; } .run-dialog-entry { width: 21em; padding: 7px; border-radius: 3px; caret-color: #BAC3CF; selected-color: #ffffff; selection-background-color: #5294e2; color: #BAC3CF; background-color: rgba(102, 109, 132, 0.35); border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .run-dialog-entry:focus { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .run-dialog .modal-dialog-button-box { border: none; box-shadow: none; background: none; background-gradient-direction: none; } /* CinnamonMountOperation Dialogs */ .cinnamon-mount-operation-icon { icon-size: 48px; } .mount-password-reask { color: #F27835; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: #ccc; } .show-processes-dialog-app-list-item:hover { color: white; } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 1.1em; } .magnifier-zoom-region { border: 2px solid maroon; } .magnifier-zoom-region .full-screen { border-width: 0px; } #keyboard { background-color: rgba(53, 57, 69, 0.95); border-width: 0; border-top-width: 1px; border-color: rgba(0, 0, 0, 0.4); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 2em; min-width: 2em; font-size: 14pt; font-weight: bold; border-radius: 3px; box-shadow: none; text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .keyboard-key:hover { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .keyboard-key:active, .keyboard-key:checked { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #ffffff; border: 1px solid #5294e2; background-color: #5294e2; } .keyboard-key:grayed { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #5d626e; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .keyboard-subkeys { color: #BAC3CF; padding: 5px; -arrow-border-radius: 2px; -arrow-background-color: rgba(53, 57, 69, 0.95); -arrow-border-width: 1px; -arrow-border-color: rgba(0, 0, 0, 0.4); -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 5px; } .menu-favorites-box { margin: auto; padding: 10px; transition-duration: 300; background-color: #383C4A; border: 1px solid #2b2e39; } .menu-favorites-button { padding: 10px; border: 1px solid transparent; } .menu-places-box { margin: auto; padding: 10px; border: 0px solid red; } .menu-places-button { padding: 10px; } .menu-categories-box { padding: 10px 30px 10px 30px; } .menu-applications-inner-box, .menu-applications-outer-box { padding: 10px 10px 0 10px; } .menu-application-button { padding: 7px; border: 1px solid transparent; } .menu-application-button:highlighted { font-weight: bold; } .menu-application-button-selected { padding: 7px; } .menu-application-button-selected:highlighted { font-weight: bold; } .menu-application-button-label:ltr { padding-left: 5px; } .menu-application-button-label:rtl { padding-right: 5px; } .menu-category-button { padding: 7px; border: 1px solid transparent; } .menu-category-button-selected { padding: 7px; } .menu-category-button-hover { background-color: red; border-radius: 2px; } .menu-category-button-greyed { padding: 7px; color: rgba(211, 218, 227, 0.45); border: 1px solid transparent; } .menu-category-button-label:ltr { padding-left: 5px; } .menu-category-button-label:rtl { padding-right: 5px; } .menu-selected-app-box { padding-right: 30px; padding-left: 28px; text-align: right; height: 30px; } .menu-selected-app-box:rtl { padding-top: 10px; height: 30px; } .menu-selected-app-title { font-weight: bold; } .menu-selected-app-description { max-width: 150px; } .menu-search-box:ltr { padding-left: 30px; } .menu-search-box-rtl { padding-right: 30px; } #menu-search-entry { width: 250px; height: 15px; font-weight: normal; caret-color: #D3DAE3; } .menu-search-entry-icon { icon-size: 1em; color: #D3DAE3; } /* Context menu (at the moment only for favorites) */ .info-osd { text-align: center; font-weight: bold; spacing: 1em; padding: 16px; color: white; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; margin: 32px; min-width: 64px; min-height: 64px; color: white; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } .osd-window .osd-monitor-label { font-size: 3em; } .osd-window .level { padding: 0; height: 4px; background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; color: #5294e2; } .window-list-box { spacing: 6px; padding-left: 10px; } .panel-bottom .window-list-box { padding-top: 1px; } .panel-top .window-list-box { padding-bottom: 1px; } .window-list-box.vertical { spacing: 4px; padding: 10px 0; } .window-list-box:highlight { background-color: rgba(252, 65, 56, 0.5); } .window-list-item-label { font-weight: bold; width: 15em; min-width: 5px; } .window-list-item-box { font-weight: bold; background-image: none; padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; color: rgba(255, 255, 255, 0.6); } .window-list-item-box:hover { color: white; } .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus { color: white; } .panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:focus { border-image: url("common-assets/panel/window-list-active-bottom.svg") 3 3 1 3; } .panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:focus { border-image: url("common-assets/panel/window-list-active-top.svg") 3 3 3 1; } .panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:focus { border-image: url("common-assets/panel/window-list-active-left.svg") 3 1 3 3; } .panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:focus { border-image: url("common-assets/panel/window-list-active-right.svg") 1 3 3 3; } .window-list-item-box.right, .window-list-item-box.left { padding-left: 0px; padding-right: 0px; } .window-list-item-demands-attention { background-gradient-start: #F27835; background-gradient-end: #F27835; } .sound-button { width: 22px; height: 13px; padding: 8px; } .sound-button-container { padding-right: 3px; padding-left: 3px; } .sound-button StIcon { icon-size: 1.4em; } .sound-track-infos { padding: 5px; } .sound-track-info { padding-top: 2px; padding-bottom: 2px; } .sound-track-info StIcon { icon-size: 16px; } .sound-track-info StLabel { padding-left: 5px; padding-right: 5px; } .sound-track-box { padding-left: 15px; padding-right: 15px; max-width: 220px; } .sound-seek-box { padding-left: 15px; } .sound-seek-box StLabel { padding-top: 2px; } .sound-seek-box StIcon { icon-size: 16px; } .sound-seek-slider { width: 140px; } .sound-volume-menu-item { padding: .4em 1.75em; } .sound-volume-menu-item StIcon { icon-size: 1.14em; padding-left: 8px; padding-right: 8px; } .sound-playback-control { padding: 5px 10px 10px 10px; } .sound-player { padding: 0 4px; } .sound-player > StBoxLayout:first-child { padding: 5px 10px 12px 10px; spacing: 0.5em; } .sound-player > StBoxLayout:first-child StButton:small { width: 16px; height: 8px; padding: 1px; } .sound-player > StBoxLayout:first-child StButton:small StIcon { icon-size: 12px; } .sound-player-generic-coverart { background: rgba(0, 0, 0, 0.2); } .sound-player-overlay { width: 290px; height: 70px; padding: 15px; spacing: 0.5em; background: rgba(42, 45, 55, 0.85); border: 0px solid rgba(31, 33, 40, 0.95); border-bottom: 1px; color: #BAC3CF; } .sound-player-overlay StButton { width: 22px; height: 13px; padding: 5px; color: #BAC3CF; border-radius: 2px; border: 1px solid rgba(53, 57, 69, 0); } .sound-player-overlay StButton StIcon { icon-size: 16px; } .sound-player-overlay StButton:hover { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .sound-player-overlay StButton:active { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px #5294e2; } .sound-player-overlay StBoxLayout { padding-top: 2px; } .sound-player .slider { height: 0.5em; padding: 0; border: none; -slider-height: 0.5em; -slider-background-color: #2d303b; -slider-border-color: transparent; -slider-active-background-color: #5294e2; -slider-active-border-color: transparent; -slider-border-width: 0px; -slider-handle-radius: 0px; } #workspaceSwitcher { spacing: 0px; padding: 3px; } /* Controls the styling when using the "Simple buttons" option */ .workspace-switcher { padding-left: 3px; padding-right: 3px; } .workspace-button { width: 20px; height: 10px; color: #ffffff; padding: 3px; padding-top: 4px; transition-duration: 300; } .workspace-button:outlined, .workspace-button:outlined:hover { color: #5294e2; } .workspace-button:hover { color: rgba(82, 148, 226, 0.5); } /* Controls the style when using the "Visual representation" option */ .workspace-graph { padding: 3px; spacing: 3px; } .workspace-graph .workspace { border: 1px solid rgba(0, 0, 0, 0.4); background-gradient-direction: none; background-color: rgba(0, 0, 0, 0.2); } .workspace-graph .workspace:active { border: 1px solid #5294e2; background-gradient-direction: none; } .workspace-graph .workspace .windows { -active-window-background: rgba(76, 82, 99, 0.95); -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: rgba(76, 82, 99, 0.95); -inactive-window-border: rgba(0, 0, 0, 0.8); } .workspace-graph .workspace:active .windows { -active-window-background: rgba(87, 93, 113, 0.95); -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: rgba(54, 58, 70, 0.95); -inactive-window-border: rgba(0, 0, 0, 0.8); } #panel-launchers-box { padding-left: 7px; } #panel-launchers-box.vertical { padding: 2px 0; } .panel-launcher, .launcher { margin: 1px; padding: 1px; transition-duration: 200; } .panel-launcher:hover, .launcher:hover { background-gradient-direction: none; border: 0px solid #5294e2; } .panel-bottom .panel-launcher:hover, .panel-bottom .launcher:hover { border-bottom-width: 1px; } .panel-top .panel-launcher:hover, .panel-top .launcher:hover { border-top-width: 1px; } .panel-left .panel-launcher:hover, .panel-left .launcher:hover { border-left-width: 1px; padding-left: 0; } .panel-right .panel-launcher:hover, .panel-right .launcher:hover { border-right-width: 1px; padding-right: 0; } #overview-corner { background-image: url("common-assets/misc/overview.png"); } #overview-corner:hover { background-image: url("common-assets/misc/overview-hover.png"); } .applet-separator { padding: 1px 4px; } .applet-separator-line { width: 1px; background: rgba(255, 255, 255, 0.12); } .applet-box { padding-left: 3px; padding-right: 3px; color: white; text-shadow: none; transition-duration: 100; } .applet-box.vertical { padding: 3px 0; } .applet-box:hover { color: #ffffff; background-color: #5294e2; } .applet-box:highlight { background-image: none; border-image: none; background-color: rgba(252, 65, 56, 0.5); } .applet-label { font-weight: bold; color: white; } .applet-label:hover, .applet-box:hover > .applet-label { color: #ffffff; text-shadow: none; } .applet-icon { color: white; icon-size: 22px; } .applet-icon:hover, .applet-box:hover > .applet-icon { color: #ffffff; text-shadow: none; } .user-icon { width: 32px; height: 32px; background-color: transparent; border: none; border-radius: 0; } .user-label { color: #D3DAE3; font-size: 1em; font-weight: bold; margin: 0px; } .desklet { color: #BAC3CF; } .desklet:highlight { background-color: rgba(252, 65, 56, 0.5); } .desklet-with-borders { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; color: #BAC3CF; padding: 12px; padding-bottom: 16px; } .desklet-with-borders:highlight { background-color: rgba(252, 65, 56, 0.5); } .desklet-with-borders-and-header { border-image: url("common-assets/misc/desklet.svg") 9 9 9 9; color: #BAC3CF; border-radius: 0; border-radius-topleft: 0; border-radius-topright: 0; padding: 12px; padding-bottom: 17px; } .desklet-with-borders-and-header:highlight { background-color: rgba(252, 65, 56, 0.5); } .desklet-header { border-image: url("common-assets/misc/desklet-header.svg") 9 9 9 9; color: #BAC3CF; font-size: 1em; padding: 12px; padding-bottom: 6px; } .desklet-drag-placeholder { border: 2px solid #5294e2; background-color: rgba(82, 148, 226, 0.3); } .photoframe-box { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; color: #BAC3CF; padding: 12px; padding-bottom: 16px; } /*FIXME*/ .workspace-osd { /*color: red;*/ text-shadow: black 5px 5px 5px; font-weight: bold; font-size: 48pt; } .notification-applet-padding { padding: .5em 1em; } .notification-applet-container { max-height: 100px; } .tile-preview, .tile-preview.snap, .tile-hud, .tile-hud.snap { background-color: rgba(82, 148, 226, 0.3); border: 1px solid #5294e2; } .xkcd-box { padding: 6px; border: 0px; background-color: transparent; border-radius: 0px; } ================================================ FILE: common/cinnamon/cinnamon.css ================================================ stage { font-family: Futura Bk bt, sans, Sans-Serif; font-size: 9pt; color: #5c616c; } .label-shadow { color: transparent; } .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button { min-height: 20px; padding: 5px 32px; transition-duration: 0; text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: #fbfbfc; border: 1px solid #cfd6e6; box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); } .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button, .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover, .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus, .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus, .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive { border-radius: 2px; } .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: #fbfbfc; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); } .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: white; border: 1px solid #cfd6e6; box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); } .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: #fbfbfc; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); } .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px #5294e2; } .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive { text-shadow: 0 1px rgba(255, 255, 255, 0); color: rgba(92, 97, 108, 0.55); border: 1px solid rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); } .notification-button, .notification-icon-button, .modal-dialog-button-box .modal-dialog-button { min-height: 20px; padding: 5px 32px; transition-duration: 0; border-radius: 2px; text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .notification-button:hover, .notification-icon-button:hover, .modal-dialog-button-box .modal-dialog-button:hover { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .notification-button:focus, .notification-icon-button:focus, .modal-dialog-button-box .modal-dialog-button:focus { color: #5294e2; } .notification-button:active, .notification-icon-button:active, .modal-dialog-button-box .modal-dialog-button:active { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #ffffff; border: 1px solid #5294e2; background-color: #5294e2; } .notification-button:insensitive, .notification-icon-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5d626e; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .menu #notification StEntry, .popup-menu #notification StEntry, #menu-search-entry { padding: 7px; caret-size: 1px; selection-background-color: #5294e2; selected-color: #ffffff; transition-duration: 300ms; border-radius: 3px; color: #5c616c; background-color: #ffffff; border: 1px solid #cfd6e6; box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); } .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #menu-search-entry:focus, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #menu-search-entry:hover { color: #5c616c; background-color: #ffffff; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); } .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #menu-search-entry:insensitive { color: rgba(92, 97, 108, 0.55); background-color: #fbfbfb; border-color: 1px solid #e0e4ee; box-shadow: inset 0 2px 4px rgba(251, 251, 251, 0.05); } .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #menu-search-entry StIcon.capslock-warning { icon-size: 16px; warning-color: #F27835; padding: 0 4px; } .notification StEntry { padding: 7px; caret-size: 1px; caret-color: #BAC3CF; selection-background-color: #5294e2; selected-color: #ffffff; transition-duration: 300ms; border-radius: 3px; color: #BAC3CF; background-color: rgba(102, 109, 132, 0.35); border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .notification StEntry:focus { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .notification StEntry:insensitive { color: rgba(186, 195, 207, 0.55); background-color: rgba(102, 109, 132, 0.2); border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } StScrollView.vfade { -st-vfade-offset: 0px; } StScrollView.hfade { -st-hfade-offset: 0px; } StScrollBar { padding: 8px; } StScrollView StScrollBar { min-width: 5px; min-height: 5px; } StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.1); border-radius: 8px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 2px; background-color: #b8babf; border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #c7c9cd; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #5294e2; } .separator { -gradient-height: 1px; -gradient-start: transparent; -gradient-end: transparent; -margin-horizontal: 1.5em; height: 1em; } .popup-slider-menu-item, .slider { -slider-height: 4px; -slider-background-color: #cfd6e6; -slider-border-color: transparent; -slider-active-background-color: #5294e2; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 4px; height: 18px; min-width: 15em; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; color: transparent; } .popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { -slider-background-color: rgba(0, 0, 0, 0.2); -slider-active-background-color: #ffffff; } .check-box CinnamonGenericContainer { spacing: .2em; min-height: 30px; padding-top: 2px; } .check-box StLabel { font-weight: normal; } .check-box StBin { width: 16px; height: 16px; background-image: url("light-assets/checkbox/checkbox-unchecked.svg"); } .check-box:focus StBin { background-image: url("light-assets/checkbox/checkbox-unchecked-focused.svg"); } .check-box:checked StBin { background-image: url("light-assets/checkbox/checkbox-checked.svg"); } .check-box:focus:checked StBin { background-image: url("light-assets/checkbox/checkbox-checked-focused.svg"); } .radiobutton CinnamonGenericContainer { spacing: .2em; height: 26px; padding-top: 2px; } .radiobutton StLabel { padding-top: 4px; font-size: 0.9em; box-shadow: none; } .radiobutton StBin { width: 16px; height: 16px; background-image: url("light-assets/checkbox/checkbox-unchecked.svg"); } .radiobutton:focus StBin { background-image: url("light-assets/checkbox/checkbox-unchecked-focused.svg"); } .radiobutton:checked StBin { background-image: url("light-assets/checkbox/checkbox-checked.svg"); } .radiobutton:focus:checked StBin { background-image: url("light-assets/checkbox/checkbox-checked-focused.svg"); } .toggle-switch { width: 50px; height: 20px; background-size: contain; background-image: url("light-assets/switch/switch-off.svg"); } .toggle-switch:checked { background-image: url("light-assets/switch/switch-on.svg"); } .popup-menu-item:active .toggle-switch { background-image: url("common-assets/switch/switch-off-selected.svg"); } .popup-menu-item:active .toggle-switch:checked { background-image: url("common-assets/switch/switch-on-selected.svg"); } .cinnamon-link { color: #2679db; text-decoration: underline; } .cinnamon-link:hover { color: #5294e2; } #Tooltip { border-radius: 3px; padding: 5px 12px; background-color: rgba(53, 57, 69, 0.95); color: #BAC3CF; font-size: 1em; font-weight: normal; text-align: center; } .menu, .popup-menu, .popup-combo-menu { color: #5c616c; border-image: url("light-assets/menu/menu.svg") 9 9 9 9; } .menu-arrow, .popup-menu-arrow { icon-size: 16px; } .menu .popup-sub-menu, .popup-menu .popup-sub-menu, .popup-combo-menu .popup-sub-menu { background-gradient-direction: none; box-shadow: none; border-image: url("light-assets/menu/submenu.svg") 9 9 9 9; } .menu .popup-sub-menu .popup-menu-item:ltr, .popup-menu .popup-sub-menu .popup-menu-item:ltr, .popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { padding-right: 0em; } .menu .popup-sub-menu .popup-menu-item:rtl, .popup-menu .popup-sub-menu .popup-menu-item:rtl, .popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { padding-left: 0em; } .menu .popup-sub-menu StScrollBar, .popup-menu .popup-sub-menu StScrollBar, .popup-combo-menu .popup-sub-menu StScrollBar { padding: 4px; } .menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, .popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle, .popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, .popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { border-width: 0; } .menu .popup-menu-content, .popup-menu .popup-menu-content, .popup-combo-menu .popup-menu-content { padding: 1em 0em 1em 0em; } .menu .popup-menu-item, .popup-menu .popup-menu-item, .popup-combo-menu .popup-menu-item { padding: .4em 1.75em; spacing: 1em; } .menu .popup-menu-item:active, .popup-menu .popup-menu-item:active, .popup-combo-menu .popup-menu-item:active { color: #ffffff; background-color: transparent; border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } .menu .popup-menu-item:insensitive, .popup-menu .popup-menu-item:insensitive, .popup-combo-menu .popup-menu-item:insensitive { color: rgba(92, 97, 108, 0.5); background: none; } .menu .popup-inactive-menu-item, .popup-menu .popup-inactive-menu-item, .popup-combo-menu .popup-inactive-menu-item { color: #5c616c; } .menu .popup-inactive-menu-item:insensitive, .popup-menu .popup-inactive-menu-item:insensitive, .popup-combo-menu .popup-inactive-menu-item:insensitive { color: rgba(92, 97, 108, 0.55); } .menu .popup-menu-item:active .popup-inactive-menu-item, .popup-menu .popup-menu-item:active .popup-inactive-menu-item, .popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { color: #ffffff; } .menu-icon, .popup-menu-icon { icon-size: 16px; } .popup-menu-boxpointer { -arrow-border-radius: 3px; -arrow-background-color: transparent; -arrow-border-width: 1px; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; } .popup-combo-menu { padding: 10px 1px; } .popup-combobox-item { spacing: 1em; } .popup-separator-menu-item { -gradient-height: 2px; -gradient-start: transparent; -gradient-end: transparent; -margin-horizontal: 1.5em; height: 1em; } .popup-alternating-menu-item:alternate { font-weight: normal; } .popup-device-menu-item { spacing: .5em; } .popup-subtitle-menu-item { font-weight: normal; } .nm-menu-item-icons { spacing: .5em; } #panel { font-weight: bold; height: 27px; width: 32px; } #panel:highlight { border-image: none; background-color: rgba(252, 65, 56, 0.5); } #panelLeft { spacing: 4px; } #panelLeft:dnd { background-gradient-direction: vertical; background-gradient-start: rgba(255, 0, 0, 0.05); background-gradient-end: rgba(255, 0, 0, 0.2); } #panelLeft:ltr { padding-right: 4px; } #panelLeft:rtl { padding-left: 4px; } #panelLeft.vertical { padding: 0; } #panelLeft.vertical:ltr { padding-right: 0px; } #panelLeft.vertical:rtl { padding-left: 0px; } #panelRight:dnd { background-gradient-direction: vertical; background-gradient-start: rgba(0, 0, 255, 0.05); background-gradient-end: rgba(0, 0, 255, 0.2); } #panelRight:ltr { padding-left: 4px; spacing: 0px; } #panelRight:rtl { padding-right: 4px; spacing: 0px; } #panelRight.vertical { padding: 0; } #panelRight.vertical:ltr { padding-right: 0px; } #panelRight.vertical:rtl { padding-left: 0px; } #panelCenter { spacing: 4px; } #panelCenter:dnd { background-gradient-direction: vertical; background-gradient-start: rgba(0, 255, 0, 0.05); background-gradient-end: rgba(0, 255, 0, 0.2); } .panel-top, .panel-bottom, .panel-left, .panel-right { color: white; font-size: 1em; padding: 0px; } .panel-top { border-image: url("common-assets/panel/panel-top.svg") 1 1 1 1; } .panel-bottom { border-image: url("common-assets/panel/panel-bottom.svg") 1 1 1 1; } .panel-left { border-image: url("common-assets/panel/panel-left.svg") 1 1 1 1; } .panel-right { border-image: url("common-assets/panel/panel-right.svg") 1 1 1 1; } .panel-dummy { background-color: rgba(252, 65, 56, 0.5); } .panel-dummy:entered { background-color: rgba(252, 65, 56, 0.6); } .panel-status-button { border-width: 0; -natural-hpadding: 3px; -minimum-hpadding: 3px; font-weight: bold; color: white; height: 22px; } .panel-button { -natural-hpadding: 6px; -minimum-hpadding: 2px; font-weight: bold; color: green; transition-duration: 100; } .system-status-icon { icon-size: 16px; padding: 0 1px; } #overview { spacing: 12px; } .window-caption { background-color: rgba(53, 57, 69, 0.95); border: 1px solid rgba(53, 57, 69, 0.95); color: #BAC3CF; spacing: 25px; border-radius: 2px; font-size: 9pt; padding: 5px 8px; -cinnamon-caption-spacing: 4px; } .window-caption#selected { background-color: #5294e2; color: #ffffff; border: 1px solid #5294e2; spacing: 25px; } .expo-workspaces-name-entry, .expo-workspaces-name-entry#selected { height: 15px; border-radius: 2px; font-size: 9pt; padding: 5px 8px; -cinnamon-caption-spacing: 4px; color: #BAC3CF; background-color: rgba(102, 109, 132, 0.35); border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .expo-workspaces-name-entry:focus, .expo-workspaces-name-entry#selected:focus { border: 1px solid #5294e2; background-color: #5294e2; color: #ffffff; font-style: italic; transition-duration: 300; selection-background-color: #ffffff; selected-color: #5294e2; } .expo-workspace-thumbnail-frame { border: 4px solid rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border-radius: 2px; } .expo-workspace-thumbnail-frame#active { border: 4px solid #5294e2; background-color: black; border-radius: 2px; } .expo-background { background-color: #353945; } .workspace-thumbnails { spacing: 26px; } .workspace-thumbnails-background, .workspace-thumbnails-background:rtl { padding: 8px; } .workspace-add-button { background-image: url("common-assets/misc/add-workspace.svg"); height: 200px; width: 35px; transition-duration: 100; } .workspace-add-button:hover { background-image: url("common-assets/misc/add-workspace-hover.svg"); transition-duration: 100; } .workspace-add-button:active { background-image: url("common-assets/misc/add-workspace-active.svg"); transition-duration: 100; } .workspace-overview-background-shade { background-color: rgba(0, 0, 0, 0.5); } .workspace-close-button, .window-close { background-image: url("common-assets/misc/close.svg"); background-size: 26px; height: 26px; width: 26px; -cinnamon-close-overlap: 10px; } .workspace-close-button:hover, .window-close:hover { background-image: url("common-assets/misc/close-hover.svg"); background-size: 26px; height: 26px; width: 26px; } .workspace-close-button:active, .window-close:active { background-image: url("common-assets/misc/close-active.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close-area { background-image: url("common-assets/misc/trash-icon.svg"); height: 120px; width: 400px; } .about-content { width: 550px; height: 250px; spacing: 8px; padding-bottom: 10px; } .about-title { font-size: 2em; font-weight: bold; } .about-uuid { font-size: 10px; color: #888; } .about-icon { padding-right: 20px; padding-bottom: 14px; } .about-scrollBox { border: 1px solid #dcdfe3; border-radius: 2px; background-color: #ffffff; padding: 4px; padding-right: 0; border-radius: 0; } .about-scrollBox-innerBox { padding: 1.2em; spacing: 1.2em; } .about-description { padding-top: 4px; padding-bottom: 16px; } .about-version { padding-left: 7px; font-size: 10px; color: #888; } .calendar { padding: .4em 1.75em; spacing-rows: 0px; spacing-columns: 0px; } .calendar-month-label { color: #5c616c; font-weight: bold; padding: 8px 0; } .calendar-change-month-back, .calendar-change-month-forward { width: 16px; height: 16px; } .calendar-change-month-back { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:focus, .calendar-change-month-back:hover { background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-back:active { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-back:rtl:active { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-forward:active { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-forward:rtl:active { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } .datemenu-date-label { padding: .4em 1.75em; font-weight: bold; text-align: center; color: #5c616c; border-radius: 2px; } .calendar-day-base { font-size: 80%; text-align: center; width: 25px; height: 25px; padding: 0.1em; margin: 2px; border-radius: 12.5px; } .calendar-day-heading { color: rgba(92, 97, 108, 0.85); margin-top: 1em; font-size: 70%; } .calendar-day { border-width: 0; color: rgba(92, 97, 108, 0.8); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #5c616c; background-color: transparent; font-weight: bold; } .calendar-today, .calendar-today:active, .calendar-today:focus, .calendar-today:hover { font-weight: bold; color: #ffffff; background-color: #5294e2; border-width: 0; } .calendar-other-month-day { color: rgba(92, 97, 108, 0.3); opacity: 1; } .calendar-week-number { color: rgba(92, 97, 108, 0.7); font-size: 80%; } #notification { border-radius: 3px; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; padding: 13px; spacing-rows: 10px; spacing-columns: 10px; margin-from-right-edge-of-screen: 20px; width: 34em; color: #BAC3CF; } .menu #notification, .popup-menu #notification { border-image: url("light-assets/misc/message.svg") 9 9 9 9; } .menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { color: #5c616c; } .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { padding: 5px; } #notification.multi-line-notification { padding-bottom: 13px; color: #BAC3CF; } #notification-scrollview { max-height: 10em; } #notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { height: 1em; } #notification-scrollview:ltr > StScrollBar { padding-left: 6px; } #notification-scrollview:rtl > StScrollBar { padding-right: 6px; } #notification-body { spacing: 5px; } #notification-actions { spacing: 10px; } .notification-with-image { min-height: 159px; color: #BAC3CF; } .notification-button, .notification-icon-button { padding: 5px; } .notification-icon-button > StIcon { icon-size: 36px; } #altTabPopup { padding: 8px; spacing: 16px; } .switcher-list { color: #BAC3CF; background: none; border: none; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; } .switcher-list > StBoxLayout { padding: 4px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; border: 1px solid #5294e2; } .switcher-list .item-box:selected { color: #ffffff; background-color: #5294e2; border: 0px solid #5294e2; } .switcher-list .thumbnail { width: 256px; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .separator { width: 1px; background: rgba(255, 255, 255, 0.2); } .switcher-arrow { border-color: transparent; color: #BAC3CF; } .switcher-arrow:highlighted { border-color: transparent; color: white; } .thumbnail-scroll-gradient-left { background-color: transparent; border-radius: 24px; border-radius-topright: 0px; border-radius-bottomright: 0px; width: 60px; } .thumbnail-scroll-gradient-right { background-color: transparent; border-radius: 24px; border-radius-topleft: 0px; border-radius-bottomleft: 0px; width: 60px; } .ripple-box { width: 104px; height: 104px; background-image: url("common-assets/misc/corner-ripple.svg"); background-size: contain; } .lightbox { background-color: rgba(0, 0, 0, 0.4); } .flashspot { background-color: white; } .modal-dialog { color: #5c616c; background-color: rgba(245, 246, 247, 0); border: none; border-image: url("light-assets/misc/modal.svg") 9 9 9 67; padding: 0 5px 6px 5px; } .modal-dialog > StBoxLayout:first-child { padding: 20px 10px 10px 10px; } .modal-dialog-button-box { spacing: 0; margin: 0px; padding: 14px 10px; background: none; border: none; border-image: url("light-assets/misc/button-box.svg") 9 9 9 9; } .modal-dialog-button-box .modal-dialog-button { padding-top: 0; padding-bottom: 0; height: 30px; } .run-dialog { padding: 0px 15px 10px 15px; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; } .run-dialog > * { padding: 0; } .run-dialog-label { font-size: 0; font-weight: bold; color: #BAC3CF; padding-bottom: 0; } .run-dialog-error-label { color: #FC4138; } .run-dialog-error-box { padding-top: 15px; spacing: 5px; } .run-dialog-completion-box { padding-left: 15px; font-size: 10px; } .run-dialog-entry { width: 21em; padding: 7px; border-radius: 3px; caret-color: #BAC3CF; selected-color: #ffffff; selection-background-color: #5294e2; color: #BAC3CF; background-color: rgba(102, 109, 132, 0.35); border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .run-dialog-entry:focus { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .run-dialog .modal-dialog-button-box { border: none; box-shadow: none; background: none; background-gradient-direction: none; } /* CinnamonMountOperation Dialogs */ .cinnamon-mount-operation-icon { icon-size: 48px; } .mount-password-reask { color: #F27835; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: #ccc; } .show-processes-dialog-app-list-item:hover { color: white; } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 1.1em; } .magnifier-zoom-region { border: 2px solid maroon; } .magnifier-zoom-region .full-screen { border-width: 0px; } #keyboard { background-color: rgba(53, 57, 69, 0.95); border-width: 0; border-top-width: 1px; border-color: rgba(0, 0, 0, 0.4); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 2em; min-width: 2em; font-size: 14pt; font-weight: bold; border-radius: 3px; box-shadow: none; text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .keyboard-key:hover { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .keyboard-key:active, .keyboard-key:checked { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #ffffff; border: 1px solid #5294e2; background-color: #5294e2; } .keyboard-key:grayed { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5d626e; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .keyboard-subkeys { color: #BAC3CF; padding: 5px; -arrow-border-radius: 2px; -arrow-background-color: rgba(53, 57, 69, 0.95); -arrow-border-width: 1px; -arrow-border-color: rgba(0, 0, 0, 0.4); -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 5px; } .menu-favorites-box { margin: auto; padding: 10px; transition-duration: 300; background-color: #F5F6F7; border: 1px solid #dcdfe3; } .menu-favorites-button { padding: 10px; border: 1px solid transparent; } .menu-places-box { margin: auto; padding: 10px; border: 0px solid red; } .menu-places-button { padding: 10px; } .menu-categories-box { padding: 10px 30px 10px 30px; } .menu-applications-inner-box, .menu-applications-outer-box { padding: 10px 10px 0 10px; } .menu-application-button { padding: 7px; border: 1px solid transparent; } .menu-application-button:highlighted { font-weight: bold; } .menu-application-button-selected { padding: 7px; } .menu-application-button-selected:highlighted { font-weight: bold; } .menu-application-button-label:ltr { padding-left: 5px; } .menu-application-button-label:rtl { padding-right: 5px; } .menu-category-button { padding: 7px; border: 1px solid transparent; } .menu-category-button-selected { padding: 7px; } .menu-category-button-hover { background-color: red; border-radius: 2px; } .menu-category-button-greyed { padding: 7px; color: rgba(92, 97, 108, 0.55); border: 1px solid transparent; } .menu-category-button-label:ltr { padding-left: 5px; } .menu-category-button-label:rtl { padding-right: 5px; } .menu-selected-app-box { padding-right: 30px; padding-left: 28px; text-align: right; height: 30px; } .menu-selected-app-box:rtl { padding-top: 10px; height: 30px; } .menu-selected-app-title { font-weight: bold; } .menu-selected-app-description { max-width: 150px; } .menu-search-box:ltr { padding-left: 30px; } .menu-search-box-rtl { padding-right: 30px; } #menu-search-entry { width: 250px; height: 15px; font-weight: normal; caret-color: #5c616c; } .menu-search-entry-icon { icon-size: 1em; color: #5c616c; } /* Context menu (at the moment only for favorites) */ .info-osd { text-align: center; font-weight: bold; spacing: 1em; padding: 16px; color: white; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; margin: 32px; min-width: 64px; min-height: 64px; color: white; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } .osd-window .osd-monitor-label { font-size: 3em; } .osd-window .level { padding: 0; height: 4px; background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; color: #5294e2; } .window-list-box { spacing: 6px; padding-left: 10px; } .panel-bottom .window-list-box { padding-top: 1px; } .panel-top .window-list-box { padding-bottom: 1px; } .window-list-box.vertical { spacing: 4px; padding: 10px 0; } .window-list-box:highlight { background-color: rgba(252, 65, 56, 0.5); } .window-list-item-label { font-weight: bold; width: 15em; min-width: 5px; } .window-list-item-box { font-weight: bold; background-image: none; padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; color: rgba(255, 255, 255, 0.6); } .window-list-item-box:hover { color: white; } .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus { color: white; } .panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:focus { border-image: url("common-assets/panel/window-list-active-bottom.svg") 3 3 1 3; } .panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:focus { border-image: url("common-assets/panel/window-list-active-top.svg") 3 3 3 1; } .panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:focus { border-image: url("common-assets/panel/window-list-active-left.svg") 3 1 3 3; } .panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:focus { border-image: url("common-assets/panel/window-list-active-right.svg") 1 3 3 3; } .window-list-item-box.right, .window-list-item-box.left { padding-left: 0px; padding-right: 0px; } .window-list-item-demands-attention { background-gradient-start: #F27835; background-gradient-end: #F27835; } .sound-button { width: 22px; height: 13px; padding: 8px; } .sound-button-container { padding-right: 3px; padding-left: 3px; } .sound-button StIcon { icon-size: 1.4em; } .sound-track-infos { padding: 5px; } .sound-track-info { padding-top: 2px; padding-bottom: 2px; } .sound-track-info StIcon { icon-size: 16px; } .sound-track-info StLabel { padding-left: 5px; padding-right: 5px; } .sound-track-box { padding-left: 15px; padding-right: 15px; max-width: 220px; } .sound-seek-box { padding-left: 15px; } .sound-seek-box StLabel { padding-top: 2px; } .sound-seek-box StIcon { icon-size: 16px; } .sound-seek-slider { width: 140px; } .sound-volume-menu-item { padding: .4em 1.75em; } .sound-volume-menu-item StIcon { icon-size: 1.14em; padding-left: 8px; padding-right: 8px; } .sound-playback-control { padding: 5px 10px 10px 10px; } .sound-player { padding: 0 4px; } .sound-player > StBoxLayout:first-child { padding: 5px 10px 12px 10px; spacing: 0.5em; } .sound-player > StBoxLayout:first-child StButton:small { width: 16px; height: 8px; padding: 1px; } .sound-player > StBoxLayout:first-child StButton:small StIcon { icon-size: 12px; } .sound-player-generic-coverart { background: rgba(0, 0, 0, 0.2); } .sound-player-overlay { width: 290px; height: 70px; padding: 15px; spacing: 0.5em; background: rgba(42, 45, 55, 0.85); border: 0px solid rgba(31, 33, 40, 0.95); border-bottom: 1px; color: #BAC3CF; } .sound-player-overlay StButton { width: 22px; height: 13px; padding: 5px; color: #BAC3CF; border-radius: 2px; border: 1px solid rgba(53, 57, 69, 0); } .sound-player-overlay StButton StIcon { icon-size: 16px; } .sound-player-overlay StButton:hover { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .sound-player-overlay StButton:active { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px #5294e2; } .sound-player-overlay StBoxLayout { padding-top: 2px; } .sound-player .slider { height: 0.5em; padding: 0; border: none; -slider-height: 0.5em; -slider-background-color: #cfd6e6; -slider-border-color: transparent; -slider-active-background-color: #5294e2; -slider-active-border-color: transparent; -slider-border-width: 0px; -slider-handle-radius: 0px; } #workspaceSwitcher { spacing: 0px; padding: 3px; } /* Controls the styling when using the "Simple buttons" option */ .workspace-switcher { padding-left: 3px; padding-right: 3px; } .workspace-button { width: 20px; height: 10px; color: #ffffff; padding: 3px; padding-top: 4px; transition-duration: 300; } .workspace-button:outlined, .workspace-button:outlined:hover { color: #5294e2; } .workspace-button:hover { color: rgba(82, 148, 226, 0.5); } /* Controls the style when using the "Visual representation" option */ .workspace-graph { padding: 3px; spacing: 3px; } .workspace-graph .workspace { border: 1px solid rgba(0, 0, 0, 0.4); background-gradient-direction: none; background-color: rgba(0, 0, 0, 0.2); } .workspace-graph .workspace:active { border: 1px solid #5294e2; background-gradient-direction: none; } .workspace-graph .workspace .windows { -active-window-background: rgba(76, 82, 99, 0.95); -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: rgba(76, 82, 99, 0.95); -inactive-window-border: rgba(0, 0, 0, 0.8); } .workspace-graph .workspace:active .windows { -active-window-background: rgba(87, 93, 113, 0.95); -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: rgba(54, 58, 70, 0.95); -inactive-window-border: rgba(0, 0, 0, 0.8); } #panel-launchers-box { padding-left: 7px; } #panel-launchers-box.vertical { padding: 2px 0; } .panel-launcher, .launcher { margin: 1px; padding: 1px; transition-duration: 200; } .panel-launcher:hover, .launcher:hover { background-gradient-direction: none; border: 0px solid #5294e2; } .panel-bottom .panel-launcher:hover, .panel-bottom .launcher:hover { border-bottom-width: 1px; } .panel-top .panel-launcher:hover, .panel-top .launcher:hover { border-top-width: 1px; } .panel-left .panel-launcher:hover, .panel-left .launcher:hover { border-left-width: 1px; padding-left: 0; } .panel-right .panel-launcher:hover, .panel-right .launcher:hover { border-right-width: 1px; padding-right: 0; } #overview-corner { background-image: url("common-assets/misc/overview.png"); } #overview-corner:hover { background-image: url("common-assets/misc/overview-hover.png"); } .applet-separator { padding: 1px 4px; } .applet-separator-line { width: 1px; background: rgba(255, 255, 255, 0.12); } .applet-box { padding-left: 3px; padding-right: 3px; color: white; text-shadow: none; transition-duration: 100; } .applet-box.vertical { padding: 3px 0; } .applet-box:hover { color: #ffffff; background-color: #5294e2; } .applet-box:highlight { background-image: none; border-image: none; background-color: rgba(252, 65, 56, 0.5); } .applet-label { font-weight: bold; color: white; } .applet-label:hover, .applet-box:hover > .applet-label { color: #ffffff; text-shadow: none; } .applet-icon { color: white; icon-size: 22px; } .applet-icon:hover, .applet-box:hover > .applet-icon { color: #ffffff; text-shadow: none; } .user-icon { width: 32px; height: 32px; background-color: transparent; border: none; border-radius: 0; } .user-label { color: #5c616c; font-size: 1em; font-weight: bold; margin: 0px; } .desklet { color: #BAC3CF; } .desklet:highlight { background-color: rgba(252, 65, 56, 0.5); } .desklet-with-borders { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; color: #BAC3CF; padding: 12px; padding-bottom: 16px; } .desklet-with-borders:highlight { background-color: rgba(252, 65, 56, 0.5); } .desklet-with-borders-and-header { border-image: url("common-assets/misc/desklet.svg") 9 9 9 9; color: #BAC3CF; border-radius: 0; border-radius-topleft: 0; border-radius-topright: 0; padding: 12px; padding-bottom: 17px; } .desklet-with-borders-and-header:highlight { background-color: rgba(252, 65, 56, 0.5); } .desklet-header { border-image: url("common-assets/misc/desklet-header.svg") 9 9 9 9; color: #BAC3CF; font-size: 1em; padding: 12px; padding-bottom: 6px; } .desklet-drag-placeholder { border: 2px solid #5294e2; background-color: rgba(82, 148, 226, 0.3); } .photoframe-box { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; color: #BAC3CF; padding: 12px; padding-bottom: 16px; } /*FIXME*/ .workspace-osd { /*color: red;*/ text-shadow: black 5px 5px 5px; font-weight: bold; font-size: 48pt; } .notification-applet-padding { padding: .5em 1em; } .notification-applet-container { max-height: 100px; } .tile-preview, .tile-preview.snap, .tile-hud, .tile-hud.snap { background-color: rgba(82, 148, 226, 0.3); border: 1px solid #5294e2; } .xkcd-box { padding: 6px; border: 0px; background-color: transparent; border-radius: 0px; } ================================================ FILE: common/cinnamon/sass/_colors.scss ================================================ // When color definition differs for dark and light variant, // it gets @if ed depending on $variant $base_color: if($variant =='light', #ffffff, #404552); $text_color: if($variant == 'light', #5c616c, #D3DAE3); $bg_color: if($variant =='light', #F5F6F7, #383C4A); $fg_color: if($variant =='light', #5c616c, #D3DAE3); $selected_fg_color: #ffffff; $selected_bg_color: #5294e2; $selected_borders_color: darken($selected_bg_color, 20%); $borders_color: if($variant =='light', darken($bg_color,9%), darken($bg_color,6%)); $link_color: if($variant == 'light', darken($selected_bg_color,10%), lighten($selected_bg_color,20%)); $link_visited_color: if($variant == 'light', darken($selected_bg_color,20%), lighten($selected_bg_color,10%)); $selection_mode_bg: if($transparency == 'true', transparentize($selected_bg_color, 0.05), $selected_bg_color); $selection_mode_fg: $selected_fg_color; $warning_color: #F27835; $error_color: #FC4138; $warning_fg_color: white; $error_fg_color: white; $success_color: #73d216; $destructive_color: #F04A50; $suggested_color: #4DADD4; $destructive_fg_color: white; $suggested_fg_color: white; $drop_target_color: #F08437; //insensitive state derived colors $insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); $insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); $header_bg: red; @if $transparency=='true' and $variant=='light' { $header_bg: transparentize(#e7e8eb, 0.05); } @if $transparency=='false' and $variant=='light' { $header_bg: #e7e8eb; } @if $transparency=='true' and ($variant=='dark' or $darker=='true') { $header_bg: transparentize(#2f343f, 0.03); } @if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343f; } $header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%)); $header_border: if($variant == 'light' and $darker=='false', darken($header_bg, 7%), darken($header_bg, 4%)); $header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%)); $header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg); $dark_sidebar_bg: if($transparency == 'true', transparentize(#353945, 0.05), #353945); $dark_sidebar_fg: #BAC3CF; $dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 5%)); $osd_fg_color: $dark_sidebar_fg; $osd_bg_color: $dark_sidebar_bg; $osd_button_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); $osd_button_border: transparentize(darken($osd_bg_color, 12%), 0.6); $osd_entry_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); $osd_entry_border: transparentize(darken($osd_bg_color, 12%), 0.6); $osd_insensitive_bg_color: darken($osd_bg_color, 3%); $osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); $osd_borders_color: transparentize(black, 0.3); $panel_bg: darken($dark_sidebar_bg, 4.7%); $panel_fg: $dark_sidebar_fg; $entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); $entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); $header_entry_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($base_color, 0.1)); $header_entry_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); $button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); $button_border: $entry_border; $header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($button_bg, 0.1)); $header_button_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); //WM Buttons // Close $wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f46067, #cc575d); $wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f68086, #d7787d); $wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #f13039, #be3841); $wm_icon_close_bg: if($variant == 'light' and $darker == 'false',#F8F8F9 , #2f343f); // Minimize, Maximize $wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #454C5C); $wm_button_active_bg: $selected_bg_color; $wm_button_hover_border: if($variant == 'light' and $darker == 'false', #D1D3DA, #262932); $wm_icon_bg: if($variant == 'light' and $darker == 'false', #90949E, #90939B); $wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #B6B8C0, #666A74); $wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #7A7F8B, #C4C7CC); $wm_icon_active_bg: $selected_fg_color; ================================================ FILE: common/cinnamon/sass/_common.scss ================================================ $asset_path: if($variant == 'dark', dark-assets, light-assets); // // Globals // $font-size: 9; $font-family: Futura Bk bt, sans, Sans-Serif; $_bubble_bg_color: opacify($osd_bg_color,0.25); $_bubble_fg_color: $osd_fg_color; $_bubble_borders_color: transparentize($osd_fg_color,0.8); $_shell_fg_color: white; stage { font-family: $font-family; @include fontsize($font-size); color: $fg_color; } .label-shadow { color: rgba(0, 0, 0, 0); } %reset_style { background-color: transparent !important; background-gradient-direction: none !important; border: none !important; border-radius: 0 !important; } // // Buttons // %button { min-height: 20px; padding: 5px 32px; transition-duration: 0; &, &:focus, &:hover, &:hover:focus, &:active, &:active:focus, &:insensitive { border-radius: 2px; } @include button(normal); &:focus { @include button(focus); } &:hover { @include button(hover); } &:hover:focus { @include button(focus-hover); } &:active, &:active:focus { @include button(active); } &:insensitive { @include button(insensitive); } } %osd_button { min-height: 20px; padding: 5px 32px; transition-duration: 0; border-radius: 2px; @include button(osd); &:hover { @include button(osd-hover); } &:focus { color: $selected_bg_color; } &:active { @include button(osd-active); } &:insensitive { @include button(osd-insensitive); } } // // Entries // %entry { padding: 7px; caret-size: 1px; selection-background-color: $selected_bg_color; selected-color: $selected_fg_color; transition-duration: 300ms; border-radius: 3px; @include entry(normal); &:focus, &:hover { @include entry(focus); } &:insensitive { @include entry(insensitive); } StIcon.capslock-warning { icon-size: 16px; warning-color: $warning_color; padding: 0 4px; } } %osd_entry { padding: 7px; caret-size: 1px; caret-color: $osd_fg_color; selection-background-color: $selected_bg_color; selected-color: $selected_fg_color; transition-duration: 300ms; border-radius: 3px; @include entry(osd); &:focus { @include entry(osd-focus); } &:insensitive { @include entry(osd-insensitive); } } // // Scrollbars // StScrollView { &.vfade { -st-vfade-offset: 0px; } &.hfade { -st-hfade-offset: 0px; } } StScrollBar { padding: 8px; StScrollView & { min-width: 5px; min-height: 5px; } StBin#trough { background-color: transparentize($base_color, 0.9); border-radius: 8px; } StButton#vhandle, StButton#hhandle { border-radius: 2px; background-color: mix($fg_color, $bg_color, 40%); border: 0px solid; margin: 0px; &:hover { background-color: mix($fg_color, $bg_color, 30%); } &:active { background-color: $selected_bg_color; } } } .separator { -gradient-height: 1px; -gradient-start: rgba(0,0,0,0); -gradient-end: rgba(0,0,0,0); -margin-horizontal: 1.5em; height: 1em; } // // Slider // .popup-slider-menu-item, .slider { -slider-height: 4px; -slider-background-color: $button_border; //background of the trough -slider-border-color: transparentize(black, 1); //trough border color -slider-active-background-color: $selected_bg_color; //active trough fill -slider-active-border-color: transparentize(black, 1); //active trough border -slider-border-width: 0; -slider-handle-radius: 4px; height: 18px; min-width: 15em; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; color: transparent; .popup-menu-item:active & { -slider-background-color: transparentize(black, 0.8); -slider-active-background-color: $selected_fg_color; } } // // Check Boxes // .check-box { CinnamonGenericContainer { spacing: .2em; min-height: 30px; padding-top: 2px; } StLabel { font-weight: normal; } StBin { width: 16px; height: 16px; background-image: url("#{$asset_path}/checkbox/checkbox-unchecked.svg"); } &:focus StBin { background-image: url("#{$asset_path}/checkbox/checkbox-unchecked-focused.svg"); } &:checked StBin { background-image: url("#{$asset_path}/checkbox/checkbox-checked.svg"); } &:focus:checked StBin { background-image: url("#{$asset_path}/checkbox/checkbox-checked-focused.svg"); } } // // Radio Buttons // .radiobutton { CinnamonGenericContainer { spacing: .2em; height: 26px; padding-top: 2px; } StLabel { padding-top: 4px; font-size: 0.9em; box-shadow: none; } StBin { width: 16px; height: 16px; background-image: url("#{$asset_path}/checkbox/checkbox-unchecked.svg"); } &:focus StBin { background-image: url("#{$asset_path}/checkbox/checkbox-unchecked-focused.svg"); } &:checked StBin { background-image: url("#{$asset_path}/checkbox/checkbox-checked.svg"); } &:focus:checked StBin { background-image: url("#{$asset_path}/checkbox/checkbox-checked-focused.svg"); } } // // Switches // .toggle-switch { width: 50px; height: 20px; background-size: contain; background-image: url("#{$asset_path}/switch/switch-off.svg"); &:checked { background-image: url("#{$asset_path}/switch/switch-on.svg"); } .popup-menu-item:active & { background-image: url("common-assets/switch/switch-off-selected.svg"); &:checked { background-image: url("common-assets/switch/switch-on-selected.svg"); } } } // // Links // .cinnamon-link { color: $link_color; text-decoration: underline; &:hover { color: lighten($link_color,10%); } } // // Tooltip // #Tooltip { border-radius: 3px; padding: 5px 12px; background-color: $osd_bg_color; color: $osd_fg_color; font-size: 1em; font-weight: normal; text-align: center; } // // Popvers/Menus // .menu, .popup-menu, %menu { color: $fg_color; border-image: url("#{$asset_path}/menu/menu.svg") 9 9 9 9; &-arrow { icon-size: 16px; } .popup-sub-menu { background-gradient-direction: none; box-shadow: none; border-image: url("#{$asset_path}/menu/submenu.svg") 9 9 9 9; .popup-menu-item:ltr { padding-right: 0em; } .popup-menu-item:rtl { padding-left: 0em; } StScrollBar { padding: 4px; StBin#trough, StBin#vhandle { border-width: 0; } } } .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu-item { padding: .4em 1.75em; spacing: 1em; &:active { color: $selected_fg_color; background-color: transparent; border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } &:insensitive { color: transparentize($fg_color, 0.5); background: none; } } .popup-inactive-menu-item { //all icons and other graphical elements color: $fg_color; &:insensitive { color: $insensitive_fg_color; } } .popup-menu-item:active .popup-inactive-menu-item { color: $selected_fg_color; } &-icon { icon-size: 16px; } } .popup-menu-boxpointer { -arrow-border-radius: 3px; -arrow-background-color: rgba(0,0,0,0.0); -arrow-border-width: 1px; -arrow-border-color: rgba(0,0,0,0.0); -arrow-base: 0; -arrow-rise: 0; } .popup-combo-menu { @extend %menu; padding: 10px 1px; } .popup-image-menu-item {} .popup-combobox-item { spacing: 1em; } .popup-separator-menu-item { -gradient-height: 2px; -gradient-start: transparent; -gradient-end: transparent; -margin-horizontal: 1.5em; height: 1em; } .popup-alternating-menu-item:alternate { font-weight: normal; } .popup-device-menu-item { spacing: .5em; } .popup-subtitle-menu-item { font-weight: normal; } .nm-menu-item-icons { spacing: .5em; } // // Panel // #panel { font-weight: bold; height: 27px; width: 32px; &:highlight { border-image: none; background-color: transparentize($error_color, 0.5); } &Left { spacing: 4px; &:dnd { background-gradient-direction: vertical; background-gradient-start: rgba(255,0,0,0.05); background-gradient-end: rgba(255,0,0,0.2); } &:ltr { padding-right: 4px; } &:rtl { padding-left: 4px; } &.vertical { padding: 0; &:ltr { padding-right: 0px; } &:rtl { padding-left: 0px; } } } &Right { &:dnd { background-gradient-direction: vertical; background-gradient-start: rgba(0,0,255,0.05); background-gradient-end: rgba(0,0,255,0.2); } &:ltr { padding-left: 4px; spacing: 0px; } &:rtl { padding-right: 4px; spacing: 0px; } &.vertical { padding: 0; &:ltr { padding-right: 0px; } &:rtl { padding-left: 0px; } } } &Center { spacing: 4px; &:dnd { background-gradient-direction: vertical; background-gradient-start: rgba(0,255,0,0.05); background-gradient-end: rgba(0,255,0,0.2); } } } .panel { $_panel_fg_color: $_shell_fg_color; &-top, &-bottom, &-left, &-right { color: $_panel_fg_color; font-size: 1em; padding: 0px; } &-top { border-image: url('common-assets/panel/panel-top.svg') 1 1 1 1; } &-bottom { border-image: url('common-assets/panel/panel-bottom.svg') 1 1 1 1; } &-left { border-image: url('common-assets/panel/panel-left.svg') 1 1 1 1; } &-right { border-image: url('common-assets/panel/panel-right.svg') 1 1 1 1; } &-dummy { background-color: transparentize($error_color, 0.5); &:entered { background-color: transparentize($error_color, 0.4); } } &-status-button { border-width: 0; -natural-hpadding: 3px; -minimum-hpadding: 3px; font-weight: bold; color: white; height: 22px; &:hover {} } &-button { -natural-hpadding: 6px; -minimum-hpadding: 2px; font-weight: bold; color: green; transition-duration: 100; &:hover {} } } .system-status-icon { icon-size: 16px; padding: 0 1px; } // // Overview // #overview { spacing: 12px; } .window-caption { background-color: $osd_bg_color; border: 1px solid $osd_bg_color; color: $osd_fg_color; spacing: 25px; border-radius: 2px; font-size: 9pt; padding: 5px 8px; -cinnamon-caption-spacing: 4px; &#selected { background-color: $selected_bg_color; color: $selected_fg_color; border: 1px solid $selected_bg_color; spacing: 25px; } } .expo-workspaces-name-entry, .expo-workspaces-name-entry#selected { height: 15px; border-radius: 2px; font-size: 9pt; padding: 5px 8px; -cinnamon-caption-spacing: 4px; @include entry(osd); &:focus { border: 1px solid $selected_bg_color; background-color: $selected_bg_color; color: $selected_fg_color; font-style: italic; transition-duration: 300; selection-background-color: $selected_fg_color; selected-color: $selected_bg_color; } } .expo-workspace-thumbnail-frame { border: 4px solid rgba(255,255,255,0.0); background-color: rgba(255,255,255,0.0); border-radius: 2px; &#active { border: 4px solid $selected_bg_color; background-color: black; border-radius: 2px; } } .expo-background { background-color: opacify($osd_bg_color, 1); } .workspace { //&-controls { visible-height: 32px; } &-thumbnails { spacing: 26px; &-background, &-background:rtl { padding: 8px; } } &-add-button { background-image: url("common-assets/misc/add-workspace.svg"); height: 200px; width: 35px; transition-duration: 100; &:hover { background-image: url("common-assets/misc/add-workspace-hover.svg"); transition-duration: 100; } &:active { background-image: url("common-assets/misc/add-workspace-active.svg"); transition-duration: 100; } } &-overview-background-shade { background-color: rgba(0,0,0,0.5); } } .workspace-close-button, .window-close { background-image: url("common-assets/misc/close.svg"); background-size: 26px; height: 26px; width: 26px; -cinnamon-close-overlap: 10px; &:hover { background-image: url("common-assets/misc/close-hover.svg"); background-size: 26px; height: 26px; width: 26px; } &:active { background-image: url("common-assets/misc/close-active.svg"); background-size: 26px; height: 26px; width: 26px; } } //.workspace-thumbnail-indicator { // outline: 2px solid red; // border: 1px solid green; //} // //.window-close:rtl { // -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5); //} .window-close-area { background-image: url("common-assets/misc/trash-icon.svg"); height: 120px; width: 400px; } // // About Dialog (applet.js and desklet.js) // .about { &-content { width: 550px; height: 250px; spacing: 8px; padding-bottom: 10px; } &-title { font-size: 2em; font-weight: bold; } &-uuid { font-size: 10px; color: #888; } &-icon { padding-right: 20px; padding-bottom: 14px; } &-scrollBox { border: 1px solid $borders_color; border-radius: 2px; background-color: $base_color; padding: 4px; padding-right: 0; border-radius: 0; &-innerBox { padding: 1.2em; spacing: 1.2em; } } &-description { padding-top: 4px; padding-bottom: 16px; } &-version { padding-left: 7px; font-size: 10px; color: #888; } } // // Calendar // .calendar { padding: .4em 1.75em; spacing-rows: 0px; spacing-columns: 0px; } .calendar-month-label { color: $fg_color; font-weight: bold; padding: 8px 0; } .calendar-change-month-back, .calendar-change-month-forward { width: 16px; height: 16px; } //arrow back .calendar-change-month-back { background-image: url("common-assets/misc/calendar-arrow-left.svg"); &:focus, &:hover { background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } &:active { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } &:rtl { background-image: url("common-assets/misc/calendar-arrow-right.svg"); &:focus, &:hover { background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } &:active { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } } } //arrow forward .calendar-change-month-forward { background-image: url("common-assets/misc/calendar-arrow-right.svg"); &:focus, &:hover { background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } &:active { background-image: url("common-assets/misc/calendar-arrow-right.svg"); } &:rtl { background-image: url("common-assets/misc/calendar-arrow-left.svg"); &:focus, &:hover { background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } &:active { background-image: url("common-assets/misc/calendar-arrow-left.svg"); } } } .datemenu-date-label { padding: .4em 1.75em; font-weight: bold; text-align: center; color: $fg_color; border-radius: 2px; } .calendar-day-base { font-size: 80%; text-align: center; width: 25px; height: 25px; padding: 0.1em; margin: 2px; border-radius: 12.5px; } .calendar-day-heading { color: transparentize($fg_color, 0.15); margin-top: 1em; font-size: 70%; } .calendar-day { border-width: 0; color: transparentize($fg_color, 0.2); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: $fg_color; background-color: transparent; font-weight: bold; } .calendar-today, .calendar-today:active, .calendar-today:focus, .calendar-today:hover { font-weight: bold; color: $selected_fg_color; background-color: $selected_bg_color; border-width: 0; } .calendar-other-month-day { color: transparentize($fg_color, 0.7); opacity: 1; } .calendar-week-number { color: transparentize($fg_color, 0.3); font-size: 80%; } // // Notifications // #notification { border-radius: 3px; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; padding: 13px; spacing-rows: 10px; spacing-columns: 10px; margin-from-right-edge-of-screen: 20px; width: 34em; color: $osd_fg_color; .menu &, .popup-menu & { &, &.multi-line-notification { color: $fg_color; } border-image: url("#{$asset_path}/misc/message.svg") 9 9 9 9; .notification-button, .notification-icon-button { @extend %button; padding: 5px; } StEntry { @extend %entry; } } &.multi-line-notification { padding-bottom: 13px; color: $osd_fg_color; } &-scrollview { max-height: 10em; > .top-shadow, > .bottom-shadow { height: 1em; } &:ltr > StScrollBar { padding-left: 6px; } &:rtl > StScrollBar { padding-right: 6px; } } &-body { spacing: 5px; } &-actions { spacing: 10px; } } .notification { &-with-image { min-height: 159px; color: $osd_fg_color; } &-button, &-icon-button { @extend %osd_button; padding: 5px; } &-icon-button > StIcon { icon-size: 36px; } StEntry { @extend %osd_entry; } } // // Alt Tab /// #altTabPopup { padding: 8px; spacing: 16px; } .switcher-list { color: $osd_fg_color; background: none; border: none; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; > StBoxLayout { padding: 4px; } &-item-container { spacing: 8px; } .item-box { padding: 8px; border-radius: 2px; &:outlined { padding: 8px; border: 1px solid $selected_bg_color; } &:selected { color: $selected_fg_color; background-color: $selected_bg_color; border: 0px solid $selected_bg_color; } } .thumbnail { width: 256px; } .thumbnail-box { padding: 2px; spacing: 4px; } .separator { width: 1px; background: rgba(255,255,255,0.2); } } .switcher-arrow { border-color: rgba(0,0,0,0); color: $osd_fg_color; &:highlighted { border-color: rgba(0,0,0,0); color: $_shell_fg_color; } } //.switcher-preview-backdrop { background-color: rgba(25,25,25,0.95); } .thumbnail-scroll-gradient-left { background-color: rgba(0, 0, 0, 0); border-radius: 24px; border-radius-topright: 0px; border-radius-bottomright: 0px; width: 60px; } .thumbnail-scroll-gradient-right { background-color: rgba(0, 0, 0, 0); border-radius: 24px; border-radius-topleft: 0px; border-radius-bottomleft: 0px; width: 60px; } // //Activities Ripples // .ripple-box { width: 104px; height: 104px; background-image: url("common-assets/misc/corner-ripple.svg"); background-size: contain; } // // Modal dialogs // .lightbox { background-color: rgba(0, 0, 0, 0.4); } .flashspot { background-color: white; } .modal-dialog { color: $fg_color; background-color: transparentize($bg_color, 1); border: none; border-image: url("#{$asset_path}/misc/modal.svg") 9 9 9 67; padding: 0 5px 6px 5px; > StBoxLayout:first-child { padding: 20px 10px 10px 10px; } &-button-box { spacing: 0; margin: 0px; padding: 14px 10px; background: none; border: none; border-image: url("#{$asset_path}/misc/button-box.svg") 9 9 9 9; .modal-dialog-button { padding-top: 0; padding-bottom: 0; height: 30px; @extend %osd_button; } } } // // Run dialog // .run-dialog { padding: 0px 15px 10px 15px; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; > * { padding: 0; } &-label { font-size: 0; font-weight: bold; color: $osd_fg_color; padding-bottom: 0; } &-error-label { color: $error_color; } &-error-box { padding-top: 15px; spacing: 5px; } &-completion-box { padding-left: 15px; font-size: 10px; } &-entry { width: 21em; padding: 7px; border-radius: 3px; caret-color: $osd_fg_color; selected-color: $selected_fg_color; selection-background-color: $selected_bg_color; @include entry(osd); &:focus { @include entry(osd-focus); } } .modal-dialog-button-box { border: none; box-shadow: none; background: none; background-gradient-direction: none; } } /* CinnamonMountOperation Dialogs */ .cinnamon-mount-operation-icon { icon-size: 48px; } .mount-password-reask { color: $warning_color; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; &-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; &:rtl { padding-left: 0px; padding-right: 17px; } } &-description { padding-left: 17px; width: 28em; &:rtl { padding-right: 17px; } } } .show-processes-dialog-app-list { max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; &:rtl { padding-right: 49px; padding-left: 32px; } &-item { color: #ccc; &:hover { color: white } &:ltr { padding-right: 1em; } &:rtl { padding-left: 1em; } &-icon:ltr { padding-right: 17px; } &-icon:rtl { padding-left: 17px; } &-name { font-size: 1.1em; } } } // // Magnifier // .magnifier-zoom-region { border: 2px solid rgba(128, 0, 0, 1); .full-screen { border-width: 0px; } } // // On-Screen Keyboard // #keyboard { background-color: $osd_bg_color; border-width: 0; border-top-width: 1px; border-color: transparentize(black, 0.6); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 2em; min-width: 2em; font-size: 14pt; font-weight: bold; border-radius: 3px; box-shadow: none; @include button(osd); &:hover { @include button(osd-hover); } &:active, &:checked { @include button(osd-active); } &:grayed { @include button(osd-insensitive); } } .keyboard-subkeys { //long press on a key popup color: $osd_fg_color; padding: 5px; -arrow-border-radius: 2px; -arrow-background-color: $osd_bg_color; -arrow-border-width: 1px; -arrow-border-color: transparentize(black, 0.6);; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 5px; } // // Cinnamon Specific Section // // // Menu (menu.js) // .menu { &-favorites-box { margin: auto; padding: 10px; transition-duration: 300; background-color: $bg_color; border: 1px solid $borders_color; } &-favorites-button { padding: 10px; border: 1px solid rgba(0,0,0,0); &:hover { @extend %button:hover; } } &-places { &-box { margin: auto; padding: 10px; border: 0px solid red; } &-button { padding: 10px; } } &-categories-box { padding: 10px 30px 10px 30px; } &-applications-inner-box, &-applications-outer-box { padding: 10px 10px 0 10px; } &-application-button { padding: 7px; border: 1px solid rgba(0,0,0,0); // This style is used in menu application buttons for applications which were newly installed &:highlighted { font-weight: bold; } &-selected { padding: 7px; @extend %button:hover; &:highlighted { font-weight: bold; } } &-label:ltr { padding-left: 5px; } &-label:rtl { padding-right: 5px; } } &-category-button { padding: 7px; border: 1px solid rgba(0,0,0,0); &-selected { padding: 7px; @extend %button:hover; } &-hover { background-color: red; border-radius: 2px; } &-greyed { padding: 7px; color: $insensitive_fg_color; border: 1px solid rgba(0,0,0,0); } &-label:ltr { padding-left: 5px; } &-label:rtl { padding-right: 5px; } } // Name and description of the currently hovered item in the menu // This appears on the bottom right hand corner of the menu &-selected-app-box { padding-right: 30px; padding-left: 28px; text-align: right; height: 30px; &:rtl { padding-top: 10px; height: 30px; } } &-selected-app-title { font-weight: bold; } &-selected-app-description { max-width: 150px; } &-search-box:ltr { padding-left: 30px; } &-search-box-rtl { padding-right: 30px; } } #menu-search-entry { width: 250px; height: 15px; font-weight: normal; caret-color: $fg_color; @extend %entry; } .menu-search-entry-icon { icon-size: 1em; color: $fg_color; } /* Context menu (at the moment only for favorites) */ .menu-context-menu { } // // OSD // .info-osd { text-align: center; font-weight: bold; spacing: 1em; padding: 16px; color: $_shell_fg_color; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; margin: 32px; min-width: 64px; min-height: 64px; color: $_shell_fg_color; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; .osd-monitor-label { font-size: 3em; } .level { padding: 0; height: 4px; background-color: transparentize(black, 0.5); border-radius: 2px; color: $selected_bg_color; } } // // Window list (windowList.js) // .window-list { &-box { spacing: 6px; padding-left: 10px; .panel-bottom & { padding-top: 1px; } .panel-top & { padding-bottom: 1px; } &.vertical { spacing: 4px; padding: 10px 0; } &:highlight { background-color: transparentize($error_color, 0.5); } } &-item-label { font-weight: bold; width: 15em; min-width: 5px; } &-item-box { font-weight: bold; background-image: none; padding-top: 0; padding-left: 8px; padding-right: 8px; transition-duration: 100; color: transparentize($_shell_fg_color, 0.4); &:hover {color: $_shell_fg_color;} &:active, &:checked, &:focus { color: $_shell_fg_color; .panel-bottom & { border-image: url("common-assets/panel/window-list-active-bottom.svg") 3 3 1 3; } .panel-top & { border-image: url("common-assets/panel/window-list-active-top.svg") 3 3 3 1; } .panel-left & { border-image: url("common-assets/panel/window-list-active-left.svg") 3 1 3 3; } .panel-right & { border-image: url("common-assets/panel/window-list-active-right.svg") 1 3 3 3; } } &.right, &.left { padding-left: 0px; padding-right: 0px; } } &-item-demands-attention { background-gradient-start: $warning_color; background-gradient-end: $warning_color; } } /// // Sound Applet (status/volume.js) // .sound-button { width: 22px; height: 13px; padding: 8px; @extend %button; &-container { padding-right: 3px; padding-left: 3px; } StIcon { icon-size: 1.4em; } } .sound-track { &-infos { padding: 5px; } &-info { padding-top: 2px; padding-bottom: 2px; StIcon { icon-size: 16px; } StLabel { padding-left: 5px; padding-right: 5px; } } &-box { padding-left: 15px; padding-right: 15px; max-width: 220px; } } .sound-seek-box { padding-left: 15px; StLabel { padding-top: 2px; } StIcon { icon-size: 16px; } } .sound-seek-slider { width: 140px; } .sound-volume-menu-item { padding: .4em 1.75em; StIcon { icon-size: 1.14em; padding-left: 8px; padding-right: 8px; } } .sound-playback-control { padding: 5px 10px 10px 10px; } // 2.8 .sound-player { padding: 0 4px; > StBoxLayout:first-child { padding: 5px 10px 12px 10px; spacing: 0.5em; StButton:small { width: 16px; height: 8px; padding: 1px; StIcon { icon-size: 12px; } } } &-generic-coverart { background: rgba(0,0,0,0.2); } &-overlay { width: 290px; height: 70px; padding: 15px; spacing: 0.5em; background: transparentize(darken($osd_bg_color, 5%), 0.1); border: 0px solid darken($osd_bg_color, 10%); border-bottom: 1px ; color: $osd_fg_color; StButton { width: 22px; height: 13px; padding: 5px; color: $osd_fg_color; border-radius: 2px; border: 1px solid transparentize($osd_bg_color,1); StIcon { icon-size: 16px; } &:hover{ @include button(osd-hover); } &:active { @include button(active); } } StBoxLayout { padding-top: 2px; } } .slider { height: 0.5em; padding: 0; border: none; -slider-height: 0.5em; -slider-background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); -slider-border-color: rgba(0,0,0,0); -slider-active-background-color: $selected_bg_color; -slider-active-border-color: rgba(0,0,0,0); -slider-border-width: 0px; -slider-handle-radius: 0px; } } // // Workspace Switcher applet (workspaceSwitcher.js) // #workspaceSwitcher { spacing: 0px; padding: 3px; } /* Controls the styling when using the "Simple buttons" option */ .workspace-switcher { padding-left: 3px; padding-right: 3px; } .workspace-button { width: 20px; height: 10px; color: $selected_fg_color; padding: 3px; padding-top: 4px; transition-duration: 300; &:outlined, &:outlined:hover { color: $selected_bg_color; } &:hover { color: transparentize($selected_bg_color, 0.5) } } /* Controls the style when using the "Visual representation" option */ .workspace-graph { padding: 3px; spacing: 3px; } .workspace-graph .workspace { border: 1px solid transparentize(black, 0.6); background-gradient-direction: none; background-color: transparentize(black, 0.8); } .workspace-graph .workspace:active { border: 1px solid $selected_bg_color; background-gradient-direction: none; } .workspace-graph .workspace .windows { -active-window-background: lighten($panel_bg, 15%); -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: lighten($panel_bg, 15%); -inactive-window-border: rgba(0, 0, 0, 0.8); } .workspace-graph .workspace:active .windows { -active-window-background: lighten($panel_bg, 20%); -active-window-border: rgba(0, 0, 0, 0.8); -inactive-window-background: lighten($panel_bg, 5%); -inactive-window-border: rgba(0, 0, 0, 0.8); } // // Panel Launchers Applet (panelLaunchers.js) // #panel-launchers-box { padding-left: 7px; &.vertical { padding: 2px 0; } } .panel-launcher, .launcher { margin: 1px; padding: 1px; transition-duration: 200; &:hover { background-gradient-direction: none; border: 0px solid $selected_bg_color; .panel-bottom & { border-bottom-width: 1px; } .panel-top & { border-top-width: 1px; } .panel-left & { border-left-width: 1px; padding-left: 0; } .panel-right & { border-right-width: 1px; padding-right: 0; } } } // // Overview corner // #overview-corner { background-image: url("common-assets/misc/overview.png"); &:hover { background-image: url("common-assets/misc/overview-hover.png"); } } // // Applets (applet.js) // .applet { &-separator { padding: 1px 4px; } &-separator-line { width: 1px; background: rgba(255,255,255, 0.12); } &-box { padding-left: 3px; padding-right: 3px; color: $_shell_fg_color; text-shadow: none; transition-duration: 100; &.vertical { padding: 3px 0; } &:hover { color: $selected_fg_color; background-color: $selected_bg_color; } &:highlight { background-image: none; border-image: none; background-color: transparentize($error_color, 0.5); } } &-label { font-weight: bold; color: $_shell_fg_color; &:hover, .applet-box:hover > & { color: $selected_fg_color; text-shadow: none; } } &-icon { color: $_shell_fg_color; icon-size: 22px; &:hover, .applet-box:hover > & { color: $selected_fg_color; text-shadow: none; } } } // // User Applet // .user-icon { width: 32px; height: 32px; background-color: transparent; border: none; border-radius: 0; } .user-label { color: $fg_color; font-size: 1em; font-weight: bold; margin: 0px; } // // Desklets (desklet.js) // .desklet { color: $osd_fg_color; &:highlight { background-color: transparentize($error_color, 0.5); } &-with-borders { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; color: $osd_fg_color; padding: 12px; padding-bottom: 16px; &:highlight { background-color: transparentize($error_color, 0.5); } } &-with-borders-and-header { border-image: url("common-assets/misc/desklet.svg") 9 9 9 9; color: $osd_fg_color; border-radius: 0; border-radius-topleft: 0; border-radius-topright: 0; padding: 12px; padding-bottom: 17px; &:highlight { background-color: transparentize($error_color, 0.5); } } &-header { border-image: url("common-assets/misc/desklet-header.svg") 9 9 9 9; color: $osd_fg_color; font-size: 1em; padding: 12px; padding-bottom: 6px; } &-drag-placeholder { border: 2px solid $selected_bg_color; background-color: transparentize($selected_bg_color, 0.7); } } .photoframe-box { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; color: $osd_fg_color; padding: 12px; padding-bottom: 16px; } // // Workspace OSD // /*FIXME*/ .workspace-osd { /*color: red;*/ text-shadow: black 5px 5px 5px; font-weight: bold; font-size: 48pt; } // // Notification Applet // .notification-applet-padding { padding: .5em 1em; } .notification-applet-container { max-height: 100px; } // // Tile Preview // .tile-preview, .tile-preview.snap, .tile-hud, .tile-hud.snap { background-color: transparentize($selected_bg_color, 0.7); border: 1px solid $selected_bg_color; } // // Xkcd Desklet // .xkcd-box { padding: 6px; border: 0px; background-color: rgba(0,0,0,0); border-radius: 0px; } ================================================ FILE: common/cinnamon/sass/_drawing.scss ================================================ // Drawing mixins // generic drawing of more complex things // provide font size in rem, with px fallback @mixin fontsize($size: 24, $base: 16) { font-size: round($size) + pt; //font-size: ($size / $base) * 1rem; } // Entries @mixin entry($t, $dark:false) { // // Entries drawing function // //@extend %reset_style; @if $t==normal { color: $text_color; background-color: $entry_bg; border: 1px solid $entry_border; box-shadow: inset 0 2px 4px transparentize($entry_bg, 0.95); } @if $t==focus { color: $fg_color; background-color: $entry_bg; border: 1px solid $selected_bg_color; box-shadow: inset 0 2px 4px transparentize($entry_bg, 0.95); } @if $t==insensitive { color: $insensitive_fg_color; background-color: mix($entry_bg, $bg_color, 55%); border-color: 1px solid mix($entry_border, $bg_color, 55%); box-shadow: inset 0 2px 4px transparentize(mix($entry_bg, $bg_color, 55%), 0.95); } @if $t==osd { color: $osd_fg_color; background-color: $osd_entry_bg; border: 1px solid $osd_entry_border; box-shadow: inset 0 2px 4px transparentize(black, 0.95); } @if $t==osd-focus { color: $selected_fg_color; background-color: $selected_bg_color; border: 1px solid $selected_bg_color; box-shadow: inset 0 2px 4px transparentize(black, 0.95); } @if $t==osd-insensitive { color: transparentize($osd_fg_color, 0.45); background-color: transparentize($osd_entry_bg, 0.15); border: 1px solid $osd_entry_border; box-shadow: inset 0 2px 4px transparentize(black, 0.95); } } // Buttons @mixin button($t) { // // Button drawing function // //@extend %reset_style; text-shadow: 0 1px transparentize($base_color, 1); @if $t==normal { // // normal button // color: $fg_color; background-color: $button_bg; border: 1px solid $button_border; box-shadow: inset 0 2px 4px transparentize($button_bg, 0.95); } @else if $t==focus { // // focused button // color: $fg_color; background-color: $button_bg; border: 1px solid $selected_bg_color; box-shadow: inset 0 2px 4px transparentize($button_bg, 0.95); } @else if $t==focus-hover { // // focused button // color: $fg_color; background-color: $button_bg; border: 1px solid $selected_bg_color; box-shadow: inset 0 2px 4px transparentize($button_bg, 0.95); } @else if $t==hover { // // hovered button // color: $fg_color; background-color: lighten($button_bg, 5%); border: 1px solid $button_border; box-shadow: inset 0 2px 4px transparentize(lighten($button_bg, 5%), 0.95); } @else if $t==active { // // pushed button // color: $selected_fg_color; background-color: $selected_bg_color; border: 1px solid $selected_bg_color; box-shadow: inset 0 2px 4px $selected_bg_color; } @else if $t==insensitive { // // insensitive button // color: $insensitive_fg_color; border: 1px solid transparentize($button_border, 0.45); background-color: transparentize($button_bg, 0.45); box-shadow: inset 0 2px 4px transparentize($button_bg, 0.95); } @else if $t==osd { // // normal osd button // color: $osd_fg_color; border: 1px solid $osd_button_border; background-color: $osd_button_bg; } @else if $t==osd-hover { // // active osd button // color: $osd_fg_color; border: 1px solid $osd_button_border; background-color: opacify(lighten($osd_button_bg, 7%), 0.1); } @else if $t==osd-active { // // active osd button // color: $selected_fg_color; border: 1px solid $selected_bg_color; background-color: $selected_bg_color; } @else if $t==osd-insensitive { // // insensitive osd button // color: $osd_insensitive_fg_color; border: 1px solid $osd_button_border; background-color: transparentize($osd_button_bg, 0.15); } } ================================================ FILE: common/cinnamon/sass/cinnamon-dark.scss ================================================ $variant: 'dark'; $transparency: 'true'; $darker: 'false'; @import "_colors"; //use gtk colors @import "_drawing"; @import "_common"; ================================================ FILE: common/cinnamon/sass/cinnamon.scss ================================================ $variant: 'light'; $transparency: 'true'; $darker: 'false'; @import "_colors"; //use gtk colors @import "_drawing"; @import "_common"; ================================================ FILE: common/gnome-shell/3.14/gnome-shell-dark.css ================================================ /* 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 { font-family: Futura Bk bt, Cantarell, Sans-Serif; font-size: 9pt; color: #D3DAE3; } .app-well-menu, .run-dialog-error-label, .dash-label, .window-caption, .switcher-list, .app-well-app > .overview-icon, .grid-search-result .overview-icon { font-size: 1em; font-weight: normal; } .app-well-app.running > .overview-icon, .app-well-app.running:hover > .overview-icon, .app-well-app.running:active > .overview-icon, .app-well-app.running:checked > .overview-icon { background-color: transparent !important; background-gradient-direction: none !important; border: none !important; border-radius: 0 !important; } .popup-menu .modal-dialog-button { font-size: 1em; min-height: 20px; padding: 5px 32px; transition-duration: 0; border-radius: 2px; background-gradient-direction: none !important; text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #444a58; border: 1px solid #2b2e39; box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); } .popup-menu .modal-dialog-button:focus { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #444a58; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); } .popup-menu .modal-dialog-button:hover { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #505666; border: 1px solid #2b2e39; box-shadow: inset 0 2px 4px rgba(80, 86, 102, 0.05); } .popup-menu .modal-dialog-button:hover:focus { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #444a58; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); } .popup-menu .modal-dialog-button:active, .popup-menu .modal-dialog-button:active:focus { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .popup-menu .modal-dialog-button:insensitive { text-shadow: 0 1px rgba(64, 69, 82, 0); color: rgba(211, 218, 227, 0.45); border: 1px solid rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); } .candidate-page-button, .hotplug-notification-item, .hotplug-resident-eject-button, .modal-dialog-button { background-gradient-direction: none !important; } .candidate-page-button, .hotplug-notification-item, .hotplug-resident-eject-button, .modal-dialog-button, .modal-dialog-button-box .button, .notification-button, .notification-icon-button, .hotplug-resident-mount { font-size: 1em; min-height: 20px; padding: 5px 32px; transition-duration: 0; border-radius: 2px; text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(102, 109, 132, 0.35); } .candidate-page-button:hover, .hotplug-notification-item:hover, .hotplug-resident-eject-button:hover, .modal-dialog-button:hover, .modal-dialog-button-box .button:hover, .notification-button:hover, .notification-icon-button:hover, .hotplug-resident-mount:hover { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(119, 127, 151, 0.45); } .candidate-page-button:focus, .hotplug-notification-item:focus, .hotplug-resident-eject-button:focus, .modal-dialog-button:focus, .modal-dialog-button-box .button:focus, .notification-button:focus, .notification-icon-button:focus, .hotplug-resident-mount:focus { color: #5294e2; } .candidate-page-button:active, .hotplug-notification-item:active, .hotplug-resident-eject-button:active, .modal-dialog-button:active, .modal-dialog-button-box .button:active, .notification-button:active, .notification-icon-button:active, .hotplug-resident-mount:active { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #ffffff; border: 1px solid #5294e2; background-color: #5294e2; } .candidate-page-button:insensitive, .hotplug-notification-item:insensitive, .hotplug-resident-eject-button:insensitive, .modal-dialog-button:insensitive, .modal-dialog-button-box .button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, .hotplug-resident-mount:insensitive { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #5d626e; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(102, 109, 132, 0.2); } StEntry { font-size: 1em; padding: 7px; caret-size: 1px; selection-background-color: #5294e2; selected-color: #ffffff; transition-duration: 300ms; border-radius: 3px; background-gradient-direction: none !important; color: #D3DAE3; background-color: #404552; border: 1px solid #2b2e39; box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); } StEntry:focus, StEntry:hover { color: #D3DAE3; background-color: #404552; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); } StEntry:insensitive { color: rgba(211, 218, 227, 0.45); background-color: #3c414e; border-color: 1px solid #313440; box-shadow: inset 0 2px 4px rgba(60, 65, 78, 0.05); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #F27835; padding: 0 4px; } StScrollView.vfade { -st-vfade-offset: 0px; } StScrollView.hfade { -st-hfade-offset: 0px; } StScrollBar { padding: 8px; } StScrollView StScrollBar { min-width: 5px; min-height: 5px; } StScrollBar StBin#trough { background-color: rgba(64, 69, 82, 0.1); border-radius: 8px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 4px; background-color: #767b87; border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #676b78; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #5294e2; } .slider { -slider-height: 4px; -slider-background-color: #2b2e39; -slider-border-color: transparent; -slider-active-background-color: #5294e2; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 0px; -slider-handle-border-color: transparent; -slider-handle-border-width: 0; height: 18px; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; color: transparent; } .popup-menu-item:active .slider { -slider-background-color: rgba(0, 0, 0, 0.2); -slider-active-background-color: #ffffff; } .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 16px; height: 16px; background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); } .check-box:focus StBin { background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } .check-box:checked StBin { background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } .check-box:focus:checked StBin { background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); } .toggle-switch { width: 50px; height: 20px; background-size: contain; background-image: url("dark-assets/switch/switch-off.svg"); } .toggle-switch:checked { background-image: url("dark-assets/switch/switch-on.svg"); } .popup-menu-item:active .toggle-switch { background-image: url("common-assets/switch/switch-off-selected.svg"); } .popup-menu-item:active .toggle-switch:checked { background-image: url("common-assets/switch/switch-on-selected.svg"); } .shell-link { color: #a9caf1; } .shell-link:hover { color: #d5e5f8; } .headline { font-size: 110%; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { color: #D3DAE3; background-color: rgba(56, 60, 74, 0); border: none; border-image: url("dark-assets/misc/modal.svg") 9 9 9 67; padding: 0 5px 6px 5px; } .modal-dialog > StBoxLayout:first-child { padding: 20px 10px 10px 10px; } .modal-dialog-button-box { spacing: 10px; margin: 0px; padding: 14px 10px; background: none; border: none; border-image: url("dark-assets/misc/button-box.svg") 9 9 9 9; } .modal-dialog-button-box .button { padding-top: 0; padding-bottom: 0; height: 30px; } .modal-dialog .run-dialog-entry { width: 21em; caret-color: #D3DAE3; } .modal-dialog .run-dialog-error-box { padding-top: 5px; spacing: 5px; } .modal-dialog .run-dialog-label { font-size: 0; } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { font-size: 11pt; font-weight: bold; color: #D3DAE3; } .end-session-dialog { spacing: 42px; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #F27835; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border: 0px solid transparent; border-radius: 2px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: #D3DAE3; width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 10px; padding-left: 10px; } .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: #e3e7ed; font-size: 8pt; } .end-session-dialog .modal-dialog-button:last-child { color: white; background-color: #F04A50; border-color: #F04A50; } .end-session-dialog .modal-dialog-button:last-child:hover { color: white; background-color: #f47479; border-color: #f47479; } .end-session-dialog .modal-dialog-button:last-child:active { color: white; background-color: #ee3239; border-color: #ee3239; } .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .mount-question-dialog-subject { max-width: 500px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { font-size: 10pt; max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: #b4c0cf; } .show-processes-dialog-app-list-item:hover { color: #D3DAE3; } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 10pt; } .prompt-dialog { width: 500px; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { font-size: 12pt; font-weight: bold; color: #D3DAE3; } .prompt-dialog-descritption:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 9pt; color: #FC4138; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 9pt; padding-bottom: 8px; } .prompt-dialog-null-label { font-size: 9pt; padding-bottom: 8px; } .hidden { color: transparent; } .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #F27835; } .polkit-dialog-user-user-icon { border-radius: 2px; background-size: contain; width: 48px; height: 48px; } .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } .popup-menu { min-width: 200px; color: #D3DAE3; border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; } .popup-menu .popup-sub-menu { background: none; box-shadow: none; background-gradient-direction: none !important; border-image: url("dark-assets/menu/submenu.svg") 9 9 9 9; } .popup-menu .popup-submenu-menu-item:open { color: #D3DAE3; background: none !important; box-shadow: none; border-image: url("dark-assets/menu/submenu-open.svg") 9 9 9 9; } .popup-menu .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu .popup-menu-item { spacing: 12px; } .popup-menu .popup-menu-item:ltr { padding: .4em 3em .4em 0em; } .popup-menu .popup-menu-item:rtl { padding: .4em 0em .4em 3em; } .popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected { color: #ffffff; background-color: transparent; border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } .popup-menu .popup-menu-item:insensitive { color: rgba(211, 218, 227, 0.5); background: none; } .popup-menu .popup-inactive-menu-item { color: #D3DAE3; } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(211, 218, 227, 0.45); } .popup-menu .popup-status-menu-item, .popup-menu .popup-subtitle-menu-item { color: #D3DAE3; } .popup-menu .popup-menu-item:active .popup-status-menu-item, .popup-menu .popup-menu-item:active .popup-subtitle-menu-item { color: #ffffff; } .popup-menu.panel-menu { -boxpointer-gap: 0px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; margin-left: 10px; width: 16px; } .popup-menu-boxpointer { -arrow-border-radius: 2px !important; -arrow-background-color: transparent !important; -arrow-border-width: 1px !important; -arrow-border-color: transparent !important; -arrow-base: 0 !important; -arrow-rise: 0 !important; color: #D3DAE3 !important; } .candidate-popup-boxpointer { -arrow-border-radius: 2px; -arrow-background-color: rgba(53, 57, 69, 0.95); -arrow-border-width: 1px; -arrow-border-color: rgba(0, 0, 0, 0.4); -arrow-base: 5; -arrow-rise: 5; } .popup-separator-menu-item { -gradient-height: 0px; height: 2px; margin: 0; background-color: transparent; background-gradient-direction: none !important; border: none; border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0px; } .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; margin: 32px; min-width: 64px; min-height: 64px; color: white; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } .osd-window .osd-monitor-label { font-size: 3em; } .osd-window .level { padding: 0; height: 4px; background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; color: #5294e2; } .resize-popup { color: #BAC3CF; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; padding: 12px; } .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list { color: #BAC3CF; background: none; border: none; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; border: 1px solid transparent; } .switcher-list .item-box:outlined { padding: 8px; border: 1px solid #5294e2; } .switcher-list .item-box:selected { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(211, 218, 227, 0.33); } .switcher-arrow { border-color: transparent; color: #BAC3CF; } .switcher-arrow:highlighted { color: white; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .workspace-switcher-group { padding: 12px; } .workspace-switcher-container { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; padding-bottom: 24px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 30px; background-color: #5294e2; background-size: 96px; border-radius: 2px; border: 1px solid #5294e2; } .ws-switcher-active-up { background-image: url("common-assets/misc/ws-switch-arrow-up.png"); } .ws-switcher-active-down { background-image: url("common-assets/misc/ws-switch-arrow-down.png"); } .ws-switcher-box { height: 96px; background: rgba(0, 0, 0, 0.33); border: 1px solid rgba(0, 0, 0, 0.33); border-radius: 2px; } .tile-preview { background-color: rgba(82, 148, 226, 0.35); border: 1px solid #5294e2; } .tile-preview-left.on-primary { border-radius: 0px 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0px 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0px 0px 0 0; } #panel { font-weight: bold; height: 2.1em; min-height: 27px; background-color: transparent !important; background-gradient-direction: none !important; border-bottom: 0px !important; border-image: url("common-assets/panel/panel.svg") 1 1 1 1 !important; } #panel.dynamic-top-bar-white-btn { border-image: none; } #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; border-image: none; } #panel:overview { border-image: url("common-assets/panel/panel-overview.svg") 1 1 1 1; } #panel #panelLeft, #panel #panelCenter { spacing: 8px; } #panel .panel-corner { -panel-corner-radius: 0px; -panel-corner-background-color: transparent; -panel-corner-border-width: 0px; -panel-corner-border-color: black; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: black; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-cornerunlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 10px !important; -minimum-hpadding: 6px !important; font-weight: bold; color: white !important; transition-duration: 100ms; border-bottom-width: 1px; border-color: transparent; } #panel .panel-button #appMenuIcon { width: 0; height: 0; margin-left: 0px; margin-right: 0px; } #panel .panel-button:hover { color: white !important; background-color: rgba(0, 0, 0, 0.17); border-bottom-width: 1px; border-color: transparent; text-shadow: 0 0 transparent; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { color: #ffffff !important; background: #5294e2, url("common-assets/misc/null.svg"); border-image: none; box-shadow: none; border-bottom-width: 1px !important; border-color: black; text-shadow: 0 0 transparent; } #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; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: #f2f4f7; } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #f2f4f7; } #panel #panelActivities.panel-button { -natural-hpadding: 12px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .screencast-indicator { color: #FC4138; } #panel .clock-display > * > *:last-child { color: #5294e2; margin-left: .3em; } #panel .popup-menu-arrow { width: 0; } #panel #panelActivities.panel-button > * { background-image: url("common-assets/panel/activities.svg"); background-position: center top; width: 24px; height: 24px; background-color: transparent !important; background-gradient-direction: none !important; border: 0 solid transparent !important; text-shadow: 0 0 transparent !important; transition-duration: 0ms !important; box-shadow: none !important; color: transparent; } #panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { background-color: transparent; box-shadow: none; border-bottom-width: 1px; border-color: transparent; } #panel #panelActivities.panel-button:active > *, #panel #panelActivities.panel-button:overview > *, #panel #panelActivities.panel-button:focus > *, #panel #panelActivities.panel-button:checked > * { background-image: url("common-assets/panel/activities-active.svg"); } .system-switch-user-submenu-icon { icon-size: 24px; border: 1px solid rgba(0, 0, 0, 0.2); } #appMenu { spinner-image: url("common-assets/misc/process-working.svg"); spacing: 4px; padding: 0 8px; } #appMenu .label-shadow { color: transparent !important; } .aggregate-menu { width: 360px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; color: #D3DAE3; } .aggregate-menu .popup-menu-item:active .popup-menu-icon { color: #ffffff; } .system-menu-action { padding: 13px; color: #D3DAE3 !important; border-radius: 32px; /* wish we could do 50% */ border: 1px solid transparent !important; } .system-menu-action:hover, .system-menu-action:focus { transition-duration: 100ms; padding: 13px; color: #D3DAE3 !important; background-color: transparent !important; border: 1px solid #5294e2 !important; } .system-menu-action:active { color: #ffffff !important; background-color: #5294e2 !important; border: 1px solid #5294e2 !important; } .system-menu-action > StIcon { icon-size: 16px; } .calendar-vertical-separator { -stipple-width: 1px; -stipple-color: rgba(211, 218, 227, 0.4); width: 0.3em; } .calendar { padding: .4em 1.75em .8em 2.5em; } .calendar-month-label { color: #D3DAE3 !important; font-weight: bold; padding: 8px 0; } .calendar-change-month-back:hover, .calendar-change-month-back:focus, .calendar-change-month-back:active, .calendar-change-month-forward:hover, .calendar-change-month-forward:focus, .calendar-change-month-forward:active { background-color: transparent; } .calendar-change-month-back, .calendar-change-month-forward { width: 18px; height: 12px; border-radius: 4px; } .calendar-change-month-back { background-image: url("dark-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:focus, .calendar-change-month-back:hover { background-image: url("dark-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-back:active { background-image: url("dark-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("dark-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { background-image: url("dark-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-back:rtl:active { background-image: url("dark-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("dark-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { background-image: url("dark-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-forward:active { background-image: url("dark-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("dark-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { background-image: url("dark-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-forward:rtl:active { background-image: url("dark-assets/misc/calendar-arrow-left.svg"); } .datemenu-date-label { padding: .4em 1.7em; font-weight: bold; text-align: center; color: #D3DAE3 !important; border-radius: 4px; } .calendar-day-base { font-size: 80%; text-align: center; width: 25px; height: 25px; padding: 0.1em; margin: 2px; border-radius: 12.5px; color: #D3DAE3 !important; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.1) !important; color: #D3DAE3 !important; } .calendar-day-base:active { color: #D3DAE3 !important; background-color: rgba(0, 0, 0, 0.15) !important; border-width: 0; } .calendar-day-base.calendar-day-heading { color: rgba(211, 218, 227, 0.85); margin-top: 1em; font-size: 70%; } .calendar-week-number { color: rgba(211, 218, 227, 0.5); font-weight: normal; } .calendar-day { border-width: 0; color: rgba(211, 218, 227, 0.8); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { background-color: transparent; color: #D3DAE3 !important; font-weight: bold; } .calendar-today, .calendar-today:active, .calendar-today:focus, .calendar-today:hover { font-weight: bold; color: #ffffff !important; background: #5294e2, url("common-assets/misc/null.svg") !important; border-width: 0; } .calendar-day-with-events { color: #5294e2; font-weight: bold; } .calendar-today.calendar-day-with-events { color: #ffffff; } .calendar-other-month-day { color: rgba(211, 218, 227, 0.3); opacity: 1; } .events-table { width: 320px; spacing-columns: 6pt; padding: 0 1.4em; } .events-table:ltr { padding-right: 1.9em; } .events-table:rtl { padding-left: 1.9em; } .events-day-header { font-weight: bold; color: rgba(211, 218, 227, 0.8) !important; padding-left: 0.4em; padding-top: 1.2em; } .events-day-header:first-child { padding-top: 0; } .events-day-header:rtl { padding-left: 0; padding-right: 0.4em; } .events-day-dayname { color: rgba(211, 218, 227, 0.5) !important; text-align: left; min-width: 20px; } .events-day-dayname:rtl { text-align: right; } .events-day-time { color: rgba(211, 218, 227, 0.4) !important; text-align: right; } .events-day-time:rtl { text-align: left; } .events-day-task { color: #D3DAE3; padding-left: 8pt; } .events-day-task:rtl { padding-left: 0px; padding-right: 8pt; } .ripple-box { width: 52px; height: 52px; background-image: url("common-assets/misc/corner-ripple-ltr.svg"); background-size: contain; } .ripple-box:rtl { background-image: url("common-assets/misc/corner-ripple-rtl.svg"); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .window-close, .notification-close { background-image: url("common-assets/misc/close.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close:hover, .notification-close:hover { background-image: url("common-assets/misc/close-hover.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close:active, .notification-close:active { background-image: url("common-assets/misc/close-active.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close { -shell-close-overlap: 11px; } .notification-close { -shell-close-overlap-x: 8px; -shell-close-overlap-y: -8px; } .notification-close:rtl { -shell-close-overlap-x: -8px; } .nm-dialog { max-height: 500px; min-height: 450px; min-width: 470px; } .nm-dialog-content { spacing: 20px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-size: 1.1em; font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: #D3DAE3; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: 1px solid #2b2e39; border-radius: 2px; background-color: #404552; } .nm-dialog-header { font-weight: bold; font-size: 1.2em; } .nm-dialog-item { font-size: 1em; border-bottom: 0px solid; padding: 12px; spacing: 0px; } .nm-dialog-item:selected { background-color: #5294e2; color: #ffffff; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(211, 218, 227, 0.45); } .no-networks-box { spacing: 12px; } #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; } .window-picker.external-monitor { padding: 32px; } .window-clone-border { border: 3px solid rgba(82, 148, 226, 0.8); border-radius: 4px; box-shadow: inset 0px 0px 0px 1px rgba(82, 148, 226, 0); } .window-caption, .window-caption:hover { spacing: 25px; color: #BAC3CF; background-color: rgba(0, 0, 0, 0.7); border-radius: 2px; padding: 4px 12px; -shell-caption-spacing: 12px; } .search-entry { width: 320px; padding: 7px 9px; border-radius: 20px; border: 1px solid rgba(0, 0, 0, 0.25); background-color: rgba(64, 69, 82, 0.9); } .search-entry:focus { padding: 7px 9px; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: #D3DAE3; } .search-entry:hover, .search-entry:focus { color: #ffffff; caret-color: #ffffff; background-color: #5294e2; selection-background-color: #ffffff; selected-color: #5294e2; } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #ffffff; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { background-color: rgba(255, 255, 255, 0.2); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 1.5em; color: white; } .list-search-result-description { color: #cccccc; } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("common-assets/misc/more-results.svg"); } #dash { font-size: 1em; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); border-color: rgba(0, 0, 0, 0.4); padding: 3px 0px 3px 0px; border-radius: 0 3px 3px 0; } #dash:rtl { border-radius: 3px 0 0 3px; } .right #dash, #dash:rtl { padding: 3px 0px 3px 0px; } .bottom #dash { padding: 0px 3px 0px 3px; } .top #dash { padding: 0px 3px 0px 3px; } #dash .placeholder { background-image: url("common-assets/dash/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 2px 5px 2px 3px; } .right .dash-item-container > StWidget, .dash-item-container > StWidget:rtl { padding: 2px 3px 2px 5px; } .bottom .dash-item-container > StWidget { padding: 5px 2px 3px 2px; } .top .dash-item-container > StWidget { padding: 3px 2px 5px 2px; } .dash-label { border-radius: 3px; padding: 4px 12px; color: white; background-color: rgba(0, 0, 0, 0.7); text-align: center; -x-offset: 3px; } .bottom .dash-label, .top .dash-label { -y-offset: 3px; -x-offset: 0; } .dash-item-container > .app-well-app.running > .overview-icon, .dash-item-container > .app-well-app.running:hover > .overview-icon, .dash-item-container > .app-well-app.running:active > .overview-icon, .dash-item-container > .app-well-app > .overview-icon, .dash-item-container > .app-well-app:hover > .overview-icon, .dash-item-container > .app-well-app:active > .overview-icon { background-color: transparent !important; background-gradient-direction: none !important; border: none !important; border-radius: 0 !important; background: none !important; } #dash .app-well-app .overview-icon { padding: 10px; padding-left: 13px; } .right #dash .app-well-app .overview-icon, #dash:rtl .app-well-app .overview-icon { padding: 10px; padding-right: 13px; } .bottom #dash .app-well-app .overview-icon { padding: 10px; padding-bottom: 13px; } .top #dash .app-well-app .overview-icon { padding: 10px; padding-top: 13px; } #dash .app-well-app:hover .overview-icon { border-image: url("common-assets/dash/button-hover.svg") 5 5 5 5; } #dash .app-well-app:active .overview-icon { border-image: url("common-assets/dash/button-active.svg") 5 5 5 5; } #dash .app-well-app.running .overview-icon { border-image: url("common-assets/dash/button-running.svg") 5 5 5 5; } #dash .app-well-app.running:hover .overview-icon { border-image: url("common-assets/dash/button-running-hover.svg") 5 5 5 5; } #dash .app-well-app.running:active > .overview-icon { border-image: url("common-assets/dash/button-running-active.svg") 5 5 5 5; } .right #dash .app-well-app:hover .overview-icon, #dash:rtl .app-well-app:hover .overview-icon { border-image: url("common-assets/dash/button-hover-right.svg") 5 5 5 5; } .right #dash .app-well-app:active .overview-icon, #dash:rtl .app-well-app:active .overview-icon { border-image: url("common-assets/dash/button-active-right.svg") 5 5 5 5; } .right #dash .app-well-app.running .overview-icon, #dash:rtl .app-well-app.running .overview-icon { border-image: url("common-assets/dash/button-running-right.svg") 5 5 5 5; } .right #dash .app-well-app.running:hover .overview-icon, #dash:rtl .app-well-app.running:hover .overview-icon { border-image: url("common-assets/dash/button-running-hover-right.svg") 5 5 5 5; } .right #dash .app-well-app.running:active > .overview-icon, #dash:rtl .app-well-app.running:active > .overview-icon { border-image: url("common-assets/dash/button-running-active-right.svg") 5 5 5 5; } .bottom #dash .app-well-app:hover .overview-icon { border-image: url("common-assets/dash/button-hover-bottom.svg") 5 5 5 5; } .bottom #dash .app-well-app:active .overview-icon { border-image: url("common-assets/dash/button-active-bottom.svg") 5 5 5 5; } .bottom #dash .app-well-app.running .overview-icon { border-image: url("common-assets/dash/button-running-bottom.svg") 5 5 5 5; } .bottom #dash .app-well-app.running:hover .overview-icon { border-image: url("common-assets/dash/button-running-hover-bottom.svg") 5 5 5 5; } .bottom #dash .app-well-app.running:active > .overview-icon { border-image: url("common-assets/dash/button-running-active-bottom.svg") 5 5 5 5; } .top #dash .app-well-app:hover .overview-icon { border-image: url("common-assets/dash/button-hover-top.svg") 5 5 5 5; } .top #dash .app-well-app:active .overview-icon { border-image: url("common-assets/dash/button-active-top.svg") 5 5 5 5; } .top #dash .app-well-app.running .overview-icon { border-image: url("common-assets/dash/button-running-top.svg") 5 5 5 5; } .top #dash .app-well-app.running:hover .overview-icon { border-image: url("common-assets/dash/button-running-hover-top.svg") 5 5 5 5; } .top #dash .app-well-app.running:active > .overview-icon { border-image: url("common-assets/dash/button-running-active-top.svg") 5 5 5 5; } .show-apps .overview-icon { background-gradient-direction: none !important; padding: 11px; background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; border: 0px solid; } .show-apps:hover .overview-icon { background-gradient-direction: none !important; background-color: rgba(0, 0, 0, 0.7); color: #5294e2; } .show-apps:active .overview-icon, .show-apps:active .show-apps-icon, .show-apps:checked .overview-icon, .show-apps:checked .show-apps-icon { background-gradient-direction: none !important; color: #ffffff; background-color: #5294e2; box-shadow: none; transition-duration: 0ms; } .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .app-view-controls { padding-bottom: 32px; } .app-view-control { padding: 4px 32px; background-gradient-direction: none; text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(102, 109, 132, 0.35); } .app-view-control:hover { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(119, 127, 151, 0.45); } .app-view-control:checked { color: #ffffff; background-color: #5294e2; border-color: #5294e2; } .app-view-control:first-child:ltr, .app-view-control:last-child:rtl { border-radius: 2px 0 0 2px; border-right-width: 0; } .app-view-control:last-child:ltr, .app-view-control:first-child:rtl { border-radius: 0 2px 2px 0; border-left-width: 0; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(31, 33, 40, 0.85); } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(186, 195, 207, 0.4); transition-duration: 200ms; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(31, 33, 40, 0.85); box-shadow: inset 0 0 #5294e2; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(186, 195, 207, 0.4); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app.running > .overview-icon { background: none !important; text-shadow: black 0px 0px; border-image: url("common-assets/dash/button-running-bottom.svg") 5 5 5 5; } .app-well-app.running:hover > .overview-icon { border-image: url("common-assets/dash/button-running-hover-bottom.svg") 5 5 5 5; } .app-well-app.running:active > .overview-icon, .app-well-app.running:checked > .overview-icon { border-image: url("common-assets/dash/button-running-active-bottom.svg") 5 5 5 5; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .grid-search-result .overview-icon { color: white; border-radius: 2px; padding: 6px; border: 1px solid transparent; transition-duration: 0ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(35, 38, 46, 0.95); border: 1px solid rgba(0, 0, 0, 0.45); } .app-well-app.app-folder:hover > .overview-icon { background-color: rgba(60, 64, 78, 0.95); } .app-well-app.app-folder:active > .overview-icon, .app-well-app.app-folder:checked > .overview-icon { color: #ffffff; background-color: #5294e2; box-shadow: none; } .app-well-app.app-folder:focus > .overview-icon { background-color: #5294e2; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(35, 38, 46, 0.95); -arrow-border-color: rgba(0, 0, 0, 0.45); -arrow-border-width: 1px; -arrow-base: 5; -arrow-rise: 5; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 18px; height: 18px; background-image: url(common-assets/misc/page-indicator-inactive.svg); } .page-indicator:hover .page-indicator-icon { background-image: url(common-assets/misc/page-indicator-hover.svg); } .page-indicator:active .page-indicator-icon { background-image: url(common-assets/misc/page-indicator-active.svg); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active { background-image: url(common-assets/misc/page-indicator-checked.svg); } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails, .workspace-thumbnails:rtl, .workspace-thumbnails-left, .workspace-thumbnails-left:rtl { visible-width: 40px; spacing: 11px; padding: 12px; } .workspace-thumbnails, .workspace-thumbnails-left:rtl { padding-right: 7px; border-image: url("common-assets/dash/dash-right.svg") 9 9 9 9; } .workspace-thumbnails:rtl, .workspace-thumbnails-left { padding-left: 7px; border-image: url("common-assets/dash/dash-left.svg") 9 9 9 9; } .workspace-thumbnail-indicator { border: 4px solid rgba(82, 148, 226, 0.8); border-radius: 1px; padding: 1px; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .search-statustext, .no-frequent-applications-label { font-size: 2em; font-weight: bold; color: #D3DAE3; } #message-tray { background: #353945; background-repeat: repeat; height: 72px; border: solid rgba(0, 0, 0, 0.6); border-width: 0; border-top-width: 1px; } .message-tray-summary { height: 72px; } .message-tray-menu-button StIcon { padding: 0 20px; color: rgba(186, 195, 207, 0.6); icon-size: 24px; } .message-tray-menu-button:hover StIcon, .message-tray-menu-button:active StIcon, .message-tray-menu-button:focus StIcon { color: #BAC3CF; } .no-messages-label { color: rgba(186, 195, 207, 0.5); } .summary-boxpointer { -arrow-border-radius: 3px; -arrow-background-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 0; color: #D3DAE3; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; padding: 7px; } .summary-boxpointer .notification { border-radius: 3px; background: none !important; border-image: none; padding-bottom: 12px; } .summary-boxpointer #summary-right-click-menu { color: #BAC3CF; padding-top: 12px; padding-bottom: 12px; } .summary-boxpointer #summary-right-click-menu .popup-menu-item:active { color: #ffffff; background-color: #5294e2; } .summary-boxpointer-stack-scrollview { max-height: 18em; padding-top: 8px; padding-bottom: 8px; } .summary-boxpointer-stack-scrollview:ltr { padding-right: 8px; } .summary-boxpointer-stack-scrollview:rtl { padding-left: 8px; } .summary-source { border-radius: 4px; padding: 0 6px 0 6px; transition-duration: 100ms; } .summary-source-counter { background-image: url("common-assets/misc/summary-counter.svg"); background-size: 26px; color: #ffffff; font-size: 10pt; font-weight: bold; height: 2.4em; width: 2.4em; -shell-counter-overlap-x: 8px; -shell-counter-overlap-y: 8px; } .summary-source-button { border-radius: 2px; padding: 6px 3px 6px 3px; } .summary-source-button:last-child:ltr { padding-right: 6px; } .summary-source-button:last-child:rtl { padding-left: 6px; } .summary-source-button .summary-source { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(102, 109, 132, 0.35); } .summary-source-button:hover .summary-source { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(119, 127, 151, 0.45); } .summary-source-button:focus .summary-source, .summary-source-button:selected .summary-source { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #ffffff; border: 1px solid #5294e2; background-color: #5294e2; } .url-highlighter { link-color: #a9caf1; } .notification, #notification-container { width: 34em; } .notification { font-size: 1em; color: #BAC3CF; padding: 12px 12px 12px 12px; spacing-rows: 4px; spacing-columns: 10px; border-image: url("common-assets/misc/notification.svg") 9 9 9 9; } .notification.multi-line-notification { padding-bottom: 12px; } .notification-unexpanded { min-height: 40px; height: 40px; } .notification-with-image { min-height: 159px; } .notification-scrollview { max-height: 10em; -st-vfade-offset: 0px; } .notification-scrollview:ltr > StScrollBar { padding-left: 6px; } .notification-scrollview:rtl > StScrollBar { padding-right: 6px; } .notification-body { spacing: 5px; } .notification-actions { padding-top: 12px; spacing: 10px; } .notification-button { -st-natural-width: 140px; padding: 4px 4px 5px; background-gradient-direction: none; } .notification-button:focus { -st-natural-width: 140px; padding: 4px 4px 5px; } .notification-icon-button { border-radius: 5px; padding: 5px; background-gradient-direction: none; } .notification-icon-button:focus { padding: 5px; } .notification-icon-button > StIcon { icon-size: 16px; padding: 8px; } .notification StEntry { padding: 7px; caret-color: #BAC3CF; color: #BAC3CF; background-color: rgba(102, 109, 132, 0.35); border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .notification StEntry:focus { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .secondary-icon { icon-size: 1.09em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #BAC3CF; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } StEntry.chat-response { padding: 7px; color: #BAC3CF; background-color: rgba(102, 109, 132, 0.35); border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } StEntry.chat-response:focus { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .chat-sent { padding-left: 18pt; color: #5294e2; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: rgba(186, 195, 207, 0.6); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .subscription-message { font-style: italic; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 2px 10px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px 0 0 2px; background-gradient-direction: none; } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 0 2px 2px 0; color: #BAC3CF; border-left: none; } .magnifier-zoom-region { border: 2px solid #5294e2; } .magnifier-zoom-region.full-screen { border-width: 0; } #keyboard { background-color: rgba(53, 57, 69, 0.95); border-width: 0; border-top-width: 1px; border-color: rgba(0, 0, 0, 0.2); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 2em; min-width: 2em; font-size: 14pt; font-weight: bold; border-radius: 3px; box-shadow: none; background-gradient-direction: none; text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(102, 109, 132, 0.35); } .keyboard-key:hover { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(119, 127, 151, 0.45); } .keyboard-key:active, .keyboard-key:checked { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #ffffff; border: 1px solid #5294e2; background-color: #5294e2; } .keyboard-key:grayed { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #5d626e; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(102, 109, 132, 0.2); } .keyboard-subkeys { color: #BAC3CF; padding: 5px; -arrow-border-radius: 2px; -arrow-background-color: rgba(53, 57, 69, 0.95); -arrow-border-width: 1px; -arrow-border-color: rgba(0, 0, 0, 0.4); -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 5px; } .candidate-popup-content { padding: 0.5em; spacing: 0.3em; color: #BAC3CF; font-size: 1.15em; } .candidate-index { padding: 0 0.5em 0 0; color: #d8dde4; } .candidate-box { padding: 0.3em 0.5em 0.3em 0.5em; border-radius: 2px; color: #BAC3CF; } .candidate-box:selected, .candidate-box:hover { background-color: #5294e2; color: #ffffff; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 0.5em; } .horizontal .candidate-page-button-box { padding-left: 0.5em; } .candidate-page-button { padding: 4px; } .candidate-page-button-previous { border-radius: 2px 0px 0px 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 0px 2px 2px 0px; } .candidate-page-button-icon { icon-size: 1em; } .framed-user-icon { background-size: contain; border: 0px solid transparent; color: #D3DAE3; border-radius: 2px; } .framed-user-icon:hover { border-color: transparent; color: white; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 3px 18px; } .login-dialog .modal-dialog-button:default { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #444a58; border: 1px solid #2b2e39; box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #505666; border: 1px solid #2b2e39; box-shadow: inset 0 2px 4px rgba(80, 86, 102, 0.05); } .login-dialog .modal-dialog-button:default:active { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .login-dialog .modal-dialog-button:default:insensitive { text-shadow: 0 1px rgba(64, 69, 82, 0); color: rgba(211, 218, 227, 0.45); border: 1px solid rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #9ca9ba; } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #F27835; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-user-selection-box .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label { color: #BAC3CF; } .login-dialog-not-listed-label { font-size: 90%; font-weight: bold; color: #62758e; padding-top: 1em; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { background-color: #5294e2; color: #ffffff; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #5294e2; } .login-dialog-user-list-item { border-radius: 5px; padding: .2em; color: #62758e; } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: #5294e2; color: #ffffff; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #BAC3CF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #ffffff; } .login-dialog-username, .user-widget-label { color: #BAC3CF; font-size: 120%; font-weight: bold; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: #7e8fa5; font-size: 110%; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: #62758e; } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #BAC3CF; } .login-dialog-session-list-button:active { color: #394351; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } .screen-shield-clock { color: white; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); font-weight: bold; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 72pt; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); } .screen-shield-clock-date { font-size: 28pt; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 12px 6px; border: 1px solid rgba(186, 195, 207, 0.2); background-color: rgba(53, 57, 69, 0.45); color: #BAC3CF; border-radius: 4px; } .screen-shield-notifications-container .notification { margin-right: 15px; } .screen-shield-notification-label { font-weight: bold; padding: 0px 0px 0px 12px; } .screen-shield-notification-count-text { padding: 0px 0px 0px 12px; } #panel.lock-screen { background-color: rgba(53, 57, 69, 0.5); } .screen-shield-background { background: black; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); } #lockDialogGroup { background: #2e3436 url(misc/noise-texture.png); background-repeat: repeat; } #screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle { background-color: rgba(56, 60, 74, 0.3); } #screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus { background-color: rgba(56, 60, 74, 0.5); } #screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active { background-color: rgba(82, 148, 226, 0.5); } #LookingGlassDialog { spacing: 4px; padding: 8px 8px 10px 8px; background-color: rgba(0, 0, 0, 0.7); border: 1px solid black; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 2px; color: #BAC3CF; } #LookingGlassDialog > #Toolbar { padding: 3px; border: none; background-color: transparent; border-radius: 0px; } #LookingGlassDialog .labels { spacing: 4px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: #BAC3CF; transition-duration: 100ms; padding-left: .3em; padding-right: .3em; } #LookingGlassDialog .notebook-tab:hover { color: white; text-shadow: black 0px 2px 2px; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0px; color: #5294e2; text-shadow: black 0px 2px 2px; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #5294e2; selected-color: #ffffff; color: #BAC3CF; background-color: rgba(102, 109, 132, 0.35); border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .lg-dialog StEntry:focus { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .lg-dialog .shell-link { color: #a9caf1; } .lg-dialog .shell-link:hover { color: #d5e5f8; } .lg-completions-text { font-size: .9em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { border: 1px solid gray; padding: 4px; border-radius: 4px; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 2px; background-color: rgba(53, 57, 69, 0.95); padding: 4px; } .lg-extension-name { font-weight: bold; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(0, 0, 0, 0.7); border: 1px solid grey; border-radius: 2px; padding: 6px; } ================================================ FILE: common/gnome-shell/3.14/gnome-shell.css ================================================ /* 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 { font-family: Futura Bk bt, Cantarell, Sans-Serif; font-size: 9pt; color: #5c616c; } .app-well-menu, .run-dialog-error-label, .dash-label, .window-caption, .switcher-list, .app-well-app > .overview-icon, .grid-search-result .overview-icon { font-size: 1em; font-weight: normal; } .app-well-app.running > .overview-icon, .app-well-app.running:hover > .overview-icon, .app-well-app.running:active > .overview-icon, .app-well-app.running:checked > .overview-icon { background-color: transparent !important; background-gradient-direction: none !important; border: none !important; border-radius: 0 !important; } .popup-menu .modal-dialog-button { font-size: 1em; min-height: 20px; padding: 5px 32px; transition-duration: 0; border-radius: 2px; background-gradient-direction: none !important; text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: #fbfbfc; border: 1px solid #cfd6e6; box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); } .popup-menu .modal-dialog-button:focus { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: #fbfbfc; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); } .popup-menu .modal-dialog-button:hover { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: white; border: 1px solid #cfd6e6; box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); } .popup-menu .modal-dialog-button:hover:focus { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: #fbfbfc; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); } .popup-menu .modal-dialog-button:active, .popup-menu .modal-dialog-button:active:focus { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .popup-menu .modal-dialog-button:insensitive { text-shadow: 0 1px rgba(255, 255, 255, 0); color: rgba(92, 97, 108, 0.55); border: 1px solid rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); } .candidate-page-button, .hotplug-notification-item, .hotplug-resident-eject-button, .modal-dialog-button { background-gradient-direction: none !important; } .candidate-page-button, .hotplug-notification-item, .hotplug-resident-eject-button, .modal-dialog-button, .modal-dialog-button-box .button, .notification-button, .notification-icon-button, .hotplug-resident-mount { font-size: 1em; min-height: 20px; padding: 5px 32px; transition-duration: 0; border-radius: 2px; text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(102, 109, 132, 0.35); } .candidate-page-button:hover, .hotplug-notification-item:hover, .hotplug-resident-eject-button:hover, .modal-dialog-button:hover, .modal-dialog-button-box .button:hover, .notification-button:hover, .notification-icon-button:hover, .hotplug-resident-mount:hover { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(119, 127, 151, 0.45); } .candidate-page-button:focus, .hotplug-notification-item:focus, .hotplug-resident-eject-button:focus, .modal-dialog-button:focus, .modal-dialog-button-box .button:focus, .notification-button:focus, .notification-icon-button:focus, .hotplug-resident-mount:focus { color: #5294e2; } .candidate-page-button:active, .hotplug-notification-item:active, .hotplug-resident-eject-button:active, .modal-dialog-button:active, .modal-dialog-button-box .button:active, .notification-button:active, .notification-icon-button:active, .hotplug-resident-mount:active { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #ffffff; border: 1px solid #5294e2; background-color: #5294e2; } .candidate-page-button:insensitive, .hotplug-notification-item:insensitive, .hotplug-resident-eject-button:insensitive, .modal-dialog-button:insensitive, .modal-dialog-button-box .button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, .hotplug-resident-mount:insensitive { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5d626e; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(102, 109, 132, 0.2); } StEntry { font-size: 1em; padding: 7px; caret-size: 1px; selection-background-color: #5294e2; selected-color: #ffffff; transition-duration: 300ms; border-radius: 3px; background-gradient-direction: none !important; color: #5c616c; background-color: #ffffff; border: 1px solid #cfd6e6; box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); } StEntry:focus, StEntry:hover { color: #5c616c; background-color: #ffffff; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); } StEntry:insensitive { color: rgba(92, 97, 108, 0.55); background-color: #fbfbfb; border-color: 1px solid #e0e4ee; box-shadow: inset 0 2px 4px rgba(251, 251, 251, 0.05); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #F27835; padding: 0 4px; } StScrollView.vfade { -st-vfade-offset: 0px; } StScrollView.hfade { -st-hfade-offset: 0px; } StScrollBar { padding: 8px; } StScrollView StScrollBar { min-width: 5px; min-height: 5px; } StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.1); border-radius: 8px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 4px; background-color: #b8babf; border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #c7c9cd; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #5294e2; } .slider { -slider-height: 4px; -slider-background-color: #cfd6e6; -slider-border-color: transparent; -slider-active-background-color: #5294e2; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 0px; -slider-handle-border-color: transparent; -slider-handle-border-width: 0; height: 18px; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; color: transparent; } .popup-menu-item:active .slider { -slider-background-color: rgba(0, 0, 0, 0.2); -slider-active-background-color: #ffffff; } .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 16px; height: 16px; background-image: url("light-assets/checkbox/checkbox-unchecked.svg"); } .check-box:focus StBin { background-image: url("light-assets/checkbox/checkbox-unchecked-focused.svg"); } .check-box:checked StBin { background-image: url("light-assets/checkbox/checkbox-checked.svg"); } .check-box:focus:checked StBin { background-image: url("light-assets/checkbox/checkbox-checked-focused.svg"); } .toggle-switch { width: 50px; height: 20px; background-size: contain; background-image: url("light-assets/switch/switch-off.svg"); } .toggle-switch:checked { background-image: url("light-assets/switch/switch-on.svg"); } .popup-menu-item:active .toggle-switch { background-image: url("common-assets/switch/switch-off-selected.svg"); } .popup-menu-item:active .toggle-switch:checked { background-image: url("common-assets/switch/switch-on-selected.svg"); } .shell-link { color: #2679db; } .shell-link:hover { color: #5294e2; } .headline { font-size: 110%; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { color: #5c616c; background-color: rgba(245, 246, 247, 0); border: none; border-image: url("light-assets/misc/modal.svg") 9 9 9 67; padding: 0 5px 6px 5px; } .modal-dialog > StBoxLayout:first-child { padding: 20px 10px 10px 10px; } .modal-dialog-button-box { spacing: 10px; margin: 0px; padding: 14px 10px; background: none; border: none; border-image: url("light-assets/misc/button-box.svg") 9 9 9 9; } .modal-dialog-button-box .button { padding-top: 0; padding-bottom: 0; height: 30px; } .modal-dialog .run-dialog-entry { width: 21em; caret-color: #5c616c; } .modal-dialog .run-dialog-error-box { padding-top: 5px; spacing: 5px; } .modal-dialog .run-dialog-label { font-size: 0; } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { font-size: 11pt; font-weight: bold; color: #5c616c; } .end-session-dialog { spacing: 42px; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #F27835; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border: 0px solid transparent; border-radius: 2px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: #5c616c; width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 10px; padding-left: 10px; } .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: #686d7a; font-size: 8pt; } .end-session-dialog .modal-dialog-button:last-child { color: white; background-color: #F04A50; border-color: #F04A50; } .end-session-dialog .modal-dialog-button:last-child:hover { color: white; background-color: #f47479; border-color: #f47479; } .end-session-dialog .modal-dialog-button:last-child:active { color: white; background-color: #ee3239; border-color: #ee3239; } .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .mount-question-dialog-subject { max-width: 500px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { font-size: 10pt; max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: #454850; } .show-processes-dialog-app-list-item:hover { color: #5c616c; } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 10pt; } .prompt-dialog { width: 500px; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { font-size: 12pt; font-weight: bold; color: #5c616c; } .prompt-dialog-descritption:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 9pt; color: #FC4138; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 9pt; padding-bottom: 8px; } .prompt-dialog-null-label { font-size: 9pt; padding-bottom: 8px; } .hidden { color: transparent; } .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #F27835; } .polkit-dialog-user-user-icon { border-radius: 2px; background-size: contain; width: 48px; height: 48px; } .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } .popup-menu { min-width: 200px; color: #5c616c; border-image: url("light-assets/menu/menu.svg") 9 9 9 9; } .popup-menu .popup-sub-menu { background: none; box-shadow: none; background-gradient-direction: none !important; border-image: url("light-assets/menu/submenu.svg") 9 9 9 9; } .popup-menu .popup-submenu-menu-item:open { color: #5c616c; background: none !important; box-shadow: none; border-image: url("light-assets/menu/submenu-open.svg") 9 9 9 9; } .popup-menu .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu .popup-menu-item { spacing: 12px; } .popup-menu .popup-menu-item:ltr { padding: .4em 3em .4em 0em; } .popup-menu .popup-menu-item:rtl { padding: .4em 0em .4em 3em; } .popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected { color: #ffffff; background-color: transparent; border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } .popup-menu .popup-menu-item:insensitive { color: rgba(92, 97, 108, 0.5); background: none; } .popup-menu .popup-inactive-menu-item { color: #5c616c; } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(92, 97, 108, 0.55); } .popup-menu .popup-status-menu-item, .popup-menu .popup-subtitle-menu-item { color: #5c616c; } .popup-menu .popup-menu-item:active .popup-status-menu-item, .popup-menu .popup-menu-item:active .popup-subtitle-menu-item { color: #ffffff; } .popup-menu.panel-menu { -boxpointer-gap: 0px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; margin-left: 10px; width: 16px; } .popup-menu-boxpointer { -arrow-border-radius: 2px !important; -arrow-background-color: transparent !important; -arrow-border-width: 1px !important; -arrow-border-color: transparent !important; -arrow-base: 0 !important; -arrow-rise: 0 !important; color: #5c616c !important; } .candidate-popup-boxpointer { -arrow-border-radius: 2px; -arrow-background-color: rgba(53, 57, 69, 0.95); -arrow-border-width: 1px; -arrow-border-color: rgba(0, 0, 0, 0.4); -arrow-base: 5; -arrow-rise: 5; } .popup-separator-menu-item { -gradient-height: 0px; height: 2px; margin: 0; background-color: transparent; background-gradient-direction: none !important; border: none; border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0px; } .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; margin: 32px; min-width: 64px; min-height: 64px; color: white; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } .osd-window .osd-monitor-label { font-size: 3em; } .osd-window .level { padding: 0; height: 4px; background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; color: #5294e2; } .resize-popup { color: #BAC3CF; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; padding: 12px; } .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list { color: #BAC3CF; background: none; border: none; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; border: 1px solid transparent; } .switcher-list .item-box:outlined { padding: 8px; border: 1px solid #5294e2; } .switcher-list .item-box:selected { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(92, 97, 108, 0.33); } .switcher-arrow { border-color: transparent; color: #BAC3CF; } .switcher-arrow:highlighted { color: white; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .workspace-switcher-group { padding: 12px; } .workspace-switcher-container { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; padding-bottom: 24px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 30px; background-color: #5294e2; background-size: 96px; border-radius: 2px; border: 1px solid #5294e2; } .ws-switcher-active-up { background-image: url("common-assets/misc/ws-switch-arrow-up.png"); } .ws-switcher-active-down { background-image: url("common-assets/misc/ws-switch-arrow-down.png"); } .ws-switcher-box { height: 96px; background: rgba(0, 0, 0, 0.33); border: 1px solid rgba(0, 0, 0, 0.33); border-radius: 2px; } .tile-preview { background-color: rgba(82, 148, 226, 0.35); border: 1px solid #5294e2; } .tile-preview-left.on-primary { border-radius: 0px 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0px 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0px 0px 0 0; } #panel { font-weight: bold; height: 2.1em; min-height: 27px; background-color: transparent !important; background-gradient-direction: none !important; border-bottom: 0px !important; border-image: url("common-assets/panel/panel.svg") 1 1 1 1 !important; } #panel.dynamic-top-bar-white-btn { border-image: none; } #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; border-image: none; } #panel:overview { border-image: url("common-assets/panel/panel-overview.svg") 1 1 1 1; } #panel #panelLeft, #panel #panelCenter { spacing: 8px; } #panel .panel-corner { -panel-corner-radius: 0px; -panel-corner-background-color: transparent; -panel-corner-border-width: 0px; -panel-corner-border-color: black; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: black; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-cornerunlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 10px !important; -minimum-hpadding: 6px !important; font-weight: bold; color: white !important; transition-duration: 100ms; border-bottom-width: 1px; border-color: transparent; } #panel .panel-button #appMenuIcon { width: 0; height: 0; margin-left: 0px; margin-right: 0px; } #panel .panel-button:hover { color: white !important; background-color: rgba(0, 0, 0, 0.17); border-bottom-width: 1px; border-color: transparent; text-shadow: 0 0 transparent; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { color: #ffffff !important; background: #5294e2, url("common-assets/misc/null.svg"); border-image: none; box-shadow: none; border-bottom-width: 1px !important; border-color: black; text-shadow: 0 0 transparent; } #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; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: #737a88; } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #737a88; } #panel #panelActivities.panel-button { -natural-hpadding: 12px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .screencast-indicator { color: #FC4138; } #panel .clock-display > * > *:last-child { color: #5294e2; margin-left: .3em; } #panel .popup-menu-arrow { width: 0; } #panel #panelActivities.panel-button > * { background-image: url("common-assets/panel/activities.svg"); background-position: center top; width: 24px; height: 24px; background-color: transparent !important; background-gradient-direction: none !important; border: 0 solid transparent !important; text-shadow: 0 0 transparent !important; transition-duration: 0ms !important; box-shadow: none !important; color: transparent; } #panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { background-color: transparent; box-shadow: none; border-bottom-width: 1px; border-color: transparent; } #panel #panelActivities.panel-button:active > *, #panel #panelActivities.panel-button:overview > *, #panel #panelActivities.panel-button:focus > *, #panel #panelActivities.panel-button:checked > * { background-image: url("common-assets/panel/activities-active.svg"); } .system-switch-user-submenu-icon { icon-size: 24px; border: 1px solid rgba(0, 0, 0, 0.2); } #appMenu { spinner-image: url("common-assets/misc/process-working.svg"); spacing: 4px; padding: 0 8px; } #appMenu .label-shadow { color: transparent !important; } .aggregate-menu { width: 360px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; color: #5c616c; } .aggregate-menu .popup-menu-item:active .popup-menu-icon { color: #ffffff; } .system-menu-action { padding: 13px; color: #5c616c !important; border-radius: 32px; /* wish we could do 50% */ border: 1px solid transparent !important; } .system-menu-action:hover, .system-menu-action:focus { transition-duration: 100ms; padding: 13px; color: #5c616c !important; background-color: transparent !important; border: 1px solid #5294e2 !important; } .system-menu-action:active { color: #ffffff !important; background-color: #5294e2 !important; border: 1px solid #5294e2 !important; } .system-menu-action > StIcon { icon-size: 16px; } .calendar-vertical-separator { -stipple-width: 1px; -stipple-color: rgba(92, 97, 108, 0.4); width: 0.3em; } .calendar { padding: .4em 1.75em .8em 2.5em; } .calendar-month-label { color: #5c616c !important; font-weight: bold; padding: 8px 0; } .calendar-change-month-back:hover, .calendar-change-month-back:focus, .calendar-change-month-back:active, .calendar-change-month-forward:hover, .calendar-change-month-forward:focus, .calendar-change-month-forward:active { background-color: transparent; } .calendar-change-month-back, .calendar-change-month-forward { width: 18px; height: 12px; border-radius: 4px; } .calendar-change-month-back { background-image: url("light-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:focus, .calendar-change-month-back:hover { background-image: url("light-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-back:active { background-image: url("light-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("light-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { background-image: url("light-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-back:rtl:active { background-image: url("light-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("light-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { background-image: url("light-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-forward:active { background-image: url("light-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("light-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { background-image: url("light-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-forward:rtl:active { background-image: url("light-assets/misc/calendar-arrow-left.svg"); } .datemenu-date-label { padding: .4em 1.7em; font-weight: bold; text-align: center; color: #5c616c !important; border-radius: 4px; } .calendar-day-base { font-size: 80%; text-align: center; width: 25px; height: 25px; padding: 0.1em; margin: 2px; border-radius: 12.5px; color: #5c616c !important; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.1) !important; color: #5c616c !important; } .calendar-day-base:active { color: #5c616c !important; background-color: rgba(0, 0, 0, 0.15) !important; border-width: 0; } .calendar-day-base.calendar-day-heading { color: rgba(92, 97, 108, 0.85); margin-top: 1em; font-size: 70%; } .calendar-week-number { color: rgba(92, 97, 108, 0.5); font-weight: normal; } .calendar-day { border-width: 0; color: rgba(92, 97, 108, 0.8); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { background-color: transparent; color: #5c616c !important; font-weight: bold; } .calendar-today, .calendar-today:active, .calendar-today:focus, .calendar-today:hover { font-weight: bold; color: #ffffff !important; background: #5294e2, url("common-assets/misc/null.svg") !important; border-width: 0; } .calendar-day-with-events { color: #5294e2; font-weight: bold; } .calendar-today.calendar-day-with-events { color: #ffffff; } .calendar-other-month-day { color: rgba(92, 97, 108, 0.3); opacity: 1; } .events-table { width: 320px; spacing-columns: 6pt; padding: 0 1.4em; } .events-table:ltr { padding-right: 1.9em; } .events-table:rtl { padding-left: 1.9em; } .events-day-header { font-weight: bold; color: rgba(92, 97, 108, 0.8) !important; padding-left: 0.4em; padding-top: 1.2em; } .events-day-header:first-child { padding-top: 0; } .events-day-header:rtl { padding-left: 0; padding-right: 0.4em; } .events-day-dayname { color: rgba(92, 97, 108, 0.5) !important; text-align: left; min-width: 20px; } .events-day-dayname:rtl { text-align: right; } .events-day-time { color: rgba(92, 97, 108, 0.4) !important; text-align: right; } .events-day-time:rtl { text-align: left; } .events-day-task { color: #5c616c; padding-left: 8pt; } .events-day-task:rtl { padding-left: 0px; padding-right: 8pt; } .ripple-box { width: 52px; height: 52px; background-image: url("common-assets/misc/corner-ripple-ltr.svg"); background-size: contain; } .ripple-box:rtl { background-image: url("common-assets/misc/corner-ripple-rtl.svg"); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .window-close, .notification-close { background-image: url("common-assets/misc/close.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close:hover, .notification-close:hover { background-image: url("common-assets/misc/close-hover.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close:active, .notification-close:active { background-image: url("common-assets/misc/close-active.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close { -shell-close-overlap: 11px; } .notification-close { -shell-close-overlap-x: 8px; -shell-close-overlap-y: -8px; } .notification-close:rtl { -shell-close-overlap-x: -8px; } .nm-dialog { max-height: 500px; min-height: 450px; min-width: 470px; } .nm-dialog-content { spacing: 20px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-size: 1.1em; font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: #5c616c; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: 1px solid #dcdfe3; border-radius: 2px; background-color: #ffffff; } .nm-dialog-header { font-weight: bold; font-size: 1.2em; } .nm-dialog-item { font-size: 1em; border-bottom: 0px solid; padding: 12px; spacing: 0px; } .nm-dialog-item:selected { background-color: #5294e2; color: #ffffff; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(92, 97, 108, 0.55); } .no-networks-box { spacing: 12px; } #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; } .window-picker.external-monitor { padding: 32px; } .window-clone-border { border: 3px solid rgba(82, 148, 226, 0.8); border-radius: 4px; box-shadow: inset 0px 0px 0px 1px rgba(82, 148, 226, 0); } .window-caption, .window-caption:hover { spacing: 25px; color: #BAC3CF; background-color: rgba(0, 0, 0, 0.7); border-radius: 2px; padding: 4px 12px; -shell-caption-spacing: 12px; } .search-entry { width: 320px; padding: 7px 9px; border-radius: 20px; border: 1px solid rgba(0, 0, 0, 0.25); background-color: rgba(255, 255, 255, 0.9); } .search-entry:focus { padding: 7px 9px; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: #5c616c; } .search-entry:hover, .search-entry:focus { color: #ffffff; caret-color: #ffffff; background-color: #5294e2; selection-background-color: #ffffff; selected-color: #5294e2; } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #ffffff; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { background-color: rgba(255, 255, 255, 0.2); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 1.5em; color: white; } .list-search-result-description { color: #cccccc; } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("common-assets/misc/more-results.svg"); } #dash { font-size: 1em; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); border-color: rgba(0, 0, 0, 0.4); padding: 3px 0px 3px 0px; border-radius: 0 3px 3px 0; } #dash:rtl { border-radius: 3px 0 0 3px; } .right #dash, #dash:rtl { padding: 3px 0px 3px 0px; } .bottom #dash { padding: 0px 3px 0px 3px; } .top #dash { padding: 0px 3px 0px 3px; } #dash .placeholder { background-image: url("common-assets/dash/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget { padding: 2px 5px 2px 3px; } .right .dash-item-container > StWidget, .dash-item-container > StWidget:rtl { padding: 2px 3px 2px 5px; } .bottom .dash-item-container > StWidget { padding: 5px 2px 3px 2px; } .top .dash-item-container > StWidget { padding: 3px 2px 5px 2px; } .dash-label { border-radius: 3px; padding: 4px 12px; color: white; background-color: rgba(0, 0, 0, 0.7); text-align: center; -x-offset: 3px; } .bottom .dash-label, .top .dash-label { -y-offset: 3px; -x-offset: 0; } .dash-item-container > .app-well-app.running > .overview-icon, .dash-item-container > .app-well-app.running:hover > .overview-icon, .dash-item-container > .app-well-app.running:active > .overview-icon, .dash-item-container > .app-well-app > .overview-icon, .dash-item-container > .app-well-app:hover > .overview-icon, .dash-item-container > .app-well-app:active > .overview-icon { background-color: transparent !important; background-gradient-direction: none !important; border: none !important; border-radius: 0 !important; background: none !important; } #dash .app-well-app .overview-icon { padding: 10px; padding-left: 13px; } .right #dash .app-well-app .overview-icon, #dash:rtl .app-well-app .overview-icon { padding: 10px; padding-right: 13px; } .bottom #dash .app-well-app .overview-icon { padding: 10px; padding-bottom: 13px; } .top #dash .app-well-app .overview-icon { padding: 10px; padding-top: 13px; } #dash .app-well-app:hover .overview-icon { border-image: url("common-assets/dash/button-hover.svg") 5 5 5 5; } #dash .app-well-app:active .overview-icon { border-image: url("common-assets/dash/button-active.svg") 5 5 5 5; } #dash .app-well-app.running .overview-icon { border-image: url("common-assets/dash/button-running.svg") 5 5 5 5; } #dash .app-well-app.running:hover .overview-icon { border-image: url("common-assets/dash/button-running-hover.svg") 5 5 5 5; } #dash .app-well-app.running:active > .overview-icon { border-image: url("common-assets/dash/button-running-active.svg") 5 5 5 5; } .right #dash .app-well-app:hover .overview-icon, #dash:rtl .app-well-app:hover .overview-icon { border-image: url("common-assets/dash/button-hover-right.svg") 5 5 5 5; } .right #dash .app-well-app:active .overview-icon, #dash:rtl .app-well-app:active .overview-icon { border-image: url("common-assets/dash/button-active-right.svg") 5 5 5 5; } .right #dash .app-well-app.running .overview-icon, #dash:rtl .app-well-app.running .overview-icon { border-image: url("common-assets/dash/button-running-right.svg") 5 5 5 5; } .right #dash .app-well-app.running:hover .overview-icon, #dash:rtl .app-well-app.running:hover .overview-icon { border-image: url("common-assets/dash/button-running-hover-right.svg") 5 5 5 5; } .right #dash .app-well-app.running:active > .overview-icon, #dash:rtl .app-well-app.running:active > .overview-icon { border-image: url("common-assets/dash/button-running-active-right.svg") 5 5 5 5; } .bottom #dash .app-well-app:hover .overview-icon { border-image: url("common-assets/dash/button-hover-bottom.svg") 5 5 5 5; } .bottom #dash .app-well-app:active .overview-icon { border-image: url("common-assets/dash/button-active-bottom.svg") 5 5 5 5; } .bottom #dash .app-well-app.running .overview-icon { border-image: url("common-assets/dash/button-running-bottom.svg") 5 5 5 5; } .bottom #dash .app-well-app.running:hover .overview-icon { border-image: url("common-assets/dash/button-running-hover-bottom.svg") 5 5 5 5; } .bottom #dash .app-well-app.running:active > .overview-icon { border-image: url("common-assets/dash/button-running-active-bottom.svg") 5 5 5 5; } .top #dash .app-well-app:hover .overview-icon { border-image: url("common-assets/dash/button-hover-top.svg") 5 5 5 5; } .top #dash .app-well-app:active .overview-icon { border-image: url("common-assets/dash/button-active-top.svg") 5 5 5 5; } .top #dash .app-well-app.running .overview-icon { border-image: url("common-assets/dash/button-running-top.svg") 5 5 5 5; } .top #dash .app-well-app.running:hover .overview-icon { border-image: url("common-assets/dash/button-running-hover-top.svg") 5 5 5 5; } .top #dash .app-well-app.running:active > .overview-icon { border-image: url("common-assets/dash/button-running-active-top.svg") 5 5 5 5; } .show-apps .overview-icon { background-gradient-direction: none !important; padding: 11px; background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; border: 0px solid; } .show-apps:hover .overview-icon { background-gradient-direction: none !important; background-color: rgba(0, 0, 0, 0.7); color: #5294e2; } .show-apps:active .overview-icon, .show-apps:active .show-apps-icon, .show-apps:checked .overview-icon, .show-apps:checked .show-apps-icon { background-gradient-direction: none !important; color: #ffffff; background-color: #5294e2; box-shadow: none; transition-duration: 0ms; } .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .app-view-controls { padding-bottom: 32px; } .app-view-control { padding: 4px 32px; background-gradient-direction: none; text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(102, 109, 132, 0.35); } .app-view-control:hover { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(119, 127, 151, 0.45); } .app-view-control:checked { color: #ffffff; background-color: #5294e2; border-color: #5294e2; } .app-view-control:first-child:ltr, .app-view-control:last-child:rtl { border-radius: 2px 0 0 2px; border-right-width: 0; } .app-view-control:last-child:ltr, .app-view-control:first-child:rtl { border-radius: 0 2px 2px 0; border-left-width: 0; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(31, 33, 40, 0.85); } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(186, 195, 207, 0.4); transition-duration: 200ms; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(31, 33, 40, 0.85); box-shadow: inset 0 0 #5294e2; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(186, 195, 207, 0.4); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app.running > .overview-icon { background: none !important; text-shadow: black 0px 0px; border-image: url("common-assets/dash/button-running-bottom.svg") 5 5 5 5; } .app-well-app.running:hover > .overview-icon { border-image: url("common-assets/dash/button-running-hover-bottom.svg") 5 5 5 5; } .app-well-app.running:active > .overview-icon, .app-well-app.running:checked > .overview-icon { border-image: url("common-assets/dash/button-running-active-bottom.svg") 5 5 5 5; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .grid-search-result .overview-icon { color: white; border-radius: 2px; padding: 6px; border: 1px solid transparent; transition-duration: 0ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(35, 38, 46, 0.95); border: 1px solid rgba(0, 0, 0, 0.45); } .app-well-app.app-folder:hover > .overview-icon { background-color: rgba(60, 64, 78, 0.95); } .app-well-app.app-folder:active > .overview-icon, .app-well-app.app-folder:checked > .overview-icon { color: #ffffff; background-color: #5294e2; box-shadow: none; } .app-well-app.app-folder:focus > .overview-icon { background-color: #5294e2; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(35, 38, 46, 0.95); -arrow-border-color: rgba(0, 0, 0, 0.45); -arrow-border-width: 1px; -arrow-base: 5; -arrow-rise: 5; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 18px; height: 18px; background-image: url(common-assets/misc/page-indicator-inactive.svg); } .page-indicator:hover .page-indicator-icon { background-image: url(common-assets/misc/page-indicator-hover.svg); } .page-indicator:active .page-indicator-icon { background-image: url(common-assets/misc/page-indicator-active.svg); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active { background-image: url(common-assets/misc/page-indicator-checked.svg); } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails, .workspace-thumbnails:rtl, .workspace-thumbnails-left, .workspace-thumbnails-left:rtl { visible-width: 40px; spacing: 11px; padding: 12px; } .workspace-thumbnails, .workspace-thumbnails-left:rtl { padding-right: 7px; border-image: url("common-assets/dash/dash-right.svg") 9 9 9 9; } .workspace-thumbnails:rtl, .workspace-thumbnails-left { padding-left: 7px; border-image: url("common-assets/dash/dash-left.svg") 9 9 9 9; } .workspace-thumbnail-indicator { border: 4px solid rgba(82, 148, 226, 0.8); border-radius: 1px; padding: 1px; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .search-statustext, .no-frequent-applications-label { font-size: 2em; font-weight: bold; color: #5c616c; } #message-tray { background: #353945; background-repeat: repeat; height: 72px; border: solid rgba(0, 0, 0, 0.6); border-width: 0; border-top-width: 1px; } .message-tray-summary { height: 72px; } .message-tray-menu-button StIcon { padding: 0 20px; color: rgba(186, 195, 207, 0.6); icon-size: 24px; } .message-tray-menu-button:hover StIcon, .message-tray-menu-button:active StIcon, .message-tray-menu-button:focus StIcon { color: #BAC3CF; } .no-messages-label { color: rgba(186, 195, 207, 0.5); } .summary-boxpointer { -arrow-border-radius: 3px; -arrow-background-color: transparent; -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 0; color: #5c616c; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; padding: 7px; } .summary-boxpointer .notification { border-radius: 3px; background: none !important; border-image: none; padding-bottom: 12px; } .summary-boxpointer #summary-right-click-menu { color: #BAC3CF; padding-top: 12px; padding-bottom: 12px; } .summary-boxpointer #summary-right-click-menu .popup-menu-item:active { color: #ffffff; background-color: #5294e2; } .summary-boxpointer-stack-scrollview { max-height: 18em; padding-top: 8px; padding-bottom: 8px; } .summary-boxpointer-stack-scrollview:ltr { padding-right: 8px; } .summary-boxpointer-stack-scrollview:rtl { padding-left: 8px; } .summary-source { border-radius: 4px; padding: 0 6px 0 6px; transition-duration: 100ms; } .summary-source-counter { background-image: url("common-assets/misc/summary-counter.svg"); background-size: 26px; color: #ffffff; font-size: 10pt; font-weight: bold; height: 2.4em; width: 2.4em; -shell-counter-overlap-x: 8px; -shell-counter-overlap-y: 8px; } .summary-source-button { border-radius: 2px; padding: 6px 3px 6px 3px; } .summary-source-button:last-child:ltr { padding-right: 6px; } .summary-source-button:last-child:rtl { padding-left: 6px; } .summary-source-button .summary-source { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(102, 109, 132, 0.35); } .summary-source-button:hover .summary-source { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(119, 127, 151, 0.45); } .summary-source-button:focus .summary-source, .summary-source-button:selected .summary-source { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #ffffff; border: 1px solid #5294e2; background-color: #5294e2; } .url-highlighter { link-color: #2679db; } .notification, #notification-container { width: 34em; } .notification { font-size: 1em; color: #BAC3CF; padding: 12px 12px 12px 12px; spacing-rows: 4px; spacing-columns: 10px; border-image: url("common-assets/misc/notification.svg") 9 9 9 9; } .notification.multi-line-notification { padding-bottom: 12px; } .notification-unexpanded { min-height: 40px; height: 40px; } .notification-with-image { min-height: 159px; } .notification-scrollview { max-height: 10em; -st-vfade-offset: 0px; } .notification-scrollview:ltr > StScrollBar { padding-left: 6px; } .notification-scrollview:rtl > StScrollBar { padding-right: 6px; } .notification-body { spacing: 5px; } .notification-actions { padding-top: 12px; spacing: 10px; } .notification-button { -st-natural-width: 140px; padding: 4px 4px 5px; background-gradient-direction: none; } .notification-button:focus { -st-natural-width: 140px; padding: 4px 4px 5px; } .notification-icon-button { border-radius: 5px; padding: 5px; background-gradient-direction: none; } .notification-icon-button:focus { padding: 5px; } .notification-icon-button > StIcon { icon-size: 16px; padding: 8px; } .notification StEntry { padding: 7px; caret-color: #BAC3CF; color: #BAC3CF; background-color: rgba(102, 109, 132, 0.35); border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .notification StEntry:focus { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .secondary-icon { icon-size: 1.09em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #BAC3CF; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } StEntry.chat-response { padding: 7px; color: #BAC3CF; background-color: rgba(102, 109, 132, 0.35); border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } StEntry.chat-response:focus { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .chat-sent { padding-left: 18pt; color: #5294e2; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: rgba(186, 195, 207, 0.6); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .subscription-message { font-style: italic; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 2px 10px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px 0 0 2px; background-gradient-direction: none; } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 0 2px 2px 0; color: #BAC3CF; border-left: none; } .magnifier-zoom-region { border: 2px solid #5294e2; } .magnifier-zoom-region.full-screen { border-width: 0; } #keyboard { background-color: rgba(53, 57, 69, 0.95); border-width: 0; border-top-width: 1px; border-color: rgba(0, 0, 0, 0.2); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 2em; min-width: 2em; font-size: 14pt; font-weight: bold; border-radius: 3px; box-shadow: none; background-gradient-direction: none; text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(102, 109, 132, 0.35); } .keyboard-key:hover { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(119, 127, 151, 0.45); } .keyboard-key:active, .keyboard-key:checked { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #ffffff; border: 1px solid #5294e2; background-color: #5294e2; } .keyboard-key:grayed { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5d626e; border: 1px solid rgba(0, 0, 0, 0.35); background-color: rgba(102, 109, 132, 0.2); } .keyboard-subkeys { color: #BAC3CF; padding: 5px; -arrow-border-radius: 2px; -arrow-background-color: rgba(53, 57, 69, 0.95); -arrow-border-width: 1px; -arrow-border-color: rgba(0, 0, 0, 0.4); -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 5px; } .candidate-popup-content { padding: 0.5em; spacing: 0.3em; color: #BAC3CF; font-size: 1.15em; } .candidate-index { padding: 0 0.5em 0 0; color: #d8dde4; } .candidate-box { padding: 0.3em 0.5em 0.3em 0.5em; border-radius: 2px; color: #BAC3CF; } .candidate-box:selected, .candidate-box:hover { background-color: #5294e2; color: #ffffff; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 0.5em; } .horizontal .candidate-page-button-box { padding-left: 0.5em; } .candidate-page-button { padding: 4px; } .candidate-page-button-previous { border-radius: 2px 0px 0px 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 0px 2px 2px 0px; } .candidate-page-button-icon { icon-size: 1em; } .framed-user-icon { background-size: contain; border: 0px solid transparent; color: #5c616c; border-radius: 2px; } .framed-user-icon:hover { border-color: transparent; color: white; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 3px 18px; } .login-dialog .modal-dialog-button:default { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: #fbfbfc; border: 1px solid #cfd6e6; box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: white; border: 1px solid #cfd6e6; box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); } .login-dialog .modal-dialog-button:default:active { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .login-dialog .modal-dialog-button:default:insensitive { text-shadow: 0 1px rgba(255, 255, 255, 0); color: rgba(92, 97, 108, 0.55); border: 1px solid rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #9ca9ba; } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #F27835; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-user-selection-box .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label { color: #BAC3CF; } .login-dialog-not-listed-label { font-size: 90%; font-weight: bold; color: #62758e; padding-top: 1em; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { background-color: #5294e2; color: #ffffff; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #5294e2; } .login-dialog-user-list-item { border-radius: 5px; padding: .2em; color: #62758e; } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: #5294e2; color: #ffffff; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #BAC3CF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #ffffff; } .login-dialog-username, .user-widget-label { color: #BAC3CF; font-size: 120%; font-weight: bold; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: #7e8fa5; font-size: 110%; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: #62758e; } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #BAC3CF; } .login-dialog-session-list-button:active { color: #394351; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } .screen-shield-clock { color: white; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); font-weight: bold; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 72pt; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); } .screen-shield-clock-date { font-size: 28pt; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 12px 6px; border: 1px solid rgba(186, 195, 207, 0.2); background-color: rgba(53, 57, 69, 0.45); color: #BAC3CF; border-radius: 4px; } .screen-shield-notifications-container .notification { margin-right: 15px; } .screen-shield-notification-label { font-weight: bold; padding: 0px 0px 0px 12px; } .screen-shield-notification-count-text { padding: 0px 0px 0px 12px; } #panel.lock-screen { background-color: rgba(53, 57, 69, 0.5); } .screen-shield-background { background: black; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); } #lockDialogGroup { background: #2e3436 url(misc/noise-texture.png); background-repeat: repeat; } #screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle { background-color: rgba(245, 246, 247, 0.3); } #screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus { background-color: rgba(245, 246, 247, 0.5); } #screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active { background-color: rgba(82, 148, 226, 0.5); } #LookingGlassDialog { spacing: 4px; padding: 8px 8px 10px 8px; background-color: rgba(0, 0, 0, 0.7); border: 1px solid black; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 2px; color: #BAC3CF; } #LookingGlassDialog > #Toolbar { padding: 3px; border: none; background-color: transparent; border-radius: 0px; } #LookingGlassDialog .labels { spacing: 4px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: #BAC3CF; transition-duration: 100ms; padding-left: .3em; padding-right: .3em; } #LookingGlassDialog .notebook-tab:hover { color: white; text-shadow: black 0px 2px 2px; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0px; color: #5294e2; text-shadow: black 0px 2px 2px; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #5294e2; selected-color: #ffffff; color: #BAC3CF; background-color: rgba(102, 109, 132, 0.35); border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .lg-dialog StEntry:focus { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .lg-dialog .shell-link { color: #2679db; } .lg-dialog .shell-link:hover { color: #5294e2; } .lg-completions-text { font-size: .9em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { border: 1px solid gray; padding: 4px; border-radius: 4px; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 2px; background-color: rgba(53, 57, 69, 0.95); padding: 4px; } .lg-extension-name { font-weight: bold; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(0, 0, 0, 0.7); border: 1px solid grey; border-radius: 2px; padding: 6px; } ================================================ FILE: common/gnome-shell/3.14/sass/_colors.scss ================================================ // When color definition differs for dark and light variant, // it gets @if ed depending on $variant $base_color: if($variant =='light', #ffffff, #404552); $text_color: if($variant == 'light', #5c616c, #D3DAE3); $bg_color: if($variant =='light', #F5F6F7, #383C4A); $fg_color: if($variant =='light', #5c616c, #D3DAE3); $selected_fg_color: #ffffff; $selected_bg_color: #5294e2; $selected_borders_color: darken($selected_bg_color, 20%); $borders_color: if($variant =='light', darken($bg_color,9%), darken($bg_color,6%)); $link_color: if($variant == 'light', darken($selected_bg_color,10%), lighten($selected_bg_color,20%)); $link_visited_color: if($variant == 'light', darken($selected_bg_color,20%), lighten($selected_bg_color,10%)); $selection_mode_bg: if($transparency == 'true', transparentize($selected_bg_color, 0.05), $selected_bg_color); $selection_mode_fg: $selected_fg_color; $warning_color: #F27835; $error_color: #FC4138; $warning_fg_color: white; $error_fg_color: white; $success_color: #73d216; $destructive_color: #F04A50; $suggested_color: #4DADD4; $destructive_fg_color: white; $suggested_fg_color: white; $drop_target_color: #F08437; //insensitive state derived colors $insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); $insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); $header_bg: red; @if $transparency=='true' and $variant=='light' { $header_bg: transparentize(#e7e8eb, 0.05); } @if $transparency=='false' and $variant=='light' { $header_bg: #e7e8eb; } @if $transparency=='true' and ($variant=='dark' or $darker=='true') { $header_bg: transparentize(#2f343f, 0.03); } @if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343f; } $header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%)); $header_border: if($variant == 'light' and $darker=='false', darken($header_bg, 7%), darken($header_bg, 4%)); $header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%)); $header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg); $dark_sidebar_bg: if($transparency == 'true', transparentize(#353945, 0.05), #353945); $dark_sidebar_fg: #BAC3CF; $dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 5%)); $osd_fg_color: $dark_sidebar_fg; $osd_bg_color: $dark_sidebar_bg; $osd_button_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); $osd_button_border: transparentize(darken($osd_bg_color, 12%), 0.6); $osd_entry_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); $osd_entry_border: transparentize(darken($osd_bg_color, 12%), 0.6); $osd_insensitive_bg_color: darken($osd_bg_color, 3%); $osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); $osd_borders_color: transparentize(black, 0.3); $panel_bg: darken($dark_sidebar_bg, 4.7%); $panel_fg: $dark_sidebar_fg; $entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); $entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); $header_entry_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($base_color, 0.1)); $header_entry_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); $button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); $button_border: $entry_border; $header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($button_bg, 0.1)); $header_button_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); //WM Buttons // Close $wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f46067, #cc575d); $wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f68086, #d7787d); $wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #f13039, #be3841); $wm_icon_close_bg: if($variant == 'light' and $darker == 'false',#F8F8F9 , #2f343f); // Minimize, Maximize $wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #454C5C); $wm_button_active_bg: $selected_bg_color; $wm_button_hover_border: if($variant == 'light' and $darker == 'false', #D1D3DA, #262932); $wm_icon_bg: if($variant == 'light' and $darker == 'false', #90949E, #90939B); $wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #B6B8C0, #666A74); $wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #7A7F8B, #C4C7CC); $wm_icon_active_bg: $selected_fg_color; ================================================ FILE: common/gnome-shell/3.14/sass/_common.scss ================================================ //This is the RIGHT PLACE to edit the stylesheet $panel-corner-radius: 0px; $asset_path: if($variant == 'dark', dark-assets, light-assets); /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ // // Globals // $font-size: 9; $font-family: Futura Bk bt, Cantarell, Sans-Serif; $_bubble_bg_color: opacify($osd_bg_color,0.25); $_bubble_fg_color: $osd_fg_color; $_bubble_borders_color: transparentize($osd_fg_color,0.8); $_shell_fg_color: white; stage { font-family: $font-family; @include fontsize($font-size); color: $fg_color; } .app-well-menu, .run-dialog-error-label, .dash-label, .window-caption, .switcher-list, .app-well-app > .overview-icon, .grid-search-result .overview-icon { font-size: 1em; font-weight: normal; } %reset_style { background-color: transparent !important; background-gradient-direction: none !important; border: none !important; border-radius: 0 !important; } // // Buttons // .popup-menu .modal-dialog-button { font-size: 1em; min-height: 20px; padding: 5px 32px; transition-duration: 0; border-radius: 2px; background-gradient-direction: none !important; @include button(normal); &:focus { @include button(focus); } &:hover { @include button(hover); } &:hover:focus { @include button(focus-hover); } &:active, &:active:focus { @include button(active); } &:insensitive { @include button(insensitive); } } .candidate-page-button, .hotplug-notification-item, .hotplug-resident-eject-button, .modal-dialog-button { background-gradient-direction: none !important; @extend %osd_button; } %osd_button { font-size: 1em; min-height: 20px; padding: 5px 32px; transition-duration: 0; border-radius: 2px; @include button(osd); &:hover { @include button(osd-hover); } &:focus { color: $selected_bg_color; } &:active { @include button(osd-active); } &:insensitive { @include button(osd-insensitive); } } // // Entries // StEntry { font-size: 1em; padding: 7px; caret-size: 1px; selection-background-color: $selected_bg_color; selected-color: $selected_fg_color; transition-duration: 300ms; border-radius: 3px; background-gradient-direction: none !important; @include entry(normal); &:focus, &:hover { @include entry(focus); } &:insensitive { @include entry(insensitive); } StIcon.capslock-warning { icon-size: 16px; warning-color: $warning_color; padding: 0 4px; } } // // Scrollbars // StScrollView { &.vfade { -st-vfade-offset: 0px; } &.hfade { -st-hfade-offset: 0px; } } StScrollBar { padding: 8px; StScrollView & { min-width: 5px; min-height: 5px; } StBin#trough { background-color: transparentize($base_color, 0.9); border-radius: 8px; } StButton#vhandle, StButton#hhandle { border-radius: 4px; background-color: mix($fg_color, $bg_color, 40%); border: 0px solid; margin: 0px; &:hover { background-color: mix($fg_color, $bg_color, 30%); } &:active { background-color: $selected_bg_color; } } } // // Slider // .slider { -slider-height: 4px; -slider-background-color: $button_border; //background of the trough -slider-border-color: transparentize(black, 1); //trough border color -slider-active-background-color: $selected_bg_color; //active trough fill -slider-active-border-color: transparentize(black, 1); //active trough border -slider-border-width: 0; -slider-handle-radius: 0px; -slider-handle-border-color: transparent; -slider-handle-border-width: 0; height: 18px; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; color: transparent; .popup-menu-item:active & { -slider-background-color: transparentize(black, 0.8); -slider-active-background-color: $selected_fg_color; } } // // Check Boxes // .check-box { StBoxLayout { spacing: .8em; } StBin { width: 16px; height: 16px; background-image: url("#{$asset_path}/checkbox/checkbox-unchecked.svg"); } &:focus StBin { background-image: url("#{$asset_path}/checkbox/checkbox-unchecked-focused.svg"); } &:checked StBin { background-image: url("#{$asset_path}/checkbox/checkbox-checked.svg"); } &:focus:checked StBin { background-image: url("#{$asset_path}/checkbox/checkbox-checked-focused.svg"); } } // // Switches // .toggle-switch { width: 50px; height: 20px; background-size: contain; background-image: url("#{$asset_path}/switch/switch-off.svg"); &:checked { background-image: url("#{$asset_path}/switch/switch-on.svg"); } .popup-menu-item:active & { background-image: url("common-assets/switch/switch-off-selected.svg"); &:checked { background-image: url("common-assets/switch/switch-on-selected.svg"); } } } // // Links // .shell-link { color: $link_color; &:hover { color: lighten($link_color,10%); } } // // Modal Dialogs // .headline { font-size: 110%; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { color: $fg_color; background-color: transparentize($bg_color, 1); border: none; border-image: url("#{$asset_path}/misc/modal.svg") 9 9 9 67; padding: 0 5px 6px 5px; > StBoxLayout:first-child { padding: 20px 10px 10px 10px; } &-button-box { spacing: 10px; margin: 0px; padding: 14px 10px; background: none; border: none; border-image: url("#{$asset_path}/misc/button-box.svg") 9 9 9 9; .button { padding-top: 0; padding-bottom: 0; height: 30px; @extend %osd_button; } } .run-dialog-entry { width: 21em; caret-color: $fg_color; } .run-dialog-error-box { padding-top: 5px; spacing: 5px; } //.run-dialog-button-box { padding-top: 1em; } .run-dialog-label { font-size: 0; } } //.button-dialog-button-box { //} .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { //this should be a generic header class @include fontsize($font-size * 1.2); font-weight: bold; color: $fg_color; } // // End Session Dialog // .end-session-dialog { spacing: 42px; //border: 3px solid $_bubble_borders_color; &-list { padding-top: 20px; } &-layout { padding-left: 17px; &:rtl { padding-right: 17px; } } &-description { width: 28em; padding-bottom: 10px; &:rtl { text-align: right; } } &-warning { width: 28em; color: $warning_color; padding-top: 6px; &:rtl { text-align: right; } } &-logout-icon { border: 0px solid transparent; border-radius: 2px; width: 48px; height: 48px; background-size: contain; } &-shutdown-icon { color: $fg_color; width: 48px; height: 48px; } &-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 10px; padding-left: 10px; } &-session-list, &-app-list { spacing: 1em; } &-list-header { font-weight: bold; &:rtl { text-align: right; } } &-app-list-item, &-session-list-item { spacing: 1em; } &-app-list-item-name, &-session-list-item-name { font-weight: bold; } &-app-list-item-description { color: lighten($fg_color,5%); @include fontsize($font-size * 0.9); } // Shutdown Button .modal-dialog-button:last-child { color: $destructive_fg_color; background-color: $destructive_color; border-color: $destructive_color; &:hover { color: $destructive_fg_color; background-color: lighten($destructive_color, 9%); border-color: lighten($destructive_color, 9%); } &:active { color: $destructive_fg_color; background-color: darken($destructive_color, 5%); border-color: darken($destructive_color, 5%); } } } // // ShellMountOperation Dialogs // .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; &:rtl { padding-left: 0px; padding-right: 17px; } } .mount-question-dialog-subject { max-width: 500px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; &:rtl { padding-right: 17px; } } .show-processes-dialog-app-list { @include fontsize($font-size * 1.1); 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: darken($fg_color,10%); &:hover { color: $fg_color; } &:ltr { padding-right: 1em; } &:rtl { padding-left: 1em; } } .show-processes-dialog-app-list-item-icon { &:ltr { padding-right: 17px; } &:rtl { padding-left: 17px; } } .show-processes-dialog-app-list-item-name { @include fontsize($font-size * 1.1); } // // Password or Authentication Dialog // .prompt-dialog { //this is the width of the entire modal popup width: 500px; //border: 3px solid $_bubble_borders_color; &-main-layout { spacing: 24px; padding: 10px; } &-message-layout { spacing: 16px; } &-headline { @include fontsize($font-size * 1.3); font-weight: bold; color: $fg_color; } &-descritption:rtl { text-align: right; } &-password-box { spacing: 1em; padding-bottom: 1em; } &-error-label { @include fontsize($font-size); color: $error_color; padding-bottom: 8px; } &-info-label { @include fontsize($font-size); padding-bottom: 8px; } &-null-label { @include fontsize($font-size); padding-bottom: 8px; } } .hidden { color: transparentize(black, 1); } // // Polkit Dialog // .polkit-dialog-user { &-layout { padding-left: 10px; spacing: 10px; &:rtl { padding-left: 0px; padding-right: 10px; } } &-root-label { color: $warning_color; } &-user-icon { border-radius: 2px; background-size: contain; width: 48px; height: 48px; } } // // Network Agent Dialog // .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } // // Popvers/Menus // .popup-menu { min-width: 200px; color: $fg_color; border-image: url("#{$asset_path}/menu/menu.svg") 9 9 9 9; .popup-menu-arrow { } //defined globally in the TOP BAR .popup-sub-menu { background: none; box-shadow: none; background-gradient-direction: none !important; border-image: url("#{$asset_path}/menu/submenu.svg") 9 9 9 9; } .popup-submenu-menu-item:open { color: $fg_color; background: none !important; box-shadow: none; border-image: url("#{$asset_path}/menu/submenu-open.svg") 9 9 9 9; } .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu-item { spacing: 12px; &:ltr { padding: .4em 3em .4em 0em; } &:rtl { padding: .4em 0em .4em 3em; } &:active, &.selected { color: $selected_fg_color; background-color: transparent; border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } &:insensitive { color: transparentize($fg_color, 0.5); background: none; } } .popup-inactive-menu-item { //all icons and other graphical elements color: $fg_color; &:insensitive { color: $insensitive_fg_color; } } .popup-status-menu-item, .popup-subtitle-menu-item { color: $fg_color; } .popup-menu-item:active { .popup-status-menu-item, .popup-subtitle-menu-item { color: $selected_fg_color; } } &.panel-menu { -boxpointer-gap: 0px; margin-bottom: 1.75em; } } .popup-menu-ornament { text-align: right; margin-left: 10px; width: 16px; } .popup-menu-boxpointer { -arrow-border-radius: 2px !important; -arrow-background-color: rgba(0,0,0,0.0) !important; -arrow-border-width: 1px !important; -arrow-border-color: rgba(0,0,0,0.0) !important; -arrow-base: 0 !important; -arrow-rise: 0 !important; color: $fg_color !important; } .candidate-popup-boxpointer { -arrow-border-radius: 2px; -arrow-background-color: $osd_bg_color; -arrow-border-width: 1px; -arrow-border-color: transparentize(black, 0.6); -arrow-base: 5; -arrow-rise: 5; } .popup-separator-menu-item { -gradient-height: 0px; //-margin-horizontal: 24px; height: 2px; //not really the whole box margin: 0; background-color: transparent; background-gradient-direction: none !important; border: none; border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; } // Background menu .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0px; } // fallback menu //- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled // app menu inside the main app window itself rather than the top bar // // // OSD // .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; margin: 32px; min-width: 64px; min-height: 64px; color: $_shell_fg_color; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; .osd-monitor-label { font-size: 3em; } .level { padding: 0; height: 4px; background-color: transparentize(black, 0.5); border-radius: 2px; color: $selected_bg_color; } } .resize-popup { color: $osd_fg_color; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; padding: 12px; } // // Alt Tab Switcher // .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list { color: $osd_fg_color; background: none; border: none; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; &-item-container { spacing: 8px; } .item-box { padding: 8px; border-radius: 2px; border: 1px solid transparent; &:outlined { padding: 8px; border: 1px solid $selected_bg_color; } &:selected { color: $selected_fg_color; background-color: $selected_bg_color; border: 1px solid $selected_bg_color; } } .thumbnail-box { padding: 2px; spacing: 4px; } .thumbnail { width: 256px; } .separator { width: 1px; background: transparentize($fg_color, 0.67); } } .switcher-arrow { border-color: rgba(0,0,0,0); color: $osd_fg_color; &:highlighted { color: $_shell_fg_color; } } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } // // Workspace Switcher // .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; &-group { padding: 12px; } &-container { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; padding-bottom: 24px; } } .ws-switcher-active-up, .ws-switcher-active-down { height: 30px; background-color: $selected_bg_color; background-size: 96px; border-radius: 2px; border: 1px solid $selected_bg_color; } .ws-switcher-active-up { background-image: url("common-assets/misc/ws-switch-arrow-up.png"); } .ws-switcher-active-down { background-image: url("common-assets/misc/ws-switch-arrow-down.png"); } .ws-switcher-box { height: 96px; background: transparentize(black, 0.67); border: 1px solid transparentize(black, 0.67); border-radius: 2px; } // // Tiled window previews // .tile-preview { background-color: transparentize($selected_bg_color, 0.65); border: 1px solid $selected_bg_color; &-left.on-primary { border-radius: $panel-corner-radius 0 0 0; } &-right.on-primary { border-radius: 0 $panel-corner-radius 0 0; } &-left.tile-preview-right.on-primary { border-radius: $panel-corner-radius $panel-corner-radius 0 0; } } // // Top Bar // #panel { $_panel_fg_color: $_shell_fg_color; font-weight: bold; height: 2.1em; min-height: 27px; background-color: transparent !important; background-gradient-direction: none !important; border-bottom: 0px !important; border-image: url('common-assets/panel/panel.svg') 1 1 1 1 !important; // Fix dynamic top bar extension &.dynamic-top-bar-white-btn { border-image: none; } &.unlock-screen, &.login-screen, &.lock-screen { background-color: transparent; border-image: none; } &:overview { border-image: url('common-assets/panel/panel-overview.svg') 1 1 1 1; } #panelLeft, #panelCenter { // spacing between activities<>app menu and such spacing: 8px; } .panel-corner { -panel-corner-radius: $panel-corner-radius; -panel-corner-background-color: transparentize(black, 1); -panel-corner-border-width: 0px; -panel-corner-border-color: black; &:active, &:overview, &:focus { -panel-corner-border-color: black; } &.lock-screen, &.login-screen, &unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } } .panel-button { -natural-hpadding: 10px !important; -minimum-hpadding: 6px !important; font-weight: bold; color: $_panel_fg_color !important; transition-duration: 100ms; border-bottom-width: 1px; border-color: transparent; #appMenuIcon { width: 0; height: 0; margin-left: 0px; margin-right: 0px; } &:hover { color: $_panel_fg_color !important; background-color: transparentize(black, 0.83); border-bottom-width: 1px; border-color: transparent; text-shadow: 0 0 rgba(0,0,0,0); } &:active, &:overview, &:focus, &:checked { color: $selected_fg_color !important; background:$selected_bg_color, url("common-assets/misc/null.svg"); border-image: none; box-shadow: none; border-bottom-width: 1px !important; border-color: black; text-shadow: 0 0 rgba(0,0,0,0); & > .system-status-icon { icon-shadow: none; } } .system-status-icon { icon-size: 16px; padding: 0 4px; } .unlock-screen &, .login-screen &, .lock-screen & { color: lighten($fg_color, 10%); &:focus, &:hover, &:active { color: lighten($fg_color, 10%); } } } #panelActivities.panel-button { -natural-hpadding: 12px; } .panel-status-indicators-box, .panel-status-menu-box { spacing: 2px; } .screencast-indicator { color: $error_color; } .clock-display > * > *:last-child { color: $selected_bg_color; margin-left: .3em; } .popup-menu-arrow { width: 0; } } // Activities button #panel #panelActivities.panel-button { > * { background-image: url("common-assets/panel/activities.svg"); background-position: center top; width: 24px; height: 24px; background-color: transparent !important; background-gradient-direction: none !important; border: 0 solid transparent !important; text-shadow: 0 0 transparent !important; transition-duration: 0ms !important; box-shadow: none !important; color: transparent; } &:active, &:overview, &:focus, &:checked { background-color: transparent; box-shadow: none; border-bottom-width: 1px; border-color: transparent; > * { background-image: url("common-assets/panel/activities-active.svg"); } } } // a little unstructured mess: .system-switch-user-submenu-icon { icon-size: 24px; border: 1px solid transparentize(black, 0.8); } #appMenu { spinner-image: url("common-assets/misc/process-working.svg"); spacing: 4px; padding: 0 8px; .label-shadow { color: transparent !important; } } .aggregate-menu { width: 360px; .popup-menu-icon { padding: 0 4px; color: $fg_color; } .popup-menu-item:active .popup-menu-icon { color: $selected_fg_color; } } .system-menu-action { padding: 13px; color: $fg_color !important; border-radius: 32px; /* wish we could do 50% */ border: 1px solid transparent !important; &:hover, &:focus { transition-duration: 100ms; padding: 13px; color: $fg_color !important; background-color: transparent !important; border: 1px solid $selected_bg_color !important; } &:active { color: $selected_fg_color !important; background-color: $selected_bg_color !important; border: 1px solid $selected_bg_color !important; } & > StIcon { icon-size: 16px; } } // // Calendar popover // .calendar-vertical-separator { -stipple-width: 1px; -stipple-color: transparentize($fg_color, 0.6); width: 0.3em; } .calendar { padding: .4em 1.75em .8em 2.5em; } .calendar-month-label { color: $fg_color !important; font-weight: bold; padding: 8px 0; &:focus {} } .calendar-change-month-back:hover, .calendar-change-month-back:focus, .calendar-change-month-back:active, .calendar-change-month-forward:hover, .calendar-change-month-forward:focus, .calendar-change-month-forward:active { background-color: transparent; } .calendar-change-month-back, .calendar-change-month-forward { width: 18px; height: 12px; border-radius: 4px; } //arrow back .calendar-change-month-back { background-image: url("#{$asset_path}/misc/calendar-arrow-left.svg"); &:focus, &:hover { background-image: url("#{$asset_path}/misc/calendar-arrow-left-hover.svg"); } &:active { background-image: url("#{$asset_path}/misc/calendar-arrow-left.svg"); } &:rtl { background-image: url("#{$asset_path}/misc/calendar-arrow-right.svg"); &:focus, &:hover { background-image: url("#{$asset_path}/misc/calendar-arrow-right-hover.svg"); } &:active { background-image: url("#{$asset_path}/misc/calendar-arrow-right.svg"); } } } //arrow forward .calendar-change-month-forward { background-image: url("#{$asset_path}/misc/calendar-arrow-right.svg"); &:focus, &:hover { background-image: url("#{$asset_path}/misc/calendar-arrow-right-hover.svg"); } &:active { background-image: url("#{$asset_path}/misc/calendar-arrow-right.svg"); } &:rtl { background-image: url("#{$asset_path}/misc/calendar-arrow-left.svg"); &:focus, &:hover { background-image: url("#{$asset_path}/misc/calendar-arrow-left-hover.svg"); } &:active { background-image: url("#{$asset_path}/misc/calendar-arrow-left.svg"); } } } .datemenu-date-label { padding: .4em 1.7em; font-weight: bold; text-align: center; color: $fg_color !important; border-radius: 4px; &:hover, &:focus {} &:active {} } .calendar-day-base { font-size: 80%; text-align: center; width: 25px; height: 25px; padding: 0.1em; margin: 2px; border-radius: 12.5px; color: $fg_color !important; &:hover, &:focus { background-color: transparentize(black, 0.9) !important; color: $fg_color !important; } &:active { color: $fg_color !important; background-color: transparentize(black, 0.85) !important; border-width: 0; //avoid jumparound due to today } &.calendar-day-heading { //day of week heading color: transparentize($fg_color, 0.15); margin-top: 1em; font-size: 70%; } } .calendar-week-number { color: transparentize($fg_color, 0.5); font-weight: normal; } .calendar-day { //border collapse hack - see calendar.js border-width: 0; color: transparentize($fg_color, 0.2); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-work-day {} .calendar-nonwork-day { background-color: transparent; color: $fg_color !important; font-weight: bold; } .calendar-today, .calendar-today:active, .calendar-today:focus, .calendar-today:hover { font-weight: bold; color: $selected_fg_color !important; background: $selected_bg_color, url("common-assets/misc/null.svg") !important; border-width: 0; } .calendar-day-with-events { color: $selected_bg_color; font-weight: bold; } .calendar-today.calendar-day-with-events { color: $selected_fg_color; } .calendar-other-month-day { color: transparentize($fg_color, 0.7); opacity: 1; } .events-table { width: 320px; spacing-columns: 6pt; padding: 0 1.4em; &:ltr { padding-right: 1.9em; } &:rtl { padding-left: 1.9em; } } .events-day-header { font-weight: bold; color: transparentize($fg_color, 0.2) !important; padding-left: 0.4em; padding-top: 1.2em; &:first-child { padding-top: 0; } &:rtl { padding-left: 0; padding-right: 0.4em; } } .events-day-dayname { color: transparentize($fg_color, 0.5) !important; text-align: left; min-width: 20px; &:rtl { text-align: right; } } .events-day-time { color: transparentize($fg_color, 0.6) !important; text-align: right; &:rtl { text-align: left; } } .events-day-task { color: $fg_color; padding-left: 8pt; &:rtl { padding-left: 0px; padding-right: 8pt; } } // //Activities Ripples // .ripple-box { width: 52px; height: 52px; background-image: url("common-assets/misc/corner-ripple-ltr.svg"); background-size: contain; &:rtl { background-image: url("common-assets/misc/corner-ripple-rtl.svg"); } } // not really top bar only .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } // //Close buttons // .window-close, .notification-close { background-image: url("common-assets/misc/close.svg"); background-size: 26px; height: 26px; width: 26px; &:hover { background-image: url("common-assets/misc/close-hover.svg"); background-size: 26px; height: 26px; width: 26px; } &:active { background-image: url("common-assets/misc/close-active.svg"); background-size: 26px; height: 26px; width: 26px; } } .window-close { -shell-close-overlap: 11px; } .notification-close { -shell-close-overlap-x: 8px; -shell-close-overlap-y: -8px; &:rtl { -shell-close-overlap-x: -8px; } } // // Network Dialogs // .nm-dialog { max-height: 500px; min-height: 450px; min-width: 470px; &-content { spacing: 20px; } &-header-hbox { spacing: 10px; } &-airplane-box { spacing: 12px; } &-airplane-headline { font-size: 1.1em; font-weight: bold; text-align: center; } &-airplane-text { color: $fg_color; } &-header-icon { icon-size: 32px; } &-scroll-view { border: 1px solid $borders_color; border-radius: 2px; background-color: $base_color; } &-header { font-weight: bold; font-size: 1.2em; } &-item { font-size: 1em; border-bottom: 0px solid; padding: 12px; spacing: 0px; &:selected { background-color: $selected_bg_color; color: $selected_fg_color; } } &-icons { spacing: .5em; } &-icon { icon-size: 16px; } } .no-networks-label { color: $insensitive_fg_color; } .no-networks-box { spacing: 12px; } // // Overview // #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { //container around window thumbnails -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; &.external-monitor { padding: 32px; } } .window-clone-border { border: 3px solid transparentize($selected_bg_color, 0.2); border-radius: 4px; box-shadow: inset 0px 0px 0px 1px transparentize($selected_bg_color, 1); } .window-caption, .window-caption:hover { spacing: 25px; color: $osd_fg_color; background-color: transparentize(black, 0.3); border-radius: 2px; padding: 4px 12px; -shell-caption-spacing: 12px; } // // Search Entry // .search-entry { width: 320px; padding: 7px 9px; border-radius: 20px; border: 1px solid transparentize(black, 0.75); background-color: transparentize($entry_bg, 0.1); &:focus { padding: 7px 9px; } .search-entry-icon { icon-size: 16px; padding: 0 4px; color: $fg_color; } &:hover, &:focus { color: $selected_fg_color; caret-color: $selected_fg_color; background-color: $selected_bg_color; selection-background-color: $selected_fg_color; selected-color: $selected_bg_color; .search-entry-icon { color: $selected_fg_color; } } } // // Search Results // #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } // This should be equal to #searchResultsContent spacing .search-section { spacing: 16px; } // This is the space between the provider icon and the results container .search-section-content { spacing: 32px; } // "no results" .search-statustext { @extend %status_text; } .list-search-results { spacing: 3px; } .search-section-separator { background-color: transparentize(white, 0.8); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 1.5em; color: $_shell_fg_color; } .list-search-result-description { color: darken($_shell_fg_color, 20%); } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("common-assets/misc/more-results.svg"); } // // Dash // #dash { font-size: 1em; color: $osd_fg_color; background-color: $dark_sidebar_bg; border-color: rgba(0,0,0,0.4); padding: 3px 0px 3px 0px; border-radius: 0 3px 3px 0; &:rtl { border-radius: 3px 0 0 3px; } .right &, &:rtl { padding: 3px 0px 3px 0px; } .bottom & { padding: 0px 3px 0px 3px; } .top & { padding: 0px 3px 0px 3px; } .placeholder { background-image: url("common-assets/dash/dash-placeholder.svg"); background-size: contain; height: 24px; } .empty-dash-drop-target { width: 24px; height: 24px; } } .dash-item-container > StWidget { padding: 2px 5px 2px 3px; .right &, &:rtl { padding: 2px 3px 2px 5px; } .bottom & { padding: 5px 2px 3px 2px; } .top & { padding: 3px 2px 5px 2px; } } .dash-label { border-radius: 3px; padding: 4px 12px; color: $_shell_fg_color; background-color: rgba(0, 0, 0, 0.7); text-align: center; -x-offset: 3px; } .bottom .dash-label, .top .dash-label { -y-offset: 3px; -x-offset: 0; } .dash-item-container > .app-well-app.running > .overview-icon, .dash-item-container > .app-well-app.running:hover > .overview-icon, .dash-item-container > .app-well-app.running:active > .overview-icon, .dash-item-container > .app-well-app > .overview-icon, .dash-item-container > .app-well-app:hover > .overview-icon, .dash-item-container > .app-well-app:active > .overview-icon { background-color: transparent !important; background-gradient-direction: none !important; border: none !important; border-radius: 0 !important; background: none !important; } #dash .app-well-app .overview-icon { padding: 10px; padding-left: 13px; } .right #dash .app-well-app .overview-icon, #dash:rtl .app-well-app .overview-icon { padding: 10px; padding-right: 13px; } .bottom #dash .app-well-app .overview-icon { padding: 10px; padding-bottom: 13px; } .top #dash .app-well-app .overview-icon { padding: 10px; padding-top: 13px; } #dash .app-well-app:hover .overview-icon { border-image: url("common-assets/dash/button-hover.svg") 5 5 5 5; } #dash .app-well-app:active .overview-icon { border-image: url("common-assets/dash/button-active.svg") 5 5 5 5; } #dash .app-well-app.running .overview-icon { border-image: url("common-assets/dash/button-running.svg") 5 5 5 5; } #dash .app-well-app.running:hover .overview-icon { border-image: url("common-assets/dash/button-running-hover.svg") 5 5 5 5; } #dash .app-well-app.running:active > .overview-icon { border-image: url("common-assets/dash/button-running-active.svg") 5 5 5 5; } .right #dash .app-well-app:hover .overview-icon, #dash:rtl .app-well-app:hover .overview-icon { border-image: url("common-assets/dash/button-hover-right.svg") 5 5 5 5; } .right #dash .app-well-app:active .overview-icon, #dash:rtl .app-well-app:active .overview-icon { border-image: url("common-assets/dash/button-active-right.svg") 5 5 5 5; } .right #dash .app-well-app.running .overview-icon, #dash:rtl .app-well-app.running .overview-icon { border-image: url("common-assets/dash/button-running-right.svg") 5 5 5 5; } .right #dash .app-well-app.running:hover .overview-icon, #dash:rtl .app-well-app.running:hover .overview-icon { border-image: url("common-assets/dash/button-running-hover-right.svg") 5 5 5 5; } .right #dash .app-well-app.running:active > .overview-icon, #dash:rtl .app-well-app.running:active > .overview-icon { border-image: url("common-assets/dash/button-running-active-right.svg") 5 5 5 5; } .bottom #dash .app-well-app:hover .overview-icon { border-image: url("common-assets/dash/button-hover-bottom.svg") 5 5 5 5; } .bottom #dash .app-well-app:active .overview-icon { border-image: url("common-assets/dash/button-active-bottom.svg") 5 5 5 5; } .bottom #dash .app-well-app.running .overview-icon { border-image: url("common-assets/dash/button-running-bottom.svg") 5 5 5 5; } .bottom #dash .app-well-app.running:hover .overview-icon { border-image: url("common-assets/dash/button-running-hover-bottom.svg") 5 5 5 5; } .bottom #dash .app-well-app.running:active > .overview-icon { border-image: url("common-assets/dash/button-running-active-bottom.svg") 5 5 5 5; } .top #dash .app-well-app:hover .overview-icon { border-image: url("common-assets/dash/button-hover-top.svg") 5 5 5 5; } .top #dash .app-well-app:active .overview-icon { border-image: url("common-assets/dash/button-active-top.svg") 5 5 5 5; } .top #dash .app-well-app.running .overview-icon { border-image: url("common-assets/dash/button-running-top.svg") 5 5 5 5; } .top #dash .app-well-app.running:hover .overview-icon { border-image: url("common-assets/dash/button-running-hover-top.svg") 5 5 5 5; } .top #dash .app-well-app.running:active > .overview-icon { border-image: url("common-assets/dash/button-running-active-top.svg") 5 5 5 5; } .show-apps .overview-icon { background-gradient-direction: none !important; padding: 11px; background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; border: 0px solid; } .show-apps:hover .overview-icon { background-gradient-direction: none !important; background-color: rgba(0, 0, 0, 0.7); color: $selected_bg_color; } .show-apps:active .overview-icon, .show-apps:active .show-apps-icon, .show-apps:checked .overview-icon, .show-apps:checked .show-apps-icon { background-gradient-direction: none !important; color: $selected_fg_color; background-color: $selected_bg_color; box-shadow: none; transition-duration: 0ms; } // // App Vault/Grid // .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; .overview-icon { icon-size: 96px; } } //.app-display { spacing: 20px; } //favorties | all toggle container .app-view-controls { padding-bottom: 32px; } //favorties | all toggle button .app-view-control { padding: 4px 32px; background-gradient-direction: none; @include button(osd); &:hover { @include button(osd-hover); } &:checked { color: $selected_fg_color; background-color: $selected_bg_color; border-color: $selected_bg_color; } &:first-child:ltr, &:last-child:rtl { border-radius: 2px 0 0 2px; border-right-width: 0; } &:last-child:ltr, &:first-child:rtl { border-radius: 0 2px 2px 0; border-left-width: 0;} } // // Icon Tile // .search-provider-icon, .list-search-result { @extend %icon_tile; &:active, &:checked { background-color: transparentize(darken($osd_bg_color,10%),.1); } &:focus, &:selected, &:hover { background-color: transparentize($osd_fg_color,.6); transition-duration: 200ms; } } .app-well-app, .app-well-app.app-folder, .grid-search-result { .overview-icon { @extend %icon_tile; } &:active .overview-icon, &:checked .overview-icon { background-color: transparentize(darken($osd_bg_color,10%),.1); box-shadow: inset 0 0 $selected_bg_color; } &:hover .overview-icon, &:focus .overview-icon, &:selected .overview-icon { background-color: transparentize($osd_fg_color,.6); transition-duration: 0ms; border-image: none; background-image: none; } } .app-well-app.running { > .overview-icon { @extend %reset_style; background: none !important; text-shadow: black 0px 0px; border-image: url("common-assets/dash/button-running-bottom.svg") 5 5 5 5; } &:hover > .overview-icon { @extend %reset_style; border-image: url("common-assets/dash/button-running-hover-bottom.svg") 5 5 5 5; } &:active > .overview-icon, &:checked > .overview-icon { @extend %reset_style; border-image: url("common-assets/dash/button-running-active-bottom.svg") 5 5 5 5; } } %icon_tile { color: $_shell_fg_color; border-radius: 2px; padding: 6px; border: 1px solid transparent; transition-duration: 0ms; text-align: center; } // // Collections // .app-well-app.app-folder { > .overview-icon { background-color: darken($dark_sidebar_bg, 8%); border: 1px solid transparentize(darken($dark_sidebar_bg, 25%), 0.5); } &:hover > .overview-icon { background-color: lighten($dark_sidebar_bg, 3%); } &:active > .overview-icon, &:checked > .overview-icon { color: $selected_fg_color; background-color: $selected_bg_color; box-shadow: none; } &:focus > .overview-icon { background-color: $selected_bg_color; } } .app-folder-popup { //expanded collection -arrow-border-radius: 2px; -arrow-background-color: darken($dark_sidebar_bg, 8%); -arrow-border-color: transparentize(darken($dark_sidebar_bg, 25%), 0.5); -arrow-border-width: 1px; -arrow-base: 5; -arrow-rise: 5; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; .page-indicator-icon { width: 18px; height: 18px; background-image: url(common-assets/misc/page-indicator-inactive.svg); } &:hover .page-indicator-icon { background-image: url(common-assets/misc/page-indicator-hover.svg); } &:active .page-indicator-icon { background-image: url(common-assets/misc/page-indicator-active.svg); } &:checked .page-indicator-icon, &:checked:active { background-image: url(common-assets/misc/page-indicator-checked.svg); } } .no-frequent-applications-label { @extend %status_text; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } // // Workspace pager // .workspace-thumbnails, .workspace-thumbnails-left { &, &:rtl { visible-width: 40px; //amount visible before hover spacing: 11px; padding: 12px; } } .workspace-thumbnails, .workspace-thumbnails-left:rtl { padding-right: 7px; border-image: url("common-assets/dash/dash-right.svg") 9 9 9 9; } .workspace-thumbnails:rtl, .workspace-thumbnails-left { padding-left: 7px; border-image: url("common-assets/dash/dash-left.svg") 9 9 9 9; } .workspace-thumbnail-indicator { border: 4px solid transparentize($selected_bg_color, 0.2); border-radius: 1px; padding: 1px; } //Some hacks I don't even .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { // horizontal padding to make sure scrollbars or dash don't overlap content padding: 0px 88px 10px 88px; } %status_text { font-size: 2em; font-weight: bold; color: $fg_color; } // // Notifications & Message Tray // #message-tray { background: opacify($osd_bg_color, 1); background-repeat: repeat; height: 72px; border: solid transparentize(black, 0.4); border-width: 0; border-top-width: 1px; } .message-tray { &-summary { height: 72px; } &-menu-button { StIcon { padding: 0 20px; color: transparentize($osd_fg_color, 0.4); icon-size: 24px; } &:hover StIcon, &:active StIcon, &:focus StIcon { color: $osd_fg_color; } } } .no-messages-label { color: transparentize($osd_fg_color, 0.5); } .summary-boxpointer { -arrow-border-radius: 3px; -arrow-background-color: rgba(0,0,0,0.0); -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 0; color: $fg_color; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; padding: 7px; .notification { border-radius: 3px; background: none !important; border-image: none; padding-bottom: 12px; } #summary-right-click-menu { color: $osd_fg_color; padding-top: 12px; padding-bottom: 12px; .popup-menu-item:active { color: $selected_fg_color; background-color: $selected_bg_color; } } &-stack-scrollview { max-height: 18em; padding-top: 8px; padding-bottom: 8px; &:ltr { padding-right: 8px; } &:rtl { padding-left: 8px; } } } .summary-source { border-radius: 4px; padding: 0 6px 0 6px; transition-duration: 100ms; &-counter { background-image: url("common-assets/misc/summary-counter.svg"); background-size: 26px; color: $selected_fg_color; font-size: 10pt; font-weight: bold; height: 2.4em; width: 2.4em; -shell-counter-overlap-x: 8px; -shell-counter-overlap-y: 8px; } &-button { border-radius: 2px; padding: 6px 3px 6px 3px; &:last-child:ltr { padding-right: 6px; } &:last-child:rtl { padding-left: 6px; } .summary-source { @include button(osd) }; &:hover .summary-source { @include button(osd-hover) } &:focus .summary-source, &:selected .summary-source { @include button(osd-active); } } } //Notifications .url-highlighter { link-color: $link_color; } .notification, #notification-container { width: 34em; } .notification { font-size: 1em; color: $osd_fg_color; padding: 12px 12px 12px 12px; spacing-rows: 4px; spacing-columns: 10px; border-image: url("common-assets/misc/notification.svg") 9 9 9 9; &.multi-line-notification { padding-bottom: 12px; } &-unexpanded { min-height: 40px; // We want to force the actor at a specific size, irrespective height: 40px; // of its minimum and preferred size, so we override both } &-with-image { min-height: 159px; } &-scrollview { max-height: 10em; -st-vfade-offset: 0px; &:ltr > StScrollBar { padding-left: 6px; } &:rtl > StScrollBar { padding-right: 6px; } } &-body { spacing: 5px; } &-actions { padding-top: 12px; spacing: 10px; } &-button { -st-natural-width: 140px; padding: 4px 4px 5px; background-gradient-direction: none; @extend %osd_button; &:focus { -st-natural-width: 140px; padding: 4px 4px 5px; } } &-icon-button { border-radius: 5px; padding: 5px; background-gradient-direction: none; @extend %osd_button; &:focus { padding: 5px; } > StIcon { icon-size: 16px; padding: 8px; } } StEntry { padding: 7px; caret-color: $osd_fg_color; @include entry(osd); &:focus { @include entry(osd-focus); } } } .secondary-icon { icon-size: 1.09em; } // Chat Bubbles .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: $osd_fg_color; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; &:rtl { padding-left: 0px; padding-right: 4px; } } StEntry.chat-response { padding: 7px; @include entry(osd); &:focus { @include entry(osd-focus); } } .chat-sent { padding-left: 18pt; color: $selected_bg_color; &:rtl { padding-left: 0; padding-right: 18pt; } } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: transparentize($osd_fg_color, 0.4); &:rtl { padding-left: 0; padding-right: 4px; } } .subscription-message { font-style: italic; } // Hotplug .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; @extend %osd_button; &:focus { padding: 2px 10px; } } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 2px 0 0 2px; background-gradient-direction: none; @extend %osd_button; } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 0 2px 2px 0; color: $osd_fg_color; border-left: none; } // Magnifier .magnifier-zoom-region { border: 2px solid $selected_bg_color; &.full-screen { border-width: 0; } } // // On-Screen Keyboard // #keyboard { background-color: $osd_bg_color; border-width: 0; border-top-width: 1px; border-color: transparentize(black, 0.8); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 2em; min-width: 2em; font-size: 14pt; font-weight: bold; border-radius: 3px; box-shadow: none; background-gradient-direction: none; @include button(osd); &:hover { @include button(osd-hover); } &:active, &:checked { @include button(osd-active); } &:grayed { @include button(osd-insensitive); } } .keyboard-subkeys { //long press on a key popup color: $osd_fg_color; padding: 5px; -arrow-border-radius: 2px; -arrow-background-color: $osd_bg_color; -arrow-border-width: 1px; -arrow-border-color: transparentize(black, 0.6);; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 5px; } // // IBus Candidate Popup // .candidate-popup-content { padding: 0.5em; spacing: 0.3em; color: $osd_fg_color; font-size: 1.15em; } .candidate-index { padding: 0 0.5em 0 0; color: lighten($osd_fg_color, 10%); } .candidate-box { padding: 0.3em 0.5em 0.3em 0.5em; border-radius: 2px; color: $osd_fg_color; &:selected,&:hover { background-color: $selected_bg_color; color: $selected_fg_color; } } .candidate-page-button-box { height: 2em; .vertical & { padding-top: 0.5em; } .horizontal & { padding-left: 0.5em; } } .candidate-page-button { padding: 4px; } .candidate-page-button-previous { border-radius: 2px 0px 0px 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 0px 2px 2px 0px; } .candidate-page-button-icon { icon-size: 1em; } // // Auth Dialogs & Screen Shield // .framed-user-icon { background-size: contain; border: 0px solid transparent; color: $fg_color; border-radius: 2px; &:hover { border-color: transparent; color: lighten($osd_fg_color,30%); } } // // Login Dialog // .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { //reset border: none; background-color: transparent; .modal-dialog-button-box { spacing: 3px; } .modal-dialog-button { padding: 3px 18px; &:default { @include button(normal); &:hover,&:focus { @include button(hover); } &:active { @include button(active); } &:insensitive { @include button(insensitive); } } } } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: darken($osd_fg_color,10%); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: $warning_color; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; .login-dialog-not-listed-label { padding-left: 2px; .login-dialog-not-listed-button:focus &, .login-dialog-not-listed-button:hover & { color: $osd_fg_color; } } } .login-dialog-not-listed-label { font-size: 90%; font-weight: bold; color: darken($osd_fg_color,30%); padding-top: 1em; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; &:expanded .login-dialog-user-list-item:focus { background-color: $selected_bg_color; color: $selected_fg_color; } &:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $selected_bg_color; } } .login-dialog-user-list-item { border-radius: 5px; padding: .2em; color: darken($osd_fg_color,30%); &:ltr { padding-right: 1em; } &:rtl { padding-left: 1em; } &:hover { background-color: $selected_bg_color; color: $selected_fg_color; } .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: $osd_fg_color; } &:focus .login-dialog-timed-login-indicator { background-color: $selected_fg_color; } } .login-dialog-username, .user-widget-label { color: $osd_fg_color; font-size: 120%; font-weight: bold; text-align: left; padding-left: 15px; } .user-widget-label { &:ltr { padding-left: 18px; } &:rtl { padding-right: 18px; } } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: darken($osd_fg_color, 20%); font-size: 110%; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: darken($osd_fg_color,30%); &:hover,&:focus { color: $osd_fg_color; } &:active { color: darken($osd_fg_color, 50%); } } // // Screen Shield // .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1px rgba(0,0,0,0.4); } .screen-shield-clock { color: white; text-shadow: 0px 1px 2px rgba(0,0,0,0.6); font-weight: bold; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 72pt; text-shadow: 0px 2px 2px rgba(0,0,0,0.4); } .screen-shield-clock-date { font-size: 28pt; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .notification, .screen-shield-notification-source { padding: 12px 6px; border: 1px solid $_bubble_borders_color; background-color: transparentize($osd_bg_color,0.5); color: $_bubble_fg_color; border-radius: 4px; } .notification { margin-right: 15px; } //compensate for space allocated to the scrollbar } .screen-shield-notification-label { font-weight: bold; padding: 0px 0px 0px 12px; } .screen-shield-notification-count-text { padding: 0px 0px 0px 12px; } #panel.lock-screen { background-color: transparentize($_bubble_bg_color, 0.5); } .screen-shield-background { //just the shadow, really background: black; box-shadow: 0px 2px 4px transparentize(black,0.6); } #lockDialogGroup { background: #2e3436 url(misc/noise-texture.png); background-repeat: repeat; } #screenShieldNotifications { StButton#vhandle, StButton#hhandle { background-color: transparentize($bg_color,0.7); &:hover, &:focus { background-color: transparentize($bg_color,0.5); } &:active { background-color: transparentize($selected_bg_color,0.5); } } } // // Looking Glass // #LookingGlassDialog { spacing: 4px; padding: 8px 8px 10px 8px; background-color: transparentize(black, 0.3); border: 1px solid black; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 2px; color: $osd_fg_color; & > #Toolbar { padding: 3px; border: none; background-color: transparent; border-radius: 0px; } .labels { spacing: 4px; } .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: $osd_fg_color; transition-duration: 100ms; padding-left: .3em; padding-right: .3em; &:hover { color: $_shell_fg_color; text-shadow: black 0px 2px 2px; } &:selected { border-bottom-width: 0px; color: $selected_bg_color; text-shadow: black 0px 2px 2px; } } StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } StBoxLayout#ResultsArea { spacing: 4px; } } .lg-dialog { StEntry { selection-background-color: $selected_bg_color; selected-color: $selected_fg_color; @include entry(osd); &:focus { @include entry(osd-focus); } } .shell-link { color: $link_color; &:hover { color: lighten($link_color,10%); } } } .lg-completions-text { font-size: .9em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { border: 1px solid gray; padding: 4px; border-radius: 4px; &:hover { border: 1px solid #ffffff; } } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: 1px solid $osd_borders_color; border-radius: 2px; background-color: $osd_bg_color; padding: 4px; } .lg-extension-name { font-weight: bold; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: transparentize(black, 0.3); border: 1px solid grey; border-radius: 2px; padding: 6px; } ================================================ FILE: common/gnome-shell/3.14/sass/_drawing.scss ================================================ // Drawing mixins // generic drawing of more complex things // provide font size in rem, with px fallback @mixin fontsize($size: 24, $base: 16) { font-size: round($size) + pt; //font-size: ($size / $base) * 1rem; } // Entries @mixin entry($t, $dark:false) { // // Entries drawing function // //@extend %reset_style; @if $t==normal { color: $text_color; background-color: $entry_bg; border: 1px solid $entry_border; box-shadow: inset 0 2px 4px transparentize($entry_bg, 0.95); } @if $t==focus { color: $fg_color; background-color: $entry_bg; border: 1px solid $selected_bg_color; box-shadow: inset 0 2px 4px transparentize($entry_bg, 0.95); } @if $t==insensitive { color: $insensitive_fg_color; background-color: mix($entry_bg, $bg_color, 55%); border-color: 1px solid mix($entry_border, $bg_color, 55%); box-shadow: inset 0 2px 4px transparentize(mix($entry_bg, $bg_color, 55%), 0.95); } @if $t==osd { color: $osd_fg_color; background-color: $osd_entry_bg; border: 1px solid $osd_entry_border; box-shadow: inset 0 2px 4px transparentize(black, 0.95); } @if $t==osd-focus { color: $selected_fg_color; background-color: $selected_bg_color; border: 1px solid $selected_bg_color; box-shadow: inset 0 2px 4px transparentize(black, 0.95); } @if $t==osd-insensitive { color: transparentize($osd_fg_color, 0.45); background-color: transparentize($osd_entry_bg, 0.15); border: 1px solid $osd_entry_border; box-shadow: inset 0 2px 4px transparentize(black, 0.95); } } // Buttons @mixin button($t) { // // Button drawing function // //@extend %reset_style; text-shadow: 0 1px transparentize($base_color, 1); @if $t==normal { // // normal button // color: $fg_color; background-color: $button_bg; border: 1px solid $button_border; box-shadow: inset 0 2px 4px transparentize($button_bg, 0.95); } @else if $t==focus { // // focused button // color: $fg_color; background-color: $button_bg; border: 1px solid $selected_bg_color; box-shadow: inset 0 2px 4px transparentize($button_bg, 0.95); } @else if $t==focus-hover { // // focused button // color: $fg_color; background-color: $button_bg; border: 1px solid $selected_bg_color; box-shadow: inset 0 2px 4px transparentize($button_bg, 0.95); } @else if $t==hover { // // hovered button // color: $fg_color; background-color: lighten($button_bg, 5%); border: 1px solid $button_border; box-shadow: inset 0 2px 4px transparentize(lighten($button_bg, 5%), 0.95); } @else if $t==active { // // pushed button // color: $selected_fg_color; background-color: $selected_bg_color; border: 1px solid $selected_bg_color; box-shadow: inset 0 1px transparentize($selected_bg_color, 0.95); } @else if $t==insensitive { // // insensitive button // color: $insensitive_fg_color; border: 1px solid transparentize($button_border, 0.45); background-color: transparentize($button_bg, 0.45); box-shadow: inset 0 2px 4px transparentize($button_bg, 0.95); } @else if $t==osd { // // normal osd button // color: $osd_fg_color; border: 1px solid darken($osd_button_border, 12%); background-color: $osd_button_bg; } @else if $t==osd-hover { // // active osd button // color: $osd_fg_color; border: 1px solid darken($osd_button_border, 22%); background-color: opacify(lighten($osd_button_bg, 7%), 0.1); } @else if $t==osd-active { // // active osd button // color: $selected_fg_color; border: 1px solid $selected_bg_color; background-color: $selected_bg_color; } @else if $t==osd-insensitive { // // insensitive osd button // color: $osd_insensitive_fg_color; border: 1px solid darken($osd_button_border, 12%); background-color: transparentize($osd_button_bg, 0.15); } } ================================================ FILE: common/gnome-shell/3.14/sass/gnome-shell-dark.scss ================================================ $variant: 'dark'; $transparency: 'true'; $darker: 'false'; @import "_colors"; //use gtk colors @import "_drawing"; @import "_common"; ================================================ FILE: common/gnome-shell/3.14/sass/gnome-shell.scss ================================================ $variant: 'light'; $transparency: 'true'; $darker: 'false'; @import "_colors"; //use gtk colors @import "_drawing"; @import "_common"; ================================================ FILE: common/gnome-shell/3.16/gnome-shell-dark.css ================================================ /* 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 { font-family: Futura Bk bt, Cantarell, Sans-Serif; font-size: 9pt; color: #D3DAE3; } .button { min-height: 20px; padding: 5px 32px; transition-duration: 0; border-radius: 2px; } .button, .notification-banner .notification-button, .notification-banner:hover .notification-button, .notification-banner:focus .notification-button, .hotplug-notification-item { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #444a58; border: 1px solid #2b2e39; box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); } .button:focus, .notification-banner .notification-button:focus, .hotplug-notification-item:focus { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #444a58; border: 1px solid #5294e2; box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); } .button:hover, .notification-banner .notification-button:hover, .hotplug-notification-item:hover { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #505666; border: 1px solid #2b2e39; box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); } .button:hover:focus, .notification-banner .notification-button:hover:focus, .hotplug-notification-item:hover:focus { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #444a58; border: 1px solid #5294e2; box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); } .button:active, .notification-banner .notification-button:active, .hotplug-notification-item:active, .button:active:focus, .notification-banner .notification-button:active:focus, .hotplug-notification-item:active:focus { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #2b2e39; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive { text-shadow: 0 1px rgba(64, 69, 82, 0); color: rgba(211, 218, 227, 0.45); border: 1px solid rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); } .modal-dialog-button-box .button { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .modal-dialog-button-box .button:hover { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .modal-dialog-button-box .button:focus { color: #5294e2; } .modal-dialog-button-box .button:active { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #ffffff; border: 1px solid rgba(26, 28, 34, 0.35); background-color: #5294e2; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .modal-dialog-button-box .button:insensitive { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #5d626e; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } StEntry { padding: 7px; caret-size: 1px; selection-background-color: #5294e2; selected-color: #ffffff; transition-duration: 300ms; border-radius: 3px; color: #D3DAE3; background-color: #404552; border: 1px solid #2b2e39; box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); } StEntry:focus, StEntry:hover { color: #D3DAE3; background-color: #404552; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); } StEntry:insensitive { color: rgba(211, 218, 227, 0.45); background-color: #3c414e; border-color: 1px solid #313440; box-shadow: inset 0 2px 4px rgba(60, 65, 78, 0.05); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #F27835; padding: 0 4px; } StScrollView.vfade { -st-vfade-offset: 0px; } StScrollView.hfade { -st-hfade-offset: 0px; } StScrollBar { padding: 8px; } StScrollView StScrollBar { min-width: 5px; min-height: 5px; } StScrollBar StBin#trough { background-color: rgba(64, 69, 82, 0.1); border-radius: 8px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 4px; background-color: #767b87; border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #676b78; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #5294e2; } .slider { -slider-height: 4px; -slider-background-color: #2b2e39; -slider-border-color: transparent; -slider-active-background-color: #5294e2; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 0px; height: 18px; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; color: transparent; } .popup-menu-item.selected .slider { -slider-background-color: rgba(0, 0, 0, 0.2); -slider-active-background-color: #ffffff; } .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 16px; height: 16px; background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); } .check-box:focus StBin { background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } .check-box:checked StBin { background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } .check-box:focus:checked StBin { background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); } .toggle-switch { width: 50px; height: 20px; background-size: contain; background-image: url("dark-assets/switch/switch-off.svg"); } .toggle-switch:checked { background-image: url("dark-assets/switch/switch-on.svg"); } .popup-menu-item.selected .toggle-switch { background-image: url("common-assets/switch/switch-off-selected.svg"); } .popup-menu-item.selected .toggle-switch:checked { background-image: url("common-assets/switch/switch-on-selected.svg"); } .shell-link { color: #a9caf1; } .shell-link:hover { color: #d5e5f8; } .headline { font-size: 110%; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { color: #D3DAE3; background-color: rgba(56, 60, 74, 0); border: none; border-image: url("dark-assets/misc/modal.svg") 9 9 9 67; padding: 0 5px 6px 5px; } .modal-dialog > StBoxLayout:first-child { padding: 20px 10px 10px 10px; } .modal-dialog-button-box { spacing: 0; margin: 0px; padding: 14px 10px; background: none; border: none; border-image: url("dark-assets/misc/button-box.svg") 9 9 9 9; } .modal-dialog-button-box .button { padding-top: 0; padding-bottom: 0; height: 30px; } .modal-dialog .run-dialog-entry { width: 21em; } .modal-dialog .run-dialog-error-box { padding-top: 5px; spacing: 5px; } .modal-dialog .run-dialog-label { font-size: 0; } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { font-size: 11pt; font-weight: bold; color: #D3DAE3; } .end-session-dialog { spacing: 42px; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #F27835; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border: 0px solid transparent; border-radius: 2px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: #D3DAE3; width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 10px; padding-left: 10px; } .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: #e3e7ed; font-size: 8pt; } .end-session-dialog .button:last-child { color: white; background-color: #F04A50; border-color: #F04A50; } .end-session-dialog .button:last-child:hover { color: white; background-color: #f47479; border-color: #f47479; } .end-session-dialog .button:last-child:active { color: white; background-color: #ee3239; border-color: #ee3239; } .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .mount-question-dialog-subject { max-width: 500px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { font-size: 10pt; max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: #b4c0cf; } .show-processes-dialog-app-list-item:hover { color: #D3DAE3; } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 10pt; } .prompt-dialog { width: 500px; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { font-size: 12pt; font-weight: bold; color: #D3DAE3; } .prompt-dialog-descritption:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 9pt; color: #FC4138; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 9pt; padding-bottom: 8px; } .prompt-dialog-null-label { font-size: 9pt; padding-bottom: 8px; } .hidden { color: transparent; } .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #F27835; } .polkit-dialog-user-user-icon { border-radius: 2px; background-size: contain; width: 48px; height: 48px; } .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } .popup-menu { min-width: 200px; color: #D3DAE3; border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; } .popup-menu .popup-sub-menu { background: none; box-shadow: none; border-image: url("dark-assets/menu/submenu.svg") 9 9 9 9; } .popup-menu .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu .popup-menu-item { spacing: 12px; } .popup-menu .popup-menu-item:ltr { padding: .4em 3em .4em 0em; } .popup-menu .popup-menu-item:rtl { padding: .4em 0em .4em 3em; } .popup-menu .popup-menu-item:checked { font-weight: normal; background: none; box-shadow: none; border-image: url("dark-assets/menu/submenu-open.svg") 9 9 9 9; } .popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected { color: #ffffff; background-color: transparent; border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } .popup-menu .popup-menu-item:insensitive { color: rgba(211, 218, 227, 0.5); background: none; } .popup-menu .popup-inactive-menu-item { color: #D3DAE3; } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(211, 218, 227, 0.45); } .popup-menu.panel-menu { -boxpointer-gap: 0px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; margin-left: 10px; width: 16px; } .popup-menu-boxpointer { -arrow-border-radius: 2px; -arrow-background-color: transparent; -arrow-border-width: 1px; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; } .candidate-popup-boxpointer { -arrow-border-radius: 2px; -arrow-background-color: rgba(53, 57, 69, 0.95); -arrow-border-width: 1px; -arrow-border-color: rgba(0, 0, 0, 0.4); -arrow-base: 5; -arrow-rise: 5; } .popup-separator-menu-item { height: 2px; margin: 0; background-color: transparent; border: none; border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0px; } .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; margin: 32px; min-width: 64px; min-height: 64px; color: white; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } .osd-window .osd-monitor-label { font-size: 3em; } .osd-window .level { padding: 0; height: 4px; background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; color: #5294e2; } .resize-popup { color: #BAC3CF; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; padding: 12px; } .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list { background: none; border: none; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; border: 1px solid transparent; } .switcher-list .item-box:outlined { padding: 8px; border: 1px solid #5294e2; } .switcher-list .item-box:selected { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(211, 218, 227, 0.33); } .switcher-arrow { border-color: transparent; color: #BAC3CF; } .switcher-arrow:highlighted { color: white; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .workspace-switcher-group { padding: 12px; } .workspace-switcher-container { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; padding-bottom: 24px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 30px; background-color: #5294e2; background-size: 96px; border-radius: 2px; border: 1px solid #5294e2; } .ws-switcher-active-up { background-image: url("common-assets/misc/ws-switch-arrow-up.png"); } .ws-switcher-active-down { background-image: url("common-assets/misc/ws-switch-arrow-down.png"); } .ws-switcher-box { height: 96px; background-color: rgba(0, 0, 0, 0.33); border-color: rgba(0, 0, 0, 0.33); border-radius: 2px; } .tile-preview { background-color: rgba(82, 148, 226, 0.35); border: 1px solid #5294e2; } .tile-preview-left.on-primary { border-radius: 0px 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0px 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0px 0px 0 0; } #panel { font-weight: bold; height: 2.1em; min-height: 27px; background-gradient-direction: none; background-color: transparent; border-bottom-width: 0; border-image: url("common-assets/panel/panel.svg") 1 1 1 1; } #panel.dynamic-top-bar-white-btn { border-image: none; } #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; border-image: none; } #panel:overview { border-image: url("common-assets/panel/panel-overview.svg") 1 1 1 1; } #panel #panelLeft, #panel #panelCenter { spacing: 8px; } #panel .panel-corner { -panel-corner-radius: 0px; -panel-corner-background-color: transparent; -panel-corner-border-width: 0px; -panel-corner-border-color: black; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: black; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-cornerunlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 10px; -minimum-hpadding: 6px; font-weight: bold; color: white; transition-duration: 100ms; border-bottom-width: 1px; border-color: transparent; } #panel .panel-button .app-menu-icon { width: 0; height: 0; margin-left: 0px; margin-right: 0px; } #panel .panel-button:hover { color: white; background-color: rgba(0, 0, 0, 0.17); border-bottom-width: 1px; border-color: transparent; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { color: #ffffff; background-color: #5294e2; box-shadow: none; border-bottom-width: 1px; border-color: black; } #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; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: #f2f4f7; } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #f2f4f7; } #panel #panelActivities.panel-button { -natural-hpadding: 12px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .screencast-indicator { color: #FC4138; } #panel .clock-display > * > *:last-child { color: #5294e2; margin-left: .3em; } #panel .popup-menu-arrow { width: 0; } #panel #panelActivities.panel-button > * { background-image: url("common-assets/panel/activities.svg"); background-position: center top; width: 24px; height: 24px; background-color: transparent !important; background-gradient-direction: none !important; border: 0 solid transparent !important; text-shadow: 0 0 transparent !important; transition-duration: 0ms !important; box-shadow: none !important; color: transparent; } #panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { background-color: transparent; box-shadow: none; border-bottom-width: 1px; border-color: transparent; } #panel #panelActivities.panel-button:active > *, #panel #panelActivities.panel-button:overview > *, #panel #panelActivities.panel-button:focus > *, #panel #panelActivities.panel-button:checked > * { background-image: url("common-assets/panel/activities-active.svg"); } .system-switch-user-submenu-icon { icon-size: 24px; border: 1px solid rgba(211, 218, 227, 0.4); } #appMenu { spinner-image: url("common-assets/misc/process-working.svg"); spacing: 4px; padding: 0 8px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { width: 360px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .system-menu-action { padding: 13px; color: #D3DAE3; border-radius: 32px; /* wish we could do 50% */ border: 1px solid transparent; } .system-menu-action:hover, .system-menu-action:focus { transition-duration: 100ms; padding: 13px; color: #D3DAE3; background-color: transparent; border: 1px solid #5294e2; } .system-menu-action:active { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; } .system-menu-action > StIcon { icon-size: 16px; } #calendarArea { padding: 0.75em 1.0em; } .calendar { margin-bottom: 1em; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 1.5em; } .datemenu-calendar-column { spacing: 0.5em; } .datemenu-displays-section { padding-bottom: 3em; } .datemenu-today-button, .world-clocks-button, .message-list-section-title { border-radius: 3px; padding: .4em; } .message-list-section-list:ltr { padding-left: .4em; } .message-list-section-list:rtl { padding-right: .4em; } .datemenu-today-button, .world-clocks-button, .message-list-section-title { padding: 7px 10px 7px 10px; border: 1px solid rgba(64, 69, 82, 0); } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .message-list-section-title:hover, .message-list-section-title:focus { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #505666; border: 1px solid #2b2e39; box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); } .datemenu-today-button:active, .world-clocks-button:active, .message-list-section-title:active { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #2b2e39; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .datemenu-today-button .date-label { font-size: 1.5em; } .world-clocks-header, .message-list-section-title { color: rgba(211, 218, 227, 0.4); font-weight: bold; } .world-clocks-button:active .world-clocks-header { color: #ffffff; } .world-clocks-grid { spacing-rows: 0.4em; } .calendar-month-label { color: #D3DAE3; font-weight: bold; padding: 8px 0; } .pager-button { color: transparent; background-color: transparent; width: 32px; border-radius: 2px; } .pager-button:focus, .pager-button:hover, .pager-button:active { background-color: transparent; } .calendar-change-month-back { background-image: url("dark-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:focus, .calendar-change-month-back:hover { background-image: url("dark-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-back:active { background-image: url("dark-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("dark-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { background-image: url("dark-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-back:rtl:active { background-image: url("dark-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("dark-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { background-image: url("dark-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-forward:active { background-image: url("dark-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("dark-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { background-image: url("dark-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-forward:rtl:active { background-image: url("dark-assets/misc/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 80%; text-align: center; width: 25px; height: 25px; padding: 0.1em; margin: 2px; border-radius: 12.5px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.1); } .calendar-day-base:active { color: #D3DAE3; background-color: rgba(0, 0, 0, 0.15); border-width: 0; } .calendar-day-base.calendar-day-heading { color: rgba(211, 218, 227, 0.85); margin-top: 1em; font-size: 70%; } .calendar-day { border-width: 0; color: rgba(211, 218, 227, 0.8); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #D3DAE3; font-weight: bold; } .calendar-today, .calendar-today:active, .calendar-today:focus, .calendar-today:hover { font-weight: bold; color: #ffffff; background-color: #5294e2; border-width: 0; } .calendar-day-with-events { color: #5294e2; font-weight: bold; } .calendar-today.calendar-day-with-events { color: #ffffff; } .calendar-other-month-day { color: rgba(211, 218, 227, 0.3); opacity: 1; } .message-list { width: 420px; } .message-list-sections { spacing: 1.5em; } .message-list-section, .message-list-section-list { spacing: 0.7em; } .message-list-section-list-title-box { spacing: 0.4em; } .message-list-placeholder StIcon { width: 0; height: 0; } .message-list-placeholder StLabel { color: rgba(211, 218, 227, 0.45); } .message-list-section-close > StIcon { icon-size: 18px; border-radius: 0px; color: transparent; background-color: transparent; background-image: url("dark-assets/misc/message-close.svg"); } .message-list-section-close:hover > StIcon { color: transparent; background-color: transparent; background-image: url("dark-assets/misc/message-close-hover.svg"); } .message-list-section-close:active > StIcon { color: transparent; background-color: transparent; background-image: url("dark-assets/misc/message-close-active.svg"); } .message { padding: 4px; color: #D3DAE3; border-image: url("dark-assets/misc/message.svg") 9 9 9 9; } .message:hover, .message:focus { color: #D3DAE3; border-image: url("dark-assets/misc/message-hover.svg") 9 9 9 9; } .message:active { color: #ffffff; border-image: url("dark-assets/misc/message-active.svg") 9 9 9 9; } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { icon-size: 48px; } .message-secondary-bin { color: rgba(211, 218, 227, 0.4); } .message-secondary-bin > StIcon { icon-size: 16px; } .message-title { font-weight: bold; padding: 2px 0 2px 0; } .message-content { padding: 8px; } .ripple-box { width: 52px; height: 52px; background-image: url("common-assets/misc/corner-ripple-ltr.svg"); background-size: contain; } .ripple-box:rtl { background-image: url("common-assets/misc/corner-ripple-rtl.svg"); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .window-close { background-image: url("common-assets/misc/close.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close:hover { background-image: url("common-assets/misc/close-hover.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close:active { background-image: url("common-assets/misc/close-active.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close { -shell-close-overlap: 11px; } .nm-dialog { max-height: 500px; min-height: 450px; min-width: 470px; } .nm-dialog-content { spacing: 20px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-size: 1.1em; font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: #D3DAE3; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: 1px solid #2b2e39; border-radius: 2px; background-color: #404552; } .nm-dialog-header { font-weight: bold; font-size: 1.2em; } .nm-dialog-item { font-size: 1em; border-bottom: 0px solid; padding: 12px; spacing: 0px; } .nm-dialog-item:selected { background-color: #5294e2; color: #ffffff; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(211, 218, 227, 0.45); } .no-networks-box { spacing: 12px; } #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; } .window-picker.external-monitor { padding: 32px; } .window-clone-border { border: 3px solid rgba(82, 148, 226, 0.8); border-radius: 4px; box-shadow: inset 0px 0px 0px 1px rgba(82, 148, 226, 0); } .window-caption, .window-caption:hover { spacing: 25px; color: #BAC3CF; background-color: rgba(0, 0, 0, 0.7); border-radius: 2px; padding: 4px 12px; -shell-caption-spacing: 12px; } .search-entry { width: 320px; padding: 7px 9px; border-radius: 20px; border: 1px solid rgba(0, 0, 0, 0.25); background-color: rgba(64, 69, 82, 0.9); } .search-entry:focus { padding: 7px 9px; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: #D3DAE3; } .search-entry:hover, .search-entry:focus { color: #ffffff; caret-color: #ffffff; background-color: #5294e2; selection-background-color: #ffffff; selected-color: #5294e2; } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #ffffff; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { background-color: rgba(255, 255, 255, 0.2); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 1.5em; color: white; } .list-search-result-description { color: #cccccc; } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("common-assets/misc/more-results.svg"); } #dash { font-size: 1em; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); border-color: rgba(0, 0, 0, 0.4); padding: 4px 0; border-radius: 0 3px 3px 0; } #dash:rtl { border-radius: 3px 0 0 3px; } .right #dash, #dash:rtl { padding: 4px 0; } .top #dash, .bottom #dash { padding: 0; } #dash .placeholder { background-image: url("common-assets/dash/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget, .dash-item-container > StWidget:rtl, .right .dash-item-container > StWidget { padding: 4px 8px; } .top .dash-item-container > StWidget, .bottom .dash-item-container > StWidget { padding: 6px; } .dash-label { border-radius: 3px; padding: 4px 12px; color: white; background-color: rgba(0, 0, 0, 0.7); text-align: center; -x-offset: 3px; } .bottom .dash-label, .top .dash-label { -y-offset: 3px; -x-offset: 0; } #dash .app-well-app:hover .overview-icon, .right #dash .app-well-app:hover .overview-icon, .bottom #dash .app-well-app:hover .overview-icon, .top #dash .app-well-app:hover .overview-icon { background-color: #5294e2; } #dash .app-well-app:active .overview-icon, .right #dash .app-well-app:active .overview-icon, .bottom #dash .app-well-app:active .overview-icon, .top #dash .app-well-app:active .overview-icon { box-shadow: none; background-color: #2679db; } #dash .app-well-app-running-dot { width: 11px; height: 2px; margin-bottom: 2px; background-color: #5294e2; } #dashtodockContainer .app-well-app-running-dot { background: none; width: 28px; height: 4px; } #dashtodockContainer .running1 .app-well-app-running-dot { background-image: url("common-assets/dash/running1.svg"); } #dashtodockContainer .running2 .app-well-app-running-dot { background-image: url("common-assets/dash/running2.svg"); } #dashtodockContainer .running3 .app-well-app-running-dot { background-image: url("common-assets/dash/running3.svg"); } #dashtodockContainer .running4 .app-well-app-running-dot { background-image: url("common-assets/dash/running4.svg"); } .show-apps .overview-icon { background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; border: 0px solid; } .show-apps:hover .overview-icon { background-color: rgba(0, 0, 0, 0.7); color: #5294e2; } .show-apps:active .overview-icon, .show-apps:active .show-apps-icon, .show-apps:checked .overview-icon, .show-apps:checked .show-apps-icon { color: #ffffff; background-color: #5294e2; box-shadow: none; transition-duration: 0ms; } .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .app-view-controls { padding-bottom: 32px; } .app-view-control { padding: 4px 32px; text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .app-view-control:hover { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .app-view-control:checked { color: #ffffff; background-color: #5294e2; } .app-view-control:first-child:ltr, .app-view-control:last-child:rtl { border-radius: 2px 0 0 2px; border-right-width: 0; } .app-view-control:last-child:ltr, .app-view-control:first-child:rtl { border-radius: 0 2px 2px 0; border-left-width: 0; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(31, 33, 40, 0.85); } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(186, 195, 207, 0.4); transition-duration: 200ms; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(31, 33, 40, 0.85); box-shadow: inset 0 0 #5294e2; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(186, 195, 207, 0.4); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app-running-dot { width: 20px; height: 2px; margin-bottom: 4px; background-color: #5294e2; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .grid-search-result .overview-icon { color: white; border-radius: 2px; padding: 6px; border: 1px solid transparent; transition-duration: 0ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(35, 38, 46, 0.95); border: 1px solid rgba(0, 0, 0, 0.45); } .app-well-app.app-folder:hover > .overview-icon { background-color: rgba(60, 64, 78, 0.95); } .app-well-app.app-folder:active > .overview-icon, .app-well-app.app-folder:checked > .overview-icon { color: #ffffff; background-color: #5294e2; box-shadow: none; } .app-well-app.app-folder:focus > .overview-icon { background-color: #5294e2; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(35, 38, 46, 0.95); -arrow-border-color: rgba(0, 0, 0, 0.45); -arrow-border-width: 1px; -arrow-base: 5; -arrow-rise: 5; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 18px; height: 18px; background-image: url(common-assets/misc/page-indicator-inactive.svg); } .page-indicator:hover .page-indicator-icon { background-image: url(common-assets/misc/page-indicator-hover.svg); } .page-indicator:active .page-indicator-icon { background-image: url(common-assets/misc/page-indicator-active.svg); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active { background-image: url(common-assets/misc/page-indicator-checked.svg); } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails, .workspace-thumbnails:rtl, .workspace-thumbnails-left, .workspace-thumbnails-left:rtl { visible-width: 40px; spacing: 11px; padding: 12px; } .workspace-thumbnails, .workspace-thumbnails-left:rtl { padding-right: 7px; border-image: url("common-assets/dash/dash-right.svg") 9 9 9 9; } .workspace-thumbnails:rtl, .workspace-thumbnails-left { padding-left: 7px; border-image: url("common-assets/dash/dash-left.svg") 9 9 9 9; } .workspace-thumbnail-indicator { border: 4px solid rgba(82, 148, 226, 0.8); border-radius: 1px; padding: 1px; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .search-statustext, .no-frequent-applications-label { font-size: 2em; font-weight: bold; color: #D3DAE3; } .url-highlighter { link-color: #a9caf1; } .notification-banner, .notification-banner:hover, .notification-banner:focus { font-size: 1em; width: 34em; margin: 5px; padding: 10px; color: #D3DAE3; background-color: transparent; border: 1px solid transparent; border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; } .notification-banner .notification-icon, .notification-banner:hover .notification-icon, .notification-banner:focus .notification-icon { padding: 5px; } .notification-banner .notification-content, .notification-banner:hover .notification-content, .notification-banner:focus .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon, .notification-banner:hover .secondary-icon, .notification-banner:focus .secondary-icon { icon-size: 1.09em; } .notification-banner .notification-actions, .notification-banner:hover .notification-actions, .notification-banner:focus .notification-actions { background-color: transparent; padding: 2px 2px 0 2px; spacing: 3px; } .notification-banner .notification-button, .notification-banner:hover .notification-button, .notification-banner:focus .notification-button { padding: 4px 4px 5px; } .notification-banner .notification-button:first-child, .notification-banner .notification-button:last-child, .notification-banner:hover .notification-button:first-child, .notification-banner:hover .notification-button:last-child, .notification-banner:focus .notification-button:first-child, .notification-banner:focus .notification-button:last-child { border-radius: 2px; } .secondary-icon { icon-size: 1.09em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #D3DAE3; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: #5294e2; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: rgba(211, 218, 227, 0.6); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .subscription-message { font-style: italic; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 2px 10px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 4px; } .hotplug-resident-mount:hover { background-color: rgba(56, 60, 74, 0.3); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 5px; color: pink; } .legacy-tray { background-color: rgba(43, 46, 55, 0.95); } .legacy-tray:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } .legacy-tray:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; } .legacy-tray-handle StIcon, .legacy-tray-icon StIcon { icon-size: 24px; } .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { background-color: rgba(211, 218, 227, 0.1); } .legacy-tray-icon-box { spacing: 12px; } .legacy-tray-icon-box:ltr { padding-left: 12px; } .legacy-tray-icon-box:rtl { padding-right: 12px; } .legacy-tray-icon-box StButton { width: 24px; height: 24px; } .magnifier-zoom-region { border: 2px solid #5294e2; } .magnifier-zoom-region.full-screen { border-width: 0; } #keyboard { background-color: rgba(53, 57, 69, 0.95); border-width: 0; border-top-width: 1px; border-color: rgba(0, 0, 0, 0.2); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 2em; min-width: 2em; font-size: 14pt; font-weight: bold; border-radius: 3px; box-shadow: none; text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .keyboard-key:hover { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .keyboard-key:active, .keyboard-key:checked { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #ffffff; border: 1px solid rgba(26, 28, 34, 0.35); background-color: #5294e2; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .keyboard-key:grayed { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #5d626e; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .keyboard-subkeys { color: #BAC3CF; padding: 5px; -arrow-border-radius: 2px; -arrow-background-color: rgba(53, 57, 69, 0.95); -arrow-border-width: 1px; -arrow-border-color: rgba(0, 0, 0, 0.4); -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 5px; } .candidate-popup-content { padding: 0.5em; spacing: 0.3em; color: #BAC3CF; font-size: 1.15em; } .candidate-index { padding: 0 0.5em 0 0; color: #d8dde4; } .candidate-box { padding: 0.3em 0.5em 0.3em 0.5em; border-radius: 2px; color: #BAC3CF; } .candidate-box:selected, .candidate-box:hover { background-color: #5294e2; color: #ffffff; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 0.5em; } .horizontal .candidate-page-button-box { padding-left: 0.5em; } .candidate-page-button { padding: 4px; } .candidate-page-button-previous { border-radius: 2px 0px 0px 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 0px 2px 2px 0px; } .candidate-page-button-icon { icon-size: 1em; } .framed-user-icon { background-size: contain; border: 0px solid transparent; color: #D3DAE3; border-radius: 2px; } .framed-user-icon:hover { border-color: transparent; color: white; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 3px 18px; } .login-dialog .modal-dialog-button:default { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #444a58; border: 1px solid #2b2e39; box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #505666; border: 1px solid #2b2e39; box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); } .login-dialog .modal-dialog-button:default:active { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #2b2e39; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .login-dialog .modal-dialog-button:default:insensitive { text-shadow: 0 1px rgba(64, 69, 82, 0); color: rgba(211, 218, 227, 0.45); border: 1px solid rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #9ca9ba; } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #F27835; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-user-selection-box .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label { color: #BAC3CF; } .login-dialog-not-listed-label { font-size: 90%; font-weight: bold; color: #62758e; padding-top: 1em; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { background-color: #5294e2; color: #ffffff; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #5294e2; } .login-dialog-user-list-item { border-radius: 5px; padding: .2em; color: #62758e; } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: #5294e2; color: #ffffff; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #BAC3CF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #ffffff; } .login-dialog-username, .user-widget-label { color: #BAC3CF; font-size: 120%; font-weight: bold; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: #7e8fa5; font-size: 110%; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: #62758e; } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #BAC3CF; } .login-dialog-session-list-button:active { color: #394351; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } .screen-shield-clock { color: white; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); font-weight: bold; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 72pt; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); } .screen-shield-clock-date { font-size: 28pt; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 12px 6px; border: 1px solid rgba(186, 195, 207, 0.2); background-color: rgba(53, 57, 69, 0.45); color: #BAC3CF; border-radius: 4px; } .screen-shield-notifications-container .notification { margin-right: 15px; } .screen-shield-notification-label { font-weight: bold; padding: 0px 0px 0px 12px; } .screen-shield-notification-count-text { padding: 0px 0px 0px 12px; } #panel.lock-screen { background-color: rgba(53, 57, 69, 0.5); } .screen-shield-background { background: black; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); } #lockDialogGroup { background: #2e3436 url(misc/noise-texture.png); background-repeat: repeat; } #screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle { background-color: rgba(56, 60, 74, 0.3); } #screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus { background-color: rgba(56, 60, 74, 0.5); } #screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active { background-color: rgba(82, 148, 226, 0.5); } #LookingGlassDialog { spacing: 4px; padding: 8px 8px 10px 8px; background-color: rgba(0, 0, 0, 0.7); border: 1px solid black; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 2px; color: #BAC3CF; } #LookingGlassDialog > #Toolbar { padding: 3px; border: none; background-color: transparent; border-radius: 0px; } #LookingGlassDialog .labels { spacing: 4px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: #BAC3CF; transition-duration: 100ms; padding-left: .3em; padding-right: .3em; } #LookingGlassDialog .notebook-tab:hover { color: white; text-shadow: black 0px 2px 2px; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0px; color: #5294e2; text-shadow: black 0px 2px 2px; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #5294e2; selected-color: #ffffff; color: #BAC3CF; background-color: rgba(102, 109, 132, 0.35); border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .lg-dialog StEntry:focus { color: #ffffff; background-color: #5294e2; border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .lg-dialog .shell-link { color: #a9caf1; } .lg-dialog .shell-link:hover { color: #d5e5f8; } .lg-completions-text { font-size: .9em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { border: 1px solid gray; padding: 4px; border-radius: 4px; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 2px; background-color: rgba(53, 57, 69, 0.95); padding: 4px; } .lg-extension-name { font-weight: bold; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(0, 0, 0, 0.7); border: 1px solid grey; border-radius: 2px; padding: 6px; } ================================================ FILE: common/gnome-shell/3.16/gnome-shell.css ================================================ /* 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 { font-family: Futura Bk bt, Cantarell, Sans-Serif; font-size: 9pt; color: #5c616c; } .button { min-height: 20px; padding: 5px 32px; transition-duration: 0; border-radius: 2px; } .button, .notification-banner .notification-button, .notification-banner:hover .notification-button, .notification-banner:focus .notification-button, .hotplug-notification-item { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: #fbfbfc; border: 1px solid #cfd6e6; box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); } .button:focus, .notification-banner .notification-button:focus, .hotplug-notification-item:focus { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: #fbfbfc; border: 1px solid #5294e2; box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); } .button:hover, .notification-banner .notification-button:hover, .hotplug-notification-item:hover { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: white; border: 1px solid #cfd6e6; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } .button:hover:focus, .notification-banner .notification-button:hover:focus, .hotplug-notification-item:hover:focus { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: #fbfbfc; border: 1px solid #5294e2; box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); } .button:active, .notification-banner .notification-button:active, .hotplug-notification-item:active, .button:active:focus, .notification-banner .notification-button:active:focus, .hotplug-notification-item:active:focus { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive { text-shadow: 0 1px rgba(255, 255, 255, 0); color: rgba(92, 97, 108, 0.55); border: 1px solid rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); } .modal-dialog-button-box .button { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .modal-dialog-button-box .button:hover { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .modal-dialog-button-box .button:focus { color: #5294e2; } .modal-dialog-button-box .button:active { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #ffffff; border: 1px solid rgba(26, 28, 34, 0.35); background-color: #5294e2; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .modal-dialog-button-box .button:insensitive { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5d626e; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } StEntry { padding: 7px; caret-size: 1px; selection-background-color: #5294e2; selected-color: #ffffff; transition-duration: 300ms; border-radius: 3px; color: #5c616c; background-color: #ffffff; border: 1px solid #cfd6e6; box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); } StEntry:focus, StEntry:hover { color: #5c616c; background-color: #ffffff; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); } StEntry:insensitive { color: rgba(92, 97, 108, 0.55); background-color: #fbfbfb; border-color: 1px solid #e0e4ee; box-shadow: inset 0 2px 4px rgba(251, 251, 251, 0.05); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #F27835; padding: 0 4px; } StScrollView.vfade { -st-vfade-offset: 0px; } StScrollView.hfade { -st-hfade-offset: 0px; } StScrollBar { padding: 8px; } StScrollView StScrollBar { min-width: 5px; min-height: 5px; } StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.1); border-radius: 8px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 4px; background-color: #b8babf; border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #c7c9cd; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #5294e2; } .slider { -slider-height: 4px; -slider-background-color: #cfd6e6; -slider-border-color: transparent; -slider-active-background-color: #5294e2; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 0px; height: 18px; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; color: transparent; } .popup-menu-item.selected .slider { -slider-background-color: rgba(0, 0, 0, 0.2); -slider-active-background-color: #ffffff; } .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 16px; height: 16px; background-image: url("light-assets/checkbox/checkbox-unchecked.svg"); } .check-box:focus StBin { background-image: url("light-assets/checkbox/checkbox-unchecked-focused.svg"); } .check-box:checked StBin { background-image: url("light-assets/checkbox/checkbox-checked.svg"); } .check-box:focus:checked StBin { background-image: url("light-assets/checkbox/checkbox-checked-focused.svg"); } .toggle-switch { width: 50px; height: 20px; background-size: contain; background-image: url("light-assets/switch/switch-off.svg"); } .toggle-switch:checked { background-image: url("light-assets/switch/switch-on.svg"); } .popup-menu-item.selected .toggle-switch { background-image: url("common-assets/switch/switch-off-selected.svg"); } .popup-menu-item.selected .toggle-switch:checked { background-image: url("common-assets/switch/switch-on-selected.svg"); } .shell-link { color: #2679db; } .shell-link:hover { color: #5294e2; } .headline { font-size: 110%; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { color: #5c616c; background-color: rgba(245, 246, 247, 0); border: none; border-image: url("light-assets/misc/modal.svg") 9 9 9 67; padding: 0 5px 6px 5px; } .modal-dialog > StBoxLayout:first-child { padding: 20px 10px 10px 10px; } .modal-dialog-button-box { spacing: 0; margin: 0px; padding: 14px 10px; background: none; border: none; border-image: url("light-assets/misc/button-box.svg") 9 9 9 9; } .modal-dialog-button-box .button { padding-top: 0; padding-bottom: 0; height: 30px; } .modal-dialog .run-dialog-entry { width: 21em; } .modal-dialog .run-dialog-error-box { padding-top: 5px; spacing: 5px; } .modal-dialog .run-dialog-label { font-size: 0; } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { font-size: 11pt; font-weight: bold; color: #5c616c; } .end-session-dialog { spacing: 42px; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #F27835; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border: 0px solid transparent; border-radius: 2px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: #5c616c; width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 10px; padding-left: 10px; } .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: #686d7a; font-size: 8pt; } .end-session-dialog .button:last-child { color: white; background-color: #F04A50; border-color: #F04A50; } .end-session-dialog .button:last-child:hover { color: white; background-color: #f47479; border-color: #f47479; } .end-session-dialog .button:last-child:active { color: white; background-color: #ee3239; border-color: #ee3239; } .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .mount-question-dialog-subject { max-width: 500px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { font-size: 10pt; max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: #454850; } .show-processes-dialog-app-list-item:hover { color: #5c616c; } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 10pt; } .prompt-dialog { width: 500px; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { font-size: 12pt; font-weight: bold; color: #5c616c; } .prompt-dialog-descritption:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 9pt; color: #FC4138; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 9pt; padding-bottom: 8px; } .prompt-dialog-null-label { font-size: 9pt; padding-bottom: 8px; } .hidden { color: transparent; } .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #F27835; } .polkit-dialog-user-user-icon { border-radius: 2px; background-size: contain; width: 48px; height: 48px; } .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } .popup-menu { min-width: 200px; color: #5c616c; border-image: url("light-assets/menu/menu.svg") 9 9 9 9; } .popup-menu .popup-sub-menu { background: none; box-shadow: none; border-image: url("light-assets/menu/submenu.svg") 9 9 9 9; } .popup-menu .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu .popup-menu-item { spacing: 12px; } .popup-menu .popup-menu-item:ltr { padding: .4em 3em .4em 0em; } .popup-menu .popup-menu-item:rtl { padding: .4em 0em .4em 3em; } .popup-menu .popup-menu-item:checked { font-weight: normal; background: none; box-shadow: none; border-image: url("light-assets/menu/submenu-open.svg") 9 9 9 9; } .popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected { color: #ffffff; background-color: transparent; border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } .popup-menu .popup-menu-item:insensitive { color: rgba(92, 97, 108, 0.5); background: none; } .popup-menu .popup-inactive-menu-item { color: #5c616c; } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(92, 97, 108, 0.55); } .popup-menu.panel-menu { -boxpointer-gap: 0px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; margin-left: 10px; width: 16px; } .popup-menu-boxpointer { -arrow-border-radius: 2px; -arrow-background-color: transparent; -arrow-border-width: 1px; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; } .candidate-popup-boxpointer { -arrow-border-radius: 2px; -arrow-background-color: rgba(53, 57, 69, 0.95); -arrow-border-width: 1px; -arrow-border-color: rgba(0, 0, 0, 0.4); -arrow-base: 5; -arrow-rise: 5; } .popup-separator-menu-item { height: 2px; margin: 0; background-color: transparent; border: none; border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0px; } .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; margin: 32px; min-width: 64px; min-height: 64px; color: white; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } .osd-window .osd-monitor-label { font-size: 3em; } .osd-window .level { padding: 0; height: 4px; background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; color: #5294e2; } .resize-popup { color: #BAC3CF; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; padding: 12px; } .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list { background: none; border: none; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; border: 1px solid transparent; } .switcher-list .item-box:outlined { padding: 8px; border: 1px solid #5294e2; } .switcher-list .item-box:selected { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(92, 97, 108, 0.33); } .switcher-arrow { border-color: transparent; color: #BAC3CF; } .switcher-arrow:highlighted { color: white; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .workspace-switcher-group { padding: 12px; } .workspace-switcher-container { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; padding-bottom: 24px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 30px; background-color: #5294e2; background-size: 96px; border-radius: 2px; border: 1px solid #5294e2; } .ws-switcher-active-up { background-image: url("common-assets/misc/ws-switch-arrow-up.png"); } .ws-switcher-active-down { background-image: url("common-assets/misc/ws-switch-arrow-down.png"); } .ws-switcher-box { height: 96px; background-color: rgba(0, 0, 0, 0.33); border-color: rgba(0, 0, 0, 0.33); border-radius: 2px; } .tile-preview { background-color: rgba(82, 148, 226, 0.35); border: 1px solid #5294e2; } .tile-preview-left.on-primary { border-radius: 0px 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0px 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0px 0px 0 0; } #panel { font-weight: bold; height: 2.1em; min-height: 27px; background-gradient-direction: none; background-color: transparent; border-bottom-width: 0; border-image: url("common-assets/panel/panel.svg") 1 1 1 1; } #panel.dynamic-top-bar-white-btn { border-image: none; } #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; border-image: none; } #panel:overview { border-image: url("common-assets/panel/panel-overview.svg") 1 1 1 1; } #panel #panelLeft, #panel #panelCenter { spacing: 8px; } #panel .panel-corner { -panel-corner-radius: 0px; -panel-corner-background-color: transparent; -panel-corner-border-width: 0px; -panel-corner-border-color: black; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: black; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-cornerunlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 10px; -minimum-hpadding: 6px; font-weight: bold; color: white; transition-duration: 100ms; border-bottom-width: 1px; border-color: transparent; } #panel .panel-button .app-menu-icon { width: 0; height: 0; margin-left: 0px; margin-right: 0px; } #panel .panel-button:hover { color: white; background-color: rgba(0, 0, 0, 0.17); border-bottom-width: 1px; border-color: transparent; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { color: #ffffff; background-color: #5294e2; box-shadow: none; border-bottom-width: 1px; border-color: black; } #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; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: #737a88; } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #737a88; } #panel #panelActivities.panel-button { -natural-hpadding: 12px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .screencast-indicator { color: #FC4138; } #panel .clock-display > * > *:last-child { color: #5294e2; margin-left: .3em; } #panel .popup-menu-arrow { width: 0; } #panel #panelActivities.panel-button > * { background-image: url("common-assets/panel/activities.svg"); background-position: center top; width: 24px; height: 24px; background-color: transparent !important; background-gradient-direction: none !important; border: 0 solid transparent !important; text-shadow: 0 0 transparent !important; transition-duration: 0ms !important; box-shadow: none !important; color: transparent; } #panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { background-color: transparent; box-shadow: none; border-bottom-width: 1px; border-color: transparent; } #panel #panelActivities.panel-button:active > *, #panel #panelActivities.panel-button:overview > *, #panel #panelActivities.panel-button:focus > *, #panel #panelActivities.panel-button:checked > * { background-image: url("common-assets/panel/activities-active.svg"); } .system-switch-user-submenu-icon { icon-size: 24px; border: 1px solid rgba(92, 97, 108, 0.4); } #appMenu { spinner-image: url("common-assets/misc/process-working.svg"); spacing: 4px; padding: 0 8px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { width: 360px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .system-menu-action { padding: 13px; color: #5c616c; border-radius: 32px; /* wish we could do 50% */ border: 1px solid transparent; } .system-menu-action:hover, .system-menu-action:focus { transition-duration: 100ms; padding: 13px; color: #5c616c; background-color: transparent; border: 1px solid #5294e2; } .system-menu-action:active { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; } .system-menu-action > StIcon { icon-size: 16px; } #calendarArea { padding: 0.75em 1.0em; } .calendar { margin-bottom: 1em; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 1.5em; } .datemenu-calendar-column { spacing: 0.5em; } .datemenu-displays-section { padding-bottom: 3em; } .datemenu-today-button, .world-clocks-button, .message-list-section-title { border-radius: 3px; padding: .4em; } .message-list-section-list:ltr { padding-left: .4em; } .message-list-section-list:rtl { padding-right: .4em; } .datemenu-today-button, .world-clocks-button, .message-list-section-title { padding: 7px 10px 7px 10px; border: 1px solid rgba(255, 255, 255, 0); } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .message-list-section-title:hover, .message-list-section-title:focus { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: white; border: 1px solid #cfd6e6; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } .datemenu-today-button:active, .world-clocks-button:active, .message-list-section-title:active { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .datemenu-today-button .date-label { font-size: 1.5em; } .world-clocks-header, .message-list-section-title { color: rgba(92, 97, 108, 0.4); font-weight: bold; } .world-clocks-button:active .world-clocks-header { color: #ffffff; } .world-clocks-grid { spacing-rows: 0.4em; } .calendar-month-label { color: #5c616c; font-weight: bold; padding: 8px 0; } .pager-button { color: transparent; background-color: transparent; width: 32px; border-radius: 2px; } .pager-button:focus, .pager-button:hover, .pager-button:active { background-color: transparent; } .calendar-change-month-back { background-image: url("light-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:focus, .calendar-change-month-back:hover { background-image: url("light-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-back:active { background-image: url("light-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("light-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { background-image: url("light-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-back:rtl:active { background-image: url("light-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("light-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { background-image: url("light-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-forward:active { background-image: url("light-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("light-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { background-image: url("light-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-forward:rtl:active { background-image: url("light-assets/misc/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 80%; text-align: center; width: 25px; height: 25px; padding: 0.1em; margin: 2px; border-radius: 12.5px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.1); } .calendar-day-base:active { color: #5c616c; background-color: rgba(0, 0, 0, 0.15); border-width: 0; } .calendar-day-base.calendar-day-heading { color: rgba(92, 97, 108, 0.85); margin-top: 1em; font-size: 70%; } .calendar-day { border-width: 0; color: rgba(92, 97, 108, 0.8); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #5c616c; font-weight: bold; } .calendar-today, .calendar-today:active, .calendar-today:focus, .calendar-today:hover { font-weight: bold; color: #ffffff; background-color: #5294e2; border-width: 0; } .calendar-day-with-events { color: #5294e2; font-weight: bold; } .calendar-today.calendar-day-with-events { color: #ffffff; } .calendar-other-month-day { color: rgba(92, 97, 108, 0.3); opacity: 1; } .message-list { width: 420px; } .message-list-sections { spacing: 1.5em; } .message-list-section, .message-list-section-list { spacing: 0.7em; } .message-list-section-list-title-box { spacing: 0.4em; } .message-list-placeholder StIcon { width: 0; height: 0; } .message-list-placeholder StLabel { color: rgba(92, 97, 108, 0.55); } .message-list-section-close > StIcon { icon-size: 18px; border-radius: 0px; color: transparent; background-color: transparent; background-image: url("light-assets/misc/message-close.svg"); } .message-list-section-close:hover > StIcon { color: transparent; background-color: transparent; background-image: url("light-assets/misc/message-close-hover.svg"); } .message-list-section-close:active > StIcon { color: transparent; background-color: transparent; background-image: url("light-assets/misc/message-close-active.svg"); } .message { padding: 4px; color: #5c616c; border-image: url("light-assets/misc/message.svg") 9 9 9 9; } .message:hover, .message:focus { color: #5c616c; border-image: url("light-assets/misc/message-hover.svg") 9 9 9 9; } .message:active { color: #ffffff; border-image: url("light-assets/misc/message-active.svg") 9 9 9 9; } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { icon-size: 48px; } .message-secondary-bin { color: rgba(92, 97, 108, 0.4); } .message-secondary-bin > StIcon { icon-size: 16px; } .message-title { font-weight: bold; padding: 2px 0 2px 0; } .message-content { padding: 8px; } .ripple-box { width: 52px; height: 52px; background-image: url("common-assets/misc/corner-ripple-ltr.svg"); background-size: contain; } .ripple-box:rtl { background-image: url("common-assets/misc/corner-ripple-rtl.svg"); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .window-close { background-image: url("common-assets/misc/close.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close:hover { background-image: url("common-assets/misc/close-hover.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close:active { background-image: url("common-assets/misc/close-active.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close { -shell-close-overlap: 11px; } .nm-dialog { max-height: 500px; min-height: 450px; min-width: 470px; } .nm-dialog-content { spacing: 20px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-size: 1.1em; font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: #5c616c; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: 1px solid #dcdfe3; border-radius: 2px; background-color: #ffffff; } .nm-dialog-header { font-weight: bold; font-size: 1.2em; } .nm-dialog-item { font-size: 1em; border-bottom: 0px solid; padding: 12px; spacing: 0px; } .nm-dialog-item:selected { background-color: #5294e2; color: #ffffff; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(92, 97, 108, 0.55); } .no-networks-box { spacing: 12px; } #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; } .window-picker.external-monitor { padding: 32px; } .window-clone-border { border: 3px solid rgba(82, 148, 226, 0.8); border-radius: 4px; box-shadow: inset 0px 0px 0px 1px rgba(82, 148, 226, 0); } .window-caption, .window-caption:hover { spacing: 25px; color: #BAC3CF; background-color: rgba(0, 0, 0, 0.7); border-radius: 2px; padding: 4px 12px; -shell-caption-spacing: 12px; } .search-entry { width: 320px; padding: 7px 9px; border-radius: 20px; border: 1px solid rgba(0, 0, 0, 0.25); background-color: rgba(255, 255, 255, 0.9); } .search-entry:focus { padding: 7px 9px; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: #5c616c; } .search-entry:hover, .search-entry:focus { color: #ffffff; caret-color: #ffffff; background-color: #5294e2; selection-background-color: #ffffff; selected-color: #5294e2; } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #ffffff; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { background-color: rgba(255, 255, 255, 0.2); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 1.5em; color: white; } .list-search-result-description { color: #cccccc; } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("common-assets/misc/more-results.svg"); } #dash { font-size: 1em; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); border-color: rgba(0, 0, 0, 0.4); padding: 4px 0; border-radius: 0 3px 3px 0; } #dash:rtl { border-radius: 3px 0 0 3px; } .right #dash, #dash:rtl { padding: 4px 0; } .top #dash, .bottom #dash { padding: 0; } #dash .placeholder { background-image: url("common-assets/dash/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget, .dash-item-container > StWidget:rtl, .right .dash-item-container > StWidget { padding: 4px 8px; } .top .dash-item-container > StWidget, .bottom .dash-item-container > StWidget { padding: 6px; } .dash-label { border-radius: 3px; padding: 4px 12px; color: white; background-color: rgba(0, 0, 0, 0.7); text-align: center; -x-offset: 3px; } .bottom .dash-label, .top .dash-label { -y-offset: 3px; -x-offset: 0; } #dash .app-well-app:hover .overview-icon, .right #dash .app-well-app:hover .overview-icon, .bottom #dash .app-well-app:hover .overview-icon, .top #dash .app-well-app:hover .overview-icon { background-color: #5294e2; } #dash .app-well-app:active .overview-icon, .right #dash .app-well-app:active .overview-icon, .bottom #dash .app-well-app:active .overview-icon, .top #dash .app-well-app:active .overview-icon { box-shadow: none; background-color: #2679db; } #dash .app-well-app-running-dot { width: 11px; height: 2px; margin-bottom: 2px; background-color: #5294e2; } #dashtodockContainer .app-well-app-running-dot { background: none; width: 28px; height: 4px; } #dashtodockContainer .running1 .app-well-app-running-dot { background-image: url("common-assets/dash/running1.svg"); } #dashtodockContainer .running2 .app-well-app-running-dot { background-image: url("common-assets/dash/running2.svg"); } #dashtodockContainer .running3 .app-well-app-running-dot { background-image: url("common-assets/dash/running3.svg"); } #dashtodockContainer .running4 .app-well-app-running-dot { background-image: url("common-assets/dash/running4.svg"); } .show-apps .overview-icon { background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; border: 0px solid; } .show-apps:hover .overview-icon { background-color: rgba(0, 0, 0, 0.7); color: #5294e2; } .show-apps:active .overview-icon, .show-apps:active .show-apps-icon, .show-apps:checked .overview-icon, .show-apps:checked .show-apps-icon { color: #ffffff; background-color: #5294e2; box-shadow: none; transition-duration: 0ms; } .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .app-view-controls { padding-bottom: 32px; } .app-view-control { padding: 4px 32px; text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .app-view-control:hover { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .app-view-control:checked { color: #ffffff; background-color: #5294e2; } .app-view-control:first-child:ltr, .app-view-control:last-child:rtl { border-radius: 2px 0 0 2px; border-right-width: 0; } .app-view-control:last-child:ltr, .app-view-control:first-child:rtl { border-radius: 0 2px 2px 0; border-left-width: 0; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(31, 33, 40, 0.85); } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(186, 195, 207, 0.4); transition-duration: 200ms; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(31, 33, 40, 0.85); box-shadow: inset 0 0 #5294e2; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(186, 195, 207, 0.4); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app-running-dot { width: 20px; height: 2px; margin-bottom: 4px; background-color: #5294e2; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .grid-search-result .overview-icon { color: white; border-radius: 2px; padding: 6px; border: 1px solid transparent; transition-duration: 0ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(35, 38, 46, 0.95); border: 1px solid rgba(0, 0, 0, 0.45); } .app-well-app.app-folder:hover > .overview-icon { background-color: rgba(60, 64, 78, 0.95); } .app-well-app.app-folder:active > .overview-icon, .app-well-app.app-folder:checked > .overview-icon { color: #ffffff; background-color: #5294e2; box-shadow: none; } .app-well-app.app-folder:focus > .overview-icon { background-color: #5294e2; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(35, 38, 46, 0.95); -arrow-border-color: rgba(0, 0, 0, 0.45); -arrow-border-width: 1px; -arrow-base: 5; -arrow-rise: 5; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 18px; height: 18px; background-image: url(common-assets/misc/page-indicator-inactive.svg); } .page-indicator:hover .page-indicator-icon { background-image: url(common-assets/misc/page-indicator-hover.svg); } .page-indicator:active .page-indicator-icon { background-image: url(common-assets/misc/page-indicator-active.svg); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active { background-image: url(common-assets/misc/page-indicator-checked.svg); } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails, .workspace-thumbnails:rtl, .workspace-thumbnails-left, .workspace-thumbnails-left:rtl { visible-width: 40px; spacing: 11px; padding: 12px; } .workspace-thumbnails, .workspace-thumbnails-left:rtl { padding-right: 7px; border-image: url("common-assets/dash/dash-right.svg") 9 9 9 9; } .workspace-thumbnails:rtl, .workspace-thumbnails-left { padding-left: 7px; border-image: url("common-assets/dash/dash-left.svg") 9 9 9 9; } .workspace-thumbnail-indicator { border: 4px solid rgba(82, 148, 226, 0.8); border-radius: 1px; padding: 1px; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .search-statustext, .no-frequent-applications-label { font-size: 2em; font-weight: bold; color: #5c616c; } .url-highlighter { link-color: #2679db; } .notification-banner, .notification-banner:hover, .notification-banner:focus { font-size: 1em; width: 34em; margin: 5px; padding: 10px; color: #5c616c; background-color: transparent; border: 1px solid transparent; border-image: url("light-assets/menu/menu.svg") 9 9 9 9; } .notification-banner .notification-icon, .notification-banner:hover .notification-icon, .notification-banner:focus .notification-icon { padding: 5px; } .notification-banner .notification-content, .notification-banner:hover .notification-content, .notification-banner:focus .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon, .notification-banner:hover .secondary-icon, .notification-banner:focus .secondary-icon { icon-size: 1.09em; } .notification-banner .notification-actions, .notification-banner:hover .notification-actions, .notification-banner:focus .notification-actions { background-color: transparent; padding: 2px 2px 0 2px; spacing: 3px; } .notification-banner .notification-button, .notification-banner:hover .notification-button, .notification-banner:focus .notification-button { padding: 4px 4px 5px; } .notification-banner .notification-button:first-child, .notification-banner .notification-button:last-child, .notification-banner:hover .notification-button:first-child, .notification-banner:hover .notification-button:last-child, .notification-banner:focus .notification-button:first-child, .notification-banner:focus .notification-button:last-child { border-radius: 2px; } .secondary-icon { icon-size: 1.09em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #5c616c; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: #5294e2; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: rgba(92, 97, 108, 0.6); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .subscription-message { font-style: italic; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 2px 10px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 4px; } .hotplug-resident-mount:hover { background-color: rgba(245, 246, 247, 0.3); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 5px; color: pink; } .legacy-tray { background-color: rgba(43, 46, 55, 0.95); } .legacy-tray:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } .legacy-tray:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; } .legacy-tray-handle StIcon, .legacy-tray-icon StIcon { icon-size: 24px; } .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { background-color: rgba(92, 97, 108, 0.1); } .legacy-tray-icon-box { spacing: 12px; } .legacy-tray-icon-box:ltr { padding-left: 12px; } .legacy-tray-icon-box:rtl { padding-right: 12px; } .legacy-tray-icon-box StButton { width: 24px; height: 24px; } .magnifier-zoom-region { border: 2px solid #5294e2; } .magnifier-zoom-region.full-screen { border-width: 0; } #keyboard { background-color: rgba(53, 57, 69, 0.95); border-width: 0; border-top-width: 1px; border-color: rgba(0, 0, 0, 0.2); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 2em; min-width: 2em; font-size: 14pt; font-weight: bold; border-radius: 3px; box-shadow: none; text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .keyboard-key:hover { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .keyboard-key:active, .keyboard-key:checked { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #ffffff; border: 1px solid rgba(26, 28, 34, 0.35); background-color: #5294e2; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .keyboard-key:grayed { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5d626e; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .keyboard-subkeys { color: #BAC3CF; padding: 5px; -arrow-border-radius: 2px; -arrow-background-color: rgba(53, 57, 69, 0.95); -arrow-border-width: 1px; -arrow-border-color: rgba(0, 0, 0, 0.4); -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 5px; } .candidate-popup-content { padding: 0.5em; spacing: 0.3em; color: #BAC3CF; font-size: 1.15em; } .candidate-index { padding: 0 0.5em 0 0; color: #d8dde4; } .candidate-box { padding: 0.3em 0.5em 0.3em 0.5em; border-radius: 2px; color: #BAC3CF; } .candidate-box:selected, .candidate-box:hover { background-color: #5294e2; color: #ffffff; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 0.5em; } .horizontal .candidate-page-button-box { padding-left: 0.5em; } .candidate-page-button { padding: 4px; } .candidate-page-button-previous { border-radius: 2px 0px 0px 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 0px 2px 2px 0px; } .candidate-page-button-icon { icon-size: 1em; } .framed-user-icon { background-size: contain; border: 0px solid transparent; color: #5c616c; border-radius: 2px; } .framed-user-icon:hover { border-color: transparent; color: white; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 3px 18px; } .login-dialog .modal-dialog-button:default { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: #fbfbfc; border: 1px solid #cfd6e6; box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: white; border: 1px solid #cfd6e6; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } .login-dialog .modal-dialog-button:default:active { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .login-dialog .modal-dialog-button:default:insensitive { text-shadow: 0 1px rgba(255, 255, 255, 0); color: rgba(92, 97, 108, 0.55); border: 1px solid rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #9ca9ba; } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #F27835; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-user-selection-box .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label { color: #BAC3CF; } .login-dialog-not-listed-label { font-size: 90%; font-weight: bold; color: #62758e; padding-top: 1em; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { background-color: #5294e2; color: #ffffff; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #5294e2; } .login-dialog-user-list-item { border-radius: 5px; padding: .2em; color: #62758e; } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: #5294e2; color: #ffffff; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #BAC3CF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #ffffff; } .login-dialog-username, .user-widget-label { color: #BAC3CF; font-size: 120%; font-weight: bold; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: #7e8fa5; font-size: 110%; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: #62758e; } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #BAC3CF; } .login-dialog-session-list-button:active { color: #394351; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } .screen-shield-clock { color: white; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); font-weight: bold; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 72pt; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); } .screen-shield-clock-date { font-size: 28pt; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 12px 6px; border: 1px solid rgba(186, 195, 207, 0.2); background-color: rgba(53, 57, 69, 0.45); color: #BAC3CF; border-radius: 4px; } .screen-shield-notifications-container .notification { margin-right: 15px; } .screen-shield-notification-label { font-weight: bold; padding: 0px 0px 0px 12px; } .screen-shield-notification-count-text { padding: 0px 0px 0px 12px; } #panel.lock-screen { background-color: rgba(53, 57, 69, 0.5); } .screen-shield-background { background: black; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); } #lockDialogGroup { background: #2e3436 url(misc/noise-texture.png); background-repeat: repeat; } #screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle { background-color: rgba(245, 246, 247, 0.3); } #screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus { background-color: rgba(245, 246, 247, 0.5); } #screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active { background-color: rgba(82, 148, 226, 0.5); } #LookingGlassDialog { spacing: 4px; padding: 8px 8px 10px 8px; background-color: rgba(0, 0, 0, 0.7); border: 1px solid black; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 2px; color: #BAC3CF; } #LookingGlassDialog > #Toolbar { padding: 3px; border: none; background-color: transparent; border-radius: 0px; } #LookingGlassDialog .labels { spacing: 4px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: #BAC3CF; transition-duration: 100ms; padding-left: .3em; padding-right: .3em; } #LookingGlassDialog .notebook-tab:hover { color: white; text-shadow: black 0px 2px 2px; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0px; color: #5294e2; text-shadow: black 0px 2px 2px; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { selection-background-color: #5294e2; selected-color: #ffffff; color: #BAC3CF; background-color: rgba(102, 109, 132, 0.35); border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .lg-dialog StEntry:focus { color: #ffffff; background-color: #5294e2; border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .lg-dialog .shell-link { color: #2679db; } .lg-dialog .shell-link:hover { color: #5294e2; } .lg-completions-text { font-size: .9em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { border: 1px solid gray; padding: 4px; border-radius: 4px; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 2px; background-color: rgba(53, 57, 69, 0.95); padding: 4px; } .lg-extension-name { font-weight: bold; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(0, 0, 0, 0.7); border: 1px solid grey; border-radius: 2px; padding: 6px; } ================================================ FILE: common/gnome-shell/3.16/sass/_colors.scss ================================================ // When color definition differs for dark and light variant, // it gets @if ed depending on $variant $base_color: if($variant =='light', #ffffff, #404552); $text_color: if($variant == 'light', #5c616c, #D3DAE3); $bg_color: if($variant =='light', #F5F6F7, #383C4A); $fg_color: if($variant =='light', #5c616c, #D3DAE3); $selected_fg_color: #ffffff; $selected_bg_color: #5294e2; $selected_borders_color: darken($selected_bg_color, 20%); $borders_color: if($variant =='light', darken($bg_color,9%), darken($bg_color,6%)); $link_color: if($variant == 'light', darken($selected_bg_color,10%), lighten($selected_bg_color,20%)); $link_visited_color: if($variant == 'light', darken($selected_bg_color,20%), lighten($selected_bg_color,10%)); $selection_mode_bg: if($transparency == 'true', transparentize($selected_bg_color, 0.05), $selected_bg_color); $selection_mode_fg: $selected_fg_color; $warning_color: #F27835; $error_color: #FC4138; $warning_fg_color: white; $error_fg_color: white; $success_color: #73d216; $destructive_color: #F04A50; $suggested_color: #4DADD4; $destructive_fg_color: white; $suggested_fg_color: white; $drop_target_color: #F08437; //insensitive state derived colors $insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); $insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); $header_bg: red; @if $transparency=='true' and $variant=='light' { $header_bg: transparentize(#e7e8eb, 0.05); } @if $transparency=='false' and $variant=='light' { $header_bg: #e7e8eb; } @if $transparency=='true' and ($variant=='dark' or $darker=='true') { $header_bg: transparentize(#2f343f, 0.03); } @if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343f; } $header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%)); $header_border: if($variant == 'light' and $darker=='false', darken($header_bg, 7%), darken($header_bg, 4%)); $header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%)); $header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg); $dark_sidebar_bg: if($transparency == 'true', transparentize(#353945, 0.05), #353945); $dark_sidebar_fg: #BAC3CF; $dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 5%)); $osd_fg_color: $dark_sidebar_fg; $osd_bg_color: $dark_sidebar_bg; $osd_button_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); $osd_button_border: transparentize(darken($osd_bg_color, 12%), 0.6); $osd_entry_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); $osd_entry_border: transparentize(darken($osd_bg_color, 12%), 0.6); $osd_insensitive_bg_color: darken($osd_bg_color, 3%); $osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); $osd_borders_color: transparentize(black, 0.3); $panel_bg: darken($dark_sidebar_bg, 4.7%); $panel_fg: $dark_sidebar_fg; $entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); $entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); $header_entry_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($base_color, 0.1)); $header_entry_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); $button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); $button_border: $entry_border; $header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($button_bg, 0.1)); $header_button_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); //WM Buttons // Close $wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f46067, #cc575d); $wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f68086, #d7787d); $wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #f13039, #be3841); $wm_icon_close_bg: if($variant == 'light' and $darker == 'false',#F8F8F9 , #2f343f); // Minimize, Maximize $wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #454C5C); $wm_button_active_bg: $selected_bg_color; $wm_button_hover_border: if($variant == 'light' and $darker == 'false', #D1D3DA, #262932); $wm_icon_bg: if($variant == 'light' and $darker == 'false', #90949E, #90939B); $wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #B6B8C0, #666A74); $wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #7A7F8B, #C4C7CC); $wm_icon_active_bg: $selected_fg_color; ================================================ FILE: common/gnome-shell/3.16/sass/_common.scss ================================================ //This is the RIGHT PLACE to edit the stylesheet $panel-corner-radius: 0px; $asset_path: if($variant == 'dark', dark-assets, light-assets); /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ // // Globals // $font-size: 9; $font-family: Futura Bk bt, Cantarell, Sans-Serif; $_bubble_bg_color: opacify($osd_bg_color,0.25); $_bubble_fg_color: $osd_fg_color; $_bubble_borders_color: transparentize($osd_fg_color,0.8); $_shell_fg_color: white; stage { font-family: $font-family; @include fontsize($font-size); color: $fg_color; } %reset_style { background-color: transparent !important; background-gradient-direction: none !important; border: none !important; border-radius: 0 !important; } // // Buttons // .button { min-height: 20px; padding: 5px 32px; transition-duration: 0; border-radius: 2px; @extend %button; } %button { @include button(normal); &:focus { @include button(focus); } &:hover { @include button(hover); } &:hover:focus { @include button(focus-hover); } &:active, &:active:focus { @include button(active); } &:insensitive { @include button(insensitive); } } %osd_button { @include button(osd); &:hover { @include button(osd-hover); } &:focus { color: $selected_bg_color; } &:active { @include button(osd-active); } &:insensitive { @include button(osd-insensitive); } } // // Entries // StEntry { padding: 7px; caret-size: 1px; selection-background-color: $selected_bg_color; selected-color: $selected_fg_color; transition-duration: 300ms; border-radius: 3px; @include entry(normal); &:focus, &:hover { @include entry(focus); } &:insensitive { @include entry(insensitive); } StIcon.capslock-warning { icon-size: 16px; warning-color: $warning_color; padding: 0 4px; } } // // Scrollbars // StScrollView { &.vfade { -st-vfade-offset: 0px; } &.hfade { -st-hfade-offset: 0px; } } StScrollBar { padding: 8px; StScrollView & { min-width: 5px; min-height: 5px; } StBin#trough { background-color: transparentize($base_color, 0.9); border-radius: 8px; } StButton#vhandle, StButton#hhandle { border-radius: 4px; background-color: mix($fg_color, $bg_color, 40%); border: 0px solid; margin: 0px; &:hover { background-color: mix($fg_color, $bg_color, 30%); } &:active { background-color: $selected_bg_color; } } } // // Slider // .slider { -slider-height: 4px; -slider-background-color: $button_border; //background of the trough -slider-border-color: transparentize(black, 1); //trough border color -slider-active-background-color: $selected_bg_color; //active trough fill -slider-active-border-color: transparentize(black, 1); //active trough border -slider-border-width: 0; -slider-handle-radius: 0px; height: 18px; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; color: transparent; .popup-menu-item.selected & { -slider-background-color: transparentize(black, 0.8); -slider-active-background-color: $selected_fg_color; } } // // Check Boxes // .check-box { StBoxLayout { spacing: .8em; } StBin { width: 16px; height: 16px; background-image: url("#{$asset_path}/checkbox/checkbox-unchecked.svg"); } &:focus StBin { background-image: url("#{$asset_path}/checkbox/checkbox-unchecked-focused.svg"); } &:checked StBin { background-image: url("#{$asset_path}/checkbox/checkbox-checked.svg"); } &:focus:checked StBin { background-image: url("#{$asset_path}/checkbox/checkbox-checked-focused.svg"); } } // // Switches // .toggle-switch { width: 50px; height: 20px; background-size: contain; background-image: url("#{$asset_path}/switch/switch-off.svg"); &:checked { background-image: url("#{$asset_path}/switch/switch-on.svg"); } .popup-menu-item.selected & { background-image: url("common-assets/switch/switch-off-selected.svg"); &:checked { background-image: url("common-assets/switch/switch-on-selected.svg"); } } } // // Links // .shell-link { color: $link_color; &:hover { color: lighten($link_color,10%); } } // // Modal Dialogs // .headline { font-size: 110%; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { color: $fg_color; background-color: transparentize($bg_color, 1); border: none; border-image: url("#{$asset_path}/misc/modal.svg") 9 9 9 67; padding: 0 5px 6px 5px; > StBoxLayout:first-child { padding: 20px 10px 10px 10px; } &-button-box { spacing: 0; margin: 0px; padding: 14px 10px; background: none; border: none; border-image: url("#{$asset_path}/misc/button-box.svg") 9 9 9 9; .button { padding-top: 0; padding-bottom: 0; height: 30px; @extend %osd_button; } } .run-dialog-entry { width: 21em; } .run-dialog-error-box { padding-top: 5px; spacing: 5px; } //.run-dialog-button-box { padding-top: 1em; } .run-dialog-label { font-size: 0; } } //.button-dialog-button-box { //} .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { //this should be a generic header class @include fontsize($font-size * 1.2); font-weight: bold; color: $fg_color; } // // End Session Dialog // .end-session-dialog { spacing: 42px; //border: 3px solid $_bubble_borders_color; &-list { padding-top: 20px; } &-layout { padding-left: 17px; &:rtl { padding-right: 17px; } } &-description { width: 28em; padding-bottom: 10px; &:rtl { text-align: right; } } &-warning { width: 28em; color: $warning_color; padding-top: 6px; &:rtl { text-align: right; } } &-logout-icon { border: 0px solid transparent; border-radius: 2px; width: 48px; height: 48px; background-size: contain; } &-shutdown-icon { color: $fg_color; width: 48px; height: 48px; } &-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 10px; padding-left: 10px; } &-session-list, &-app-list { spacing: 1em; } &-list-header { font-weight: bold; &:rtl { text-align: right; } } &-app-list-item, &-session-list-item { spacing: 1em; } &-app-list-item-name, &-session-list-item-name { font-weight: bold; } &-app-list-item-description { color: lighten($fg_color,5%); @include fontsize($font-size * 0.9); } // Shutdown Button .button:last-child { color: $destructive_fg_color; background-color: $destructive_color; border-color: $destructive_color; &:hover { color: $destructive_fg_color; background-color: lighten($destructive_color, 9%); border-color: lighten($destructive_color, 9%); } &:active { color: $destructive_fg_color; background-color: darken($destructive_color, 5%); border-color: darken($destructive_color, 5%); } } } // // ShellMountOperation Dialogs // .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; &:rtl { padding-left: 0px; padding-right: 17px; } } .mount-question-dialog-subject { max-width: 500px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; &:rtl { padding-right: 17px; } } .show-processes-dialog-app-list { @include fontsize($font-size * 1.1); 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: darken($fg_color,10%); &:hover { color: $fg_color; } &:ltr { padding-right: 1em; } &:rtl { padding-left: 1em; } } .show-processes-dialog-app-list-item-icon { &:ltr { padding-right: 17px; } &:rtl { padding-left: 17px; } } .show-processes-dialog-app-list-item-name { @include fontsize($font-size * 1.1); } // // Password or Authentication Dialog // .prompt-dialog { //this is the width of the entire modal popup width: 500px; //border: 3px solid $_bubble_borders_color; &-main-layout { spacing: 24px; padding: 10px; } &-message-layout { spacing: 16px; } &-headline { @include fontsize($font-size * 1.3); font-weight: bold; color: $fg_color; } &-descritption:rtl { text-align: right; } &-password-box { spacing: 1em; padding-bottom: 1em; } &-error-label { @include fontsize($font-size); color: $error_color; padding-bottom: 8px; } &-info-label { @include fontsize($font-size); padding-bottom: 8px; } &-null-label { @include fontsize($font-size); padding-bottom: 8px; } } .hidden { color: transparentize(black, 1); } // // Polkit Dialog // .polkit-dialog-user { &-layout { padding-left: 10px; spacing: 10px; &:rtl { padding-left: 0px; padding-right: 10px; } } &-root-label { color: $warning_color; } &-user-icon { border-radius: 2px; background-size: contain; width: 48px; height: 48px; } } // // Network Agent Dialog // .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } // // Popvers/Menus // .popup-menu { min-width: 200px; color: $fg_color; border-image: url("#{$asset_path}/menu/menu.svg") 9 9 9 9; .popup-menu-arrow { } //defined globally in the TOP BAR .popup-sub-menu { background: none; box-shadow: none; border-image: url("#{$asset_path}/menu/submenu.svg") 9 9 9 9; } .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu-item { spacing: 12px; &:ltr { padding: .4em 3em .4em 0em; } &:rtl { padding: .4em 0em .4em 3em; } &:checked { font-weight: normal; background: none; box-shadow: none; border-image: url("#{$asset_path}/menu/submenu-open.svg") 9 9 9 9; } &:active, &.selected { color: $selected_fg_color; background-color: transparent; border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } &:insensitive { color: transparentize($fg_color, 0.5); background: none; } } .popup-inactive-menu-item { //all icons and other graphical elements color: $fg_color; &:insensitive { color: $insensitive_fg_color; } } //.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is &.panel-menu { -boxpointer-gap: 0px; margin-bottom: 1.75em; } } .popup-menu-ornament { text-align: right; margin-left: 10px; width: 16px; } .popup-menu-boxpointer { -arrow-border-radius: 2px; -arrow-background-color: rgba(0,0,0,0.0); -arrow-border-width: 1px; -arrow-border-color: rgba(0,0,0,0.0); -arrow-base: 0; -arrow-rise: 0; } .candidate-popup-boxpointer { -arrow-border-radius: 2px; -arrow-background-color: $osd_bg_color; -arrow-border-width: 1px; -arrow-border-color: transparentize(black, 0.6); -arrow-base: 5; -arrow-rise: 5; } .popup-separator-menu-item { //-margin-horizontal: 24px; height: 2px; //not really the whole box margin: 0; background-color: transparent; border: none; border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; } // Background menu .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0px; } // fallback menu //- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled // app menu inside the main app window itself rather than the top bar // // // OSD // .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; margin: 32px; min-width: 64px; min-height: 64px; color: $_shell_fg_color; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; .osd-monitor-label { font-size: 3em; } .level { padding: 0; height: 4px; background-color: transparentize(black, 0.5); border-radius: 2px; color: $selected_bg_color; } } .resize-popup { color: $osd_fg_color; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; padding: 12px; } // // Alt Tab Switcher // .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list { background: none; border: none; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; &-item-container { spacing: 8px; } .item-box { padding: 8px; border-radius: 2px; border: 1px solid transparent; &:outlined { padding: 8px; border: 1px solid $selected_bg_color; } &:selected { color: $selected_fg_color; background-color: $selected_bg_color; border: 1px solid $selected_bg_color; } } .thumbnail-box { padding: 2px; spacing: 4px; } .thumbnail { width: 256px; } .separator { width: 1px; background: transparentize($fg_color, 0.67); } } .switcher-arrow { border-color: rgba(0,0,0,0); color: $osd_fg_color; &:highlighted { color: $_shell_fg_color; } } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } // // Workspace Switcher // .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; &-group { padding: 12px; } &-container { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; padding-bottom: 24px; } } .ws-switcher-active-up, .ws-switcher-active-down { height: 30px; background-color: $selected_bg_color; background-size: 96px; border-radius: 2px; border: 1px solid $selected_bg_color; } .ws-switcher-active-up { background-image: url("common-assets/misc/ws-switch-arrow-up.png"); } .ws-switcher-active-down { background-image: url("common-assets/misc/ws-switch-arrow-down.png"); } .ws-switcher-box { height: 96px; background-color: transparentize(black, 0.67); border-color: transparentize(black, 0.67); border-radius: 2px; } // // Tiled window previews // .tile-preview { background-color: transparentize($selected_bg_color, 0.65); border: 1px solid $selected_bg_color; &-left.on-primary { border-radius: $panel-corner-radius 0 0 0; } &-right.on-primary { border-radius: 0 $panel-corner-radius 0 0; } &-left.tile-preview-right.on-primary { border-radius: $panel-corner-radius $panel-corner-radius 0 0; } } // // Top Bar // #panel { $_panel_fg_color: $_shell_fg_color; font-weight: bold; height: 2.1em; min-height: 27px; background-gradient-direction: none; background-color: transparent; border-bottom-width: 0; border-image: url('common-assets/panel/panel.svg') 1 1 1 1; // Fix dynamic top bar extension &.dynamic-top-bar-white-btn { border-image: none; } &.unlock-screen, &.login-screen, &.lock-screen { background-color: transparent; border-image: none; } &:overview { border-image: url('common-assets/panel/panel-overview.svg') 1 1 1 1; } #panelLeft, #panelCenter { // spacing between activities<>app menu and such spacing: 8px; } .panel-corner { -panel-corner-radius: $panel-corner-radius; -panel-corner-background-color: transparentize(black, 1); -panel-corner-border-width: 0px; -panel-corner-border-color: black; &:active, &:overview, &:focus { -panel-corner-border-color: black; } &.lock-screen, &.login-screen, &unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } } .panel-button { -natural-hpadding: 10px; -minimum-hpadding: 6px; font-weight: bold; color: $_panel_fg_color; transition-duration: 100ms; border-bottom-width: 1px; border-color: transparent; .app-menu-icon { width: 0; height: 0; margin-left: 0px; margin-right: 0px; } &:hover { color: $_panel_fg_color; background-color: transparentize(black, 0.83); border-bottom-width: 1px; border-color: transparent; } &:active, &:overview, &:focus, &:checked { color: $selected_fg_color; background-color: $selected_bg_color; box-shadow: none; border-bottom-width: 1px; border-color: black; & > .system-status-icon { icon-shadow: none; } } .system-status-icon { icon-size: 16px; padding: 0 4px; } .unlock-screen &, .login-screen &, .lock-screen & { color: lighten($fg_color, 10%); &:focus, &:hover, &:active { color: lighten($fg_color, 10%); } } } #panelActivities.panel-button { -natural-hpadding: 12px; } .panel-status-indicators-box, .panel-status-menu-box { spacing: 2px; } .screencast-indicator { color: $error_color; } .clock-display > * > *:last-child { color: $selected_bg_color; margin-left: .3em; } .popup-menu-arrow { width: 0; } } // Activities button #panel #panelActivities.panel-button { > * { background-image: url("common-assets/panel/activities.svg"); background-position: center top; width: 24px; height: 24px; background-color: transparent !important; background-gradient-direction: none !important; border: 0 solid transparent !important; text-shadow: 0 0 transparent !important; transition-duration: 0ms !important; box-shadow: none !important; color: transparent; } &:active, &:overview, &:focus, &:checked { background-color: transparent; box-shadow: none; border-bottom-width: 1px; border-color: transparent; > * { background-image: url("common-assets/panel/activities-active.svg"); } } } // a little unstructured mess: .system-switch-user-submenu-icon { icon-size: 24px; border: 1px solid transparentize($fg_color,0.6); } #appMenu { spinner-image: url("common-assets/misc/process-working.svg"); spacing: 4px; padding: 0 8px; .label-shadow { color: transparent; } } .aggregate-menu { width: 360px; .popup-menu-icon { padding: 0 4px; } } .system-menu-action { padding: 13px; color: $fg_color; border-radius: 32px; /* wish we could do 50% */ border: 1px solid transparent; &:hover, &:focus { transition-duration: 100ms; padding: 13px; color: $fg_color; background-color: transparent; border: 1px solid $selected_bg_color; } &:active { color: $selected_fg_color; background-color: $selected_bg_color; border: 1px solid $selected_bg_color; } & > StIcon { icon-size: 16px; } } // // Calendar popover // #calendarArea { padding: 0.75em 1.0em; } .calendar { margin-bottom: 1em; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 1.5em; } .datemenu-calendar-column { spacing: 0.5em; } .datemenu-displays-section { padding-bottom: 3em; } .datemenu-today-button, .world-clocks-button, .message-list-section-title { border-radius: 3px; padding: .4em; } .message-list-section-list:ltr { padding-left: .4em; } .message-list-section-list:rtl { padding-right: .4em; } .datemenu-today-button, .world-clocks-button, .message-list-section-title { padding: 7px 10px 7px 10px; border: 1px solid transparentize($base_color, 1); &:hover, &:focus { @include button(hover); } &:active { @include button(active); } } .datemenu-today-button .day-label { } .datemenu-today-button .date-label { font-size: 1.5em; } .world-clocks-header, .message-list-section-title { color: transparentize($fg_color, 0.6); font-weight: bold; } .world-clocks-button:active .world-clocks-header { color: $selected_fg_color; } .world-clocks-grid { spacing-rows: 0.4em; } .calendar-month-label { color: $fg_color; font-weight: bold; padding: 8px 0; &:focus {} } .pager-button { color: transparent; background-color: transparent; width: 32px; border-radius: 2px; &:focus, &:hover, &:active { background-color: transparent; } } //arrow back .calendar-change-month-back { background-image: url("#{$asset_path}/misc/calendar-arrow-left.svg"); &:focus, &:hover { background-image: url("#{$asset_path}/misc/calendar-arrow-left-hover.svg"); } &:active { background-image: url("#{$asset_path}/misc/calendar-arrow-left.svg"); } &:rtl { background-image: url("#{$asset_path}/misc/calendar-arrow-right.svg"); &:focus, &:hover { background-image: url("#{$asset_path}/misc/calendar-arrow-right-hover.svg"); } &:active { background-image: url("#{$asset_path}/misc/calendar-arrow-right.svg"); } } } //arrow forward .calendar-change-month-forward { background-image: url("#{$asset_path}/misc/calendar-arrow-right.svg"); &:focus, &:hover { background-image: url("#{$asset_path}/misc/calendar-arrow-right-hover.svg"); } &:active { background-image: url("#{$asset_path}/misc/calendar-arrow-right.svg"); } &:rtl { background-image: url("#{$asset_path}/misc/calendar-arrow-left.svg"); &:focus, &:hover { background-image: url("#{$asset_path}/misc/calendar-arrow-left-hover.svg"); } &:active { background-image: url("#{$asset_path}/misc/calendar-arrow-left.svg"); } } } .calendar-day-base { font-size: 80%; text-align: center; width: 25px; height: 25px; padding: 0.1em; margin: 2px; border-radius: 12.5px; &:hover, &:focus { background-color: transparentize(black, 0.9); } &:active { color: $fg_color; background-color: transparentize(black, 0.85); border-width: 0; //avoid jumparound due to today } &.calendar-day-heading { //day of week heading color: transparentize($fg_color, 0.15); margin-top: 1em; font-size: 70%; } } .calendar-day { //border collapse hack - see calendar.js border-width: 0; color: transparentize($fg_color, 0.2); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-work-day {} .calendar-nonwork-day { color: $fg_color; font-weight: bold; } .calendar-today, .calendar-today:active, .calendar-today:focus, .calendar-today:hover { font-weight: bold; color: $selected_fg_color; background-color: $selected_bg_color; border-width: 0; } .calendar-day-with-events { color: $selected_bg_color; font-weight: bold; } .calendar-today.calendar-day-with-events { color: $selected_fg_color; } .calendar-other-month-day { color: transparentize($fg_color, 0.7); opacity: 1; } // // Message list // .message-list { width: 420px; &-sections { spacing: 1.5em; } &-section, &-section-list { spacing: 0.7em; } &-section-list-title-box { spacing: 0.4em; } &-placeholder { StIcon { width: 0; height: 0; } StLabel { color: $insensitive_fg_color; } } &-section-close { > StIcon { icon-size: 18px; border-radius: 0px; color: transparent; background-color: transparent; background-image: url('#{$asset_path}/misc/message-close.svg'); } &:hover > StIcon { color: transparent; background-color: transparent; background-image: url('#{$asset_path}/misc/message-close-hover.svg'); } &:active > StIcon { color: transparent; background-color: transparent; background-image: url('#{$asset_path}/misc/message-close-active.svg'); } } } .message { padding: 4px; color: $fg_color; border-image: url("#{$asset_path}/misc/message.svg") 9 9 9 9; &:hover, &:focus { color: $fg_color; border-image: url("#{$asset_path}/misc/message-hover.svg") 9 9 9 9; } &:active { color: $selected_fg_color; border-image: url("#{$asset_path}/misc/message-active.svg") 9 9 9 9; } &-icon-bin { padding: 8px 0px 8px 8px; &:rtl { padding: 8px 8px 8px 0px; } > StIcon { icon-size: 48px; } } &-secondary-bin { color: transparentize($fg_color, 0.6); } &-secondary-bin > StIcon { icon-size: 16px; } &-title { font-weight: bold; padding: 2px 0 2px 0; } &-content { padding: 8px; } } // //Activities Ripples // .ripple-box { width: 52px; height: 52px; background-image: url("common-assets/misc/corner-ripple-ltr.svg"); background-size: contain; &:rtl { background-image: url("common-assets/misc/corner-ripple-rtl.svg"); } } // not really top bar only .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } // //Close buttons // .window-close { background-image: url("common-assets/misc/close.svg"); background-size: 26px; height: 26px; width: 26px; &:hover { background-image: url("common-assets/misc/close-hover.svg"); background-size: 26px; height: 26px; width: 26px; } &:active { background-image: url("common-assets/misc/close-active.svg"); background-size: 26px; height: 26px; width: 26px; } } .window-close { -shell-close-overlap: 11px; } // // Network Dialogs // .nm-dialog { max-height: 500px; min-height: 450px; min-width: 470px; &-content { spacing: 20px; } &-header-hbox { spacing: 10px; } &-airplane-box { spacing: 12px; } &-airplane-headline { font-size: 1.1em; font-weight: bold; text-align: center; } &-airplane-text { color: $fg_color; } &-header-icon { icon-size: 32px; } &-scroll-view { border: 1px solid $borders_color; border-radius: 2px; background-color: $base_color; } &-header { font-weight: bold; font-size: 1.2em; } &-item { font-size: 1em; border-bottom: 0px solid; padding: 12px; spacing: 0px; &:selected { background-color: $selected_bg_color; color: $selected_fg_color; } } &-icons { spacing: .5em; } &-icon { icon-size: 16px; } } .no-networks-label { color: $insensitive_fg_color; } .no-networks-box { spacing: 12px; } // // Overview // #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { //container around window thumbnails -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; &.external-monitor { padding: 32px; } } .window-clone-border { border: 3px solid transparentize($selected_bg_color, 0.2); border-radius: 4px; box-shadow: inset 0px 0px 0px 1px transparentize($selected_bg_color, 1); } .window-caption, .window-caption:hover { spacing: 25px; color: $osd_fg_color; background-color: transparentize(black, 0.3); border-radius: 2px; padding: 4px 12px; -shell-caption-spacing: 12px; } // // Search Entry // .search-entry { width: 320px; padding: 7px 9px; border-radius: 20px; border: 1px solid transparentize(black, 0.75); background-color: transparentize($entry_bg, 0.1); &:focus { padding: 7px 9px; } .search-entry-icon { icon-size: 16px; padding: 0 4px; color: $fg_color; } &:hover, &:focus { color: $selected_fg_color; caret-color: $selected_fg_color; background-color: $selected_bg_color; selection-background-color: $selected_fg_color; selected-color: $selected_bg_color; .search-entry-icon { color: $selected_fg_color; } } } // // Search Results // #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } // This should be equal to #searchResultsContent spacing .search-section { spacing: 16px; } // This is the space between the provider icon and the results container .search-section-content { spacing: 32px; } // "no results" .search-statustext { @extend %status_text; } .list-search-results { spacing: 3px; } .search-section-separator { background-color: transparentize(white, 0.8); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 1.5em; color: $_shell_fg_color; } .list-search-result-description { color: darken($_shell_fg_color, 20%); } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("common-assets/misc/more-results.svg"); } // // Dash // #dash { font-size: 1em; color: $osd_fg_color; background-color: $dark_sidebar_bg; border-color: rgba(0,0,0,0.4); padding: 4px 0; border-radius: 0 3px 3px 0; &:rtl { border-radius: 3px 0 0 3px; } .right &, &:rtl { padding: 4px 0; } .top &, .bottom & { padding: 0; } .placeholder { background-image: url("common-assets/dash/dash-placeholder.svg"); background-size: contain; height: 24px; } .empty-dash-drop-target { width: 24px; height: 24px; } } .dash-item-container > StWidget { &, &:rtl, .right & { padding: 4px 8px; } .top &, .bottom & { padding: 6px; } } //osd tooltip .dash-label { border-radius: 3px; padding: 4px 12px; color: $_shell_fg_color; background-color: transparentize(black, 0.3); text-align: center; -x-offset: 3px; .bottom &, .top & { -y-offset: 3px; -x-offset: 0; } } // Dash Buttons #dash .app-well-app { &:hover .overview-icon, .right &:hover .overview-icon, .bottom &:hover .overview-icon, .top &:hover .overview-icon { background-color: $selected_bg_color; } &:active .overview-icon, .right &:active .overview-icon, .bottom &:active .overview-icon, .top &:active .overview-icon { box-shadow: none; background-color: darken($selected_bg_color, 10%); } &-running-dot { width: 11px; height: 2px; margin-bottom: 2px; background-color: $selected_bg_color; } } #dashtodockContainer { .app-well-app-running-dot { background: none; width: 28px; height: 4px; } @each $var in 1, 2, 3, 4 { .running#{$var} .app-well-app-running-dot { background-image: url("common-assets/dash/running#{$var}.svg"); } } } .show-apps { .overview-icon { background-color: transparentize(black, 0.5); border-radius: 2px; border: 0px solid; } &:hover .overview-icon { background-color: transparentize(black, 0.3); color: $selected_bg_color; } &:active .overview-icon, &:active .show-apps-icon, &:checked .overview-icon, &:checked .show-apps-icon { color: $selected_fg_color; background-color: $selected_bg_color; box-shadow: none; transition-duration: 0ms; } } // // App Vault/Grid // .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; .overview-icon { icon-size: 96px; } } //.app-display { spacing: 20px; } //favorties | all toggle container .app-view-controls { padding-bottom: 32px; } //favorties | all toggle button .app-view-control { padding: 4px 32px; @include button(osd); &:hover { @include button(osd-hover); } &:checked { color: $selected_fg_color; background-color: $selected_bg_color; } &:first-child:ltr, &:last-child:rtl { border-radius: 2px 0 0 2px; border-right-width: 0; } &:last-child:ltr, &:first-child:rtl { border-radius: 0 2px 2px 0; border-left-width: 0;} } // // Icon Tile // .search-provider-icon, .list-search-result { @extend %icon_tile; &:active, &:checked { background-color: transparentize(darken($osd_bg_color,10%),.1); } &:focus, &:selected, &:hover { background-color: transparentize($osd_fg_color,.6); transition-duration: 200ms; } } .app-well-app, .app-well-app.app-folder, .grid-search-result { .overview-icon { @extend %icon_tile; } &:active .overview-icon, &:checked .overview-icon { background-color: transparentize(darken($osd_bg_color,10%),.1); box-shadow: inset 0 0 $selected_bg_color; } &:hover .overview-icon, &:focus .overview-icon, &:selected .overview-icon { background-color: transparentize($osd_fg_color,.6); transition-duration: 0ms; border-image: none; background-image: none; } } .app-well-app-running-dot { //running apps indicator width: 20px; height: 2px; margin-bottom: 4px; background-color: $selected_bg_color; } %icon_tile { color: $_shell_fg_color; border-radius: 2px; padding: 6px; border: 1px solid transparent; transition-duration: 0ms; text-align: center; } // // Collections // .app-well-app.app-folder { > .overview-icon { background-color: darken($dark_sidebar_bg, 8%); border: 1px solid transparentize(darken($dark_sidebar_bg, 25%), 0.5); } &:hover > .overview-icon { background-color: lighten($dark_sidebar_bg, 3%); } &:active > .overview-icon, &:checked > .overview-icon { color: $selected_fg_color; background-color: $selected_bg_color; box-shadow: none; } &:focus > .overview-icon { background-color: $selected_bg_color; } } .app-folder-popup { //expanded collection -arrow-border-radius: 2px; -arrow-background-color: darken($dark_sidebar_bg, 8%); -arrow-border-color: transparentize(darken($dark_sidebar_bg, 25%), 0.5); -arrow-border-width: 1px; -arrow-base: 5; -arrow-rise: 5; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; .page-indicator-icon { width: 18px; height: 18px; background-image: url(common-assets/misc/page-indicator-inactive.svg); } &:hover .page-indicator-icon { background-image: url(common-assets/misc/page-indicator-hover.svg); } &:active .page-indicator-icon { background-image: url(common-assets/misc/page-indicator-active.svg); } &:checked .page-indicator-icon, &:checked:active { background-image: url(common-assets/misc/page-indicator-checked.svg); } } .no-frequent-applications-label { @extend %status_text; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } // // Workspace pager // .workspace-thumbnails, .workspace-thumbnails-left { &, &:rtl { visible-width: 40px; //amount visible before hover spacing: 11px; padding: 12px; } } .workspace-thumbnails, .workspace-thumbnails-left:rtl { padding-right: 7px; border-image: url("common-assets/dash/dash-right.svg") 9 9 9 9; } .workspace-thumbnails:rtl, .workspace-thumbnails-left { padding-left: 7px; border-image: url("common-assets/dash/dash-left.svg") 9 9 9 9; } .workspace-thumbnail-indicator { border: 4px solid transparentize($selected_bg_color, 0.2); border-radius: 1px; padding: 1px; } //Some hacks I don't even .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { // horizontal padding to make sure scrollbars or dash don't overlap content padding: 0px 88px 10px 88px; } %status_text { font-size: 2em; font-weight: bold; color: $fg_color; } // // Notifications & Message Tray // .url-highlighter { link-color: $link_color; } // Banners .notification-banner, .notification-banner:hover, .notification-banner:focus { font-size: 1em; width: 34em; margin: 5px; padding: 10px; color: $fg_color; background-color: transparent; border: 1px solid transparent; border-image: url("#{$asset_path}/menu/menu.svg") 9 9 9 9; .notification-icon { padding: 5px; } .notification-content { padding: 5px; spacing: 5px; } .secondary-icon { icon-size: 1.09em; } .notification-actions { background-color: transparent; padding: 2px 2px 0 2px; spacing: 3px; } .notification-button { padding: 4px 4px 5px; @extend %button; &:first-child, &:last-child { border-radius: 2px; } } } .secondary-icon { icon-size: 1.09em; } // Chat Bubbles .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: $fg_color; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; &:rtl { padding-left: 0px; padding-right: 4px; } } .chat-sent { padding-left: 18pt; color: $selected_bg_color; &:rtl { padding-left: 0; padding-right: 18pt; } } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: transparentize($fg_color, 0.4); &:rtl { padding-left: 0; padding-right: 4px; } } .subscription-message { font-style: italic; } // Hotplug .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; @extend %button; &:focus { padding: 2px 10px; } } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 4px; &:hover { background-color: transparentize($bg_color,0.7); } } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 5px; color: pink; } // Eeeky things $legacy_icon_size: 24px; .legacy-tray { background-color: $panel_bg; &:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } &:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; & StIcon { icon-size: $legacy_icon_size; } &:hover, &:focus { background-color: transparentize($fg_color,0.9); } } .legacy-tray-icon-box { spacing: 12px; &:ltr { padding-left: 12px; } &:rtl { padding-right: 12px; } & StButton { width: $legacy_icon_size; height: $legacy_icon_size } } // Magnifier .magnifier-zoom-region { border: 2px solid $selected_bg_color; &.full-screen { border-width: 0; } } // // On-Screen Keyboard // #keyboard { background-color: $osd_bg_color; border-width: 0; border-top-width: 1px; border-color: transparentize(black, 0.8); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 2em; min-width: 2em; font-size: 14pt; font-weight: bold; border-radius: 3px; box-shadow: none; @include button(osd); &:hover { @include button(osd-hover); } &:active, &:checked { @include button(osd-active); } &:grayed { @include button(osd-insensitive); } } .keyboard-subkeys { //long press on a key popup color: $osd_fg_color; padding: 5px; -arrow-border-radius: 2px; -arrow-background-color: $osd_bg_color; -arrow-border-width: 1px; -arrow-border-color: transparentize(black, 0.6);; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 5px; } // // IBus Candidate Popup // .candidate-popup-content { padding: 0.5em; spacing: 0.3em; color: $osd_fg_color; font-size: 1.15em; } .candidate-index { padding: 0 0.5em 0 0; color: lighten($osd_fg_color, 10%); } .candidate-box { padding: 0.3em 0.5em 0.3em 0.5em; border-radius: 2px; color: $osd_fg_color; &:selected,&:hover { background-color: $selected_bg_color; color: $selected_fg_color; } } .candidate-page-button-box { height: 2em; .vertical & { padding-top: 0.5em; } .horizontal & { padding-left: 0.5em; } } .candidate-page-button { padding: 4px; } .candidate-page-button-previous { border-radius: 2px 0px 0px 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 0px 2px 2px 0px; } .candidate-page-button-icon { icon-size: 1em; } // // Auth Dialogs & Screen Shield // .framed-user-icon { background-size: contain; border: 0px solid transparent; color: $fg_color; border-radius: 2px; &:hover { border-color: transparent; color: lighten($osd_fg_color,30%); } } // // Login Dialog // .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { //reset border: none; background-color: transparent; .modal-dialog-button-box { spacing: 3px; } .modal-dialog-button { padding: 3px 18px; &:default { @include button(normal); &:hover,&:focus { @include button(hover); } &:active { @include button(active); } &:insensitive { @include button(insensitive); } } } } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: darken($osd_fg_color,10%); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: $warning_color; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; .login-dialog-not-listed-label { padding-left: 2px; .login-dialog-not-listed-button:focus &, .login-dialog-not-listed-button:hover & { color: $osd_fg_color; } } } .login-dialog-not-listed-label { font-size: 90%; font-weight: bold; color: darken($osd_fg_color,30%); padding-top: 1em; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; &:expanded .login-dialog-user-list-item:focus { background-color: $selected_bg_color; color: $selected_fg_color; } &:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $selected_bg_color; } } .login-dialog-user-list-item { border-radius: 5px; padding: .2em; color: darken($osd_fg_color,30%); &:ltr { padding-right: 1em; } &:rtl { padding-left: 1em; } &:hover { background-color: $selected_bg_color; color: $selected_fg_color; } .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: $osd_fg_color; } &:focus .login-dialog-timed-login-indicator { background-color: $selected_fg_color; } } .login-dialog-username, .user-widget-label { color: $osd_fg_color; font-size: 120%; font-weight: bold; text-align: left; padding-left: 15px; } .user-widget-label { &:ltr { padding-left: 18px; } &:rtl { padding-right: 18px; } } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: darken($osd_fg_color, 20%); font-size: 110%; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: darken($osd_fg_color,30%); &:hover,&:focus { color: $osd_fg_color; } &:active { color: darken($osd_fg_color, 50%); } } // // Screen Shield // .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1px rgba(0,0,0,0.4); } .screen-shield-clock { color: white; text-shadow: 0px 1px 2px rgba(0,0,0,0.6); font-weight: bold; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 72pt; text-shadow: 0px 2px 2px rgba(0,0,0,0.4); } .screen-shield-clock-date { font-size: 28pt; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .notification, .screen-shield-notification-source { padding: 12px 6px; border: 1px solid $_bubble_borders_color; background-color: transparentize($osd_bg_color,0.5); color: $_bubble_fg_color; border-radius: 4px; } .notification { margin-right: 15px; } //compensate for space allocated to the scrollbar } .screen-shield-notification-label { font-weight: bold; padding: 0px 0px 0px 12px; } .screen-shield-notification-count-text { padding: 0px 0px 0px 12px; } #panel.lock-screen { background-color: transparentize($_bubble_bg_color, 0.5); } .screen-shield-background { //just the shadow, really background: black; box-shadow: 0px 2px 4px transparentize(black,0.6); } #lockDialogGroup { background: #2e3436 url(misc/noise-texture.png); background-repeat: repeat; } #screenShieldNotifications { StButton#vhandle, StButton#hhandle { background-color: transparentize($bg_color,0.7); &:hover, &:focus { background-color: transparentize($bg_color,0.5); } &:active { background-color: transparentize($selected_bg_color,0.5); } } } // // Looking Glass // #LookingGlassDialog { spacing: 4px; padding: 8px 8px 10px 8px; background-color: transparentize(black, 0.3); border: 1px solid black; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 2px; color: $osd_fg_color; & > #Toolbar { padding: 3px; border: none; background-color: transparent; border-radius: 0px; } .labels { spacing: 4px; } .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: $osd_fg_color; transition-duration: 100ms; padding-left: .3em; padding-right: .3em; &:hover { color: $_shell_fg_color; text-shadow: black 0px 2px 2px; } &:selected { border-bottom-width: 0px; color: $selected_bg_color; text-shadow: black 0px 2px 2px; } } StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } StBoxLayout#ResultsArea { spacing: 4px; } } .lg-dialog { StEntry { selection-background-color: $selected_bg_color; selected-color: $selected_fg_color; @include entry(osd); &:focus { @include entry(osd-focus); } } .shell-link { color: $link_color; &:hover { color: lighten($link_color,10%); } } } .lg-completions-text { font-size: .9em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { border: 1px solid gray; padding: 4px; border-radius: 4px; &:hover { border: 1px solid #ffffff; } } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: 1px solid $osd_borders_color; border-radius: 2px; background-color: $osd_bg_color; padding: 4px; } .lg-extension-name { font-weight: bold; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: transparentize(black, 0.3); border: 1px solid grey; border-radius: 2px; padding: 6px; } ================================================ FILE: common/gnome-shell/3.16/sass/_drawing.scss ================================================ // Drawing mixins // generic drawing of more complex things // provide font size in rem, with px fallback @mixin fontsize($size: 24, $base: 16) { font-size: round($size) + pt; //font-size: ($size / $base) * 1rem; } // Entries @mixin entry($t, $dark:false) { // // Entries drawing function // //@extend %reset_style; @if $t==normal { color: $text_color; background-color: $entry_bg; border: 1px solid $entry_border; box-shadow: inset 0 2px 4px transparentize($entry_bg, 0.95); } @if $t==focus { color: $fg_color; background-color: $entry_bg; border: 1px solid $selected_bg_color; box-shadow: inset 0 2px 4px transparentize($entry_bg, 0.95); } @if $t==insensitive { color: $insensitive_fg_color; background-color: mix($entry_bg, $bg_color, 55%); border-color: 1px solid mix($entry_border, $bg_color, 55%); box-shadow: inset 0 2px 4px transparentize(mix($entry_bg, $bg_color, 55%), 0.95); } @if $t==osd { color: $osd_fg_color; background-color: $osd_entry_bg; border: 1px solid $osd_entry_border; box-shadow: inset 0 2px 4px transparentize(black, 0.95); } @if $t==osd-focus { color: $selected_fg_color; background-color: $selected_bg_color; border: 1px solid $osd_entry_border; box-shadow: inset 0 2px 4px transparentize(black, 0.95); } @if $t==osd-insensitive { color: transparentize($osd_fg_color, 0.45); background-color: transparentize($osd_entry_bg, 0.15); border: 1px solid $osd_entry_border; box-shadow: inset 0 2px 4px transparentize(black, 0.95); } } // Buttons @mixin button($t) { // // Button drawing function // //@extend %reset_style; text-shadow: 0 1px transparentize($base_color, 1); @if $t==normal { // // normal button // color: $fg_color; background-color: $button_bg; border: 1px solid $button_border; box-shadow: inset 0 1px transparentize($button_bg, 0.95); } @else if $t==focus { // // focused button // color: $fg_color; background-color: $button_bg; border: 1px solid $selected_bg_color; box-shadow: inset 0 1px transparentize($button_bg, 0.95); } @else if $t==focus-hover { // // focused button // color: $fg_color; background-color: $button_bg; border: 1px solid $selected_bg_color; box-shadow: inset 0 1px transparentize($button_bg, 0.95); } @else if $t==hover { // // hovered button // color: $fg_color; background-color: lighten($button_bg, 5%); border: 1px solid $button_border; box-shadow: inset 0 1px transparentize(lighten($button_bg, 5%), 0.95); } @else if $t==active { // // pushed button // color: $selected_fg_color; background-color: $selected_bg_color; border: 1px solid if($variant=='light', $selected_bg_color, $button_border); box-shadow: inset 0 1px transparentize($selected_bg_color, 0.95); } @else if $t==insensitive { // // insensitive button // color: $insensitive_fg_color; border: 1px solid transparentize($button_border, 0.45); background-color: transparentize($button_bg, 0.45); box-shadow: inset 0 1px transparentize($button_bg, 0.95); } @else if $t==osd { // // normal osd button // color: $osd_fg_color; border: 1px solid $osd_button_border; background-color: $osd_button_bg; box-shadow: inset 0 1px transparentize(black, 0.95); } @else if $t==osd-hover { // // active osd button // color: $osd_fg_color; border: 1px solid $osd_button_border; background-color: opacify(lighten($osd_button_bg, 7%), 0.1); box-shadow: inset 0 1px transparentize(black, 0.95); } @else if $t==osd-active { // // active osd button // color: $selected_fg_color; border: 1px solid $osd_button_border; background-color: $selected_bg_color; box-shadow: inset 0 1px transparentize($selected_bg_color, 0.95); } @else if $t==osd-insensitive { // // insensitive osd button // color: $osd_insensitive_fg_color; border: 1px solid $osd_button_border; background-color: transparentize($osd_button_bg, 0.15); box-shadow: inset 0 1px transparentize(black, 0.95); } } ================================================ FILE: common/gnome-shell/3.16/sass/gnome-shell-dark.scss ================================================ $variant: 'dark'; $transparency: 'true'; $darker: 'false'; @import "_colors"; //use gtk colors @import "_drawing"; @import "_common"; ================================================ FILE: common/gnome-shell/3.16/sass/gnome-shell.scss ================================================ $variant: 'light'; $transparency: 'true'; $darker: 'false'; @import "_colors"; //use gtk colors @import "_drawing"; @import "_common"; ================================================ FILE: common/gnome-shell/3.18/gnome-shell-dark.css ================================================ /* 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 { font-family: Futura Bk bt, Cantarell, Sans-Serif; font-size: 9pt; color: #D3DAE3; } .button { min-height: 20px; padding: 5px 32px; transition-duration: 0; border-radius: 2px; } .button, .notification-banner .notification-button, .notification-banner:hover .notification-button, .notification-banner:focus .notification-button, .hotplug-notification-item { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #444a58; border: 1px solid #2b2e39; box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); } .button:focus, .notification-banner .notification-button:focus, .hotplug-notification-item:focus { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #444a58; border: 1px solid #5294e2; box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); } .button:hover, .notification-banner .notification-button:hover, .hotplug-notification-item:hover { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #505666; border: 1px solid #2b2e39; box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); } .button:hover:focus, .notification-banner .notification-button:hover:focus, .hotplug-notification-item:hover:focus { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #444a58; border: 1px solid #5294e2; box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); } .button:active, .notification-banner .notification-button:active, .hotplug-notification-item:active, .button:active:focus, .notification-banner .notification-button:active:focus, .hotplug-notification-item:active:focus { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #2b2e39; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive { text-shadow: 0 1px rgba(64, 69, 82, 0); color: rgba(211, 218, 227, 0.45); border: 1px solid rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); } StEntry { padding: 7px; caret-size: 1px; caret-color: #D3DAE3; selection-background-color: #5294e2; selected-color: #ffffff; transition-duration: 300ms; border-radius: 3px; color: #D3DAE3; background-color: #404552; border: 1px solid #2b2e39; box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); } StEntry:focus, StEntry:hover { color: #D3DAE3; background-color: #404552; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); } StEntry:insensitive { color: rgba(211, 218, 227, 0.45); background-color: #3c414e; border-color: 1px solid #313440; box-shadow: inset 0 2px 4px rgba(60, 65, 78, 0.05); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #F27835; padding: 0 4px; } StScrollView.vfade { -st-vfade-offset: 0px; } StScrollView.hfade { -st-hfade-offset: 0px; } StScrollBar { padding: 8px; } StScrollView StScrollBar { min-width: 5px; min-height: 5px; } StScrollBar StBin#trough { background-color: rgba(64, 69, 82, 0.1); border-radius: 8px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 4px; background-color: #767b87; border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #676b78; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #5294e2; } .slider { -slider-height: 4px; -slider-background-color: #2b2e39; -slider-border-color: transparent; -slider-active-background-color: #5294e2; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 0px; height: 18px; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; color: transparent; } .popup-menu-item.selected .slider { -slider-background-color: rgba(0, 0, 0, 0.2); -slider-active-background-color: #ffffff; } .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 16px; height: 16px; background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); } .check-box:focus StBin { background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } .check-box:checked StBin { background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } .check-box:focus:checked StBin { background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); } .toggle-switch { width: 50px; height: 20px; background-size: contain; background-image: url("dark-assets/switch/switch-off.svg"); } .toggle-switch:checked { background-image: url("dark-assets/switch/switch-on.svg"); } .popup-menu-item.selected .toggle-switch { background-image: url("common-assets/switch/switch-off-selected.svg"); } .popup-menu-item.selected .toggle-switch:checked { background-image: url("common-assets/switch/switch-on-selected.svg"); } .shell-link { color: #a9caf1; } .shell-link:hover { color: #d5e5f8; } .headline { font-size: 110%; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { color: #D3DAE3; background-color: rgba(56, 60, 74, 0); border: none; border-image: url("dark-assets/misc/modal.svg") 9 9 9 67; padding: 0 5px 6px 5px; } .modal-dialog .modal-dialog-content-box { padding: 20px 10px 10px 10px; } .modal-dialog-linked-button { height: 38px; padding: 0; box-shadow: inset 0 0 black; border-top-width: 1px; border-bottom-width: 0; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } .modal-dialog-linked-button:hover { background-color: rgba(64, 69, 83, 0.95); } .modal-dialog-linked-button:focus { color: #5294e2; } .modal-dialog-linked-button:active { color: #ffffff; background-color: #5294e2; } .modal-dialog-linked-button:insensitive { color: rgba(186, 195, 207, 0.5); background-color: rgba(49, 52, 63, 0.95); } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } .modal-dialog .run-dialog-entry { width: 21em; } .modal-dialog .run-dialog-error-box { padding-top: 5px; spacing: 5px; } .modal-dialog .run-dialog-label { font-size: 0; } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { font-size: 11pt; font-weight: bold; color: #D3DAE3; } .end-session-dialog { spacing: 42px; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #F27835; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border: 0px solid transparent; border-radius: 2px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: #D3DAE3; width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 10px; padding-left: 10px; } .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: #e3e7ed; font-size: 8pt; } .end-session-dialog .modal-dialog-linked-button:last-child { color: white; background-color: #F04A50; } .end-session-dialog .modal-dialog-linked-button:last-child:hover { color: white; background-color: #f47479; } .end-session-dialog .modal-dialog-linked-button:last-child:active { color: white; background-color: #ee3239; } .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .mount-question-dialog-subject { max-width: 500px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { font-size: 10pt; max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: #b4c0cf; } .show-processes-dialog-app-list-item:hover { color: #D3DAE3; } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 10pt; } .prompt-dialog { width: 500px; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { font-size: 12pt; font-weight: bold; color: #D3DAE3; } .prompt-dialog-descritption:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 9pt; color: #FC4138; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 9pt; padding-bottom: 8px; } .prompt-dialog-null-label { font-size: 9pt; padding-bottom: 8px; } .hidden { color: transparent; } .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #F27835; } .polkit-dialog-user-user-icon { border-radius: 2px; background-size: contain; width: 48px; height: 48px; } .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid #2b2e39; border-radius: 3px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #5294e2; border-color: #5294e2; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } .access-dialog { spacing: 30px; } .access-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .access-dialog-content { max-width: 28em; spacing: 20px; } .access-dialog-icon { min-width: 48px; icon-size: 48px; } .access-dialog-title { font-weight: bold; } .access-dialog-subtitle { color: #D3DAE3; font-weight: bold; } .geolocation-dialog { spacing: 30px; } .geolocation-dialog-main-layout { spacing: 12px; } .geolocation-dialog-content { spacing: 20px; } .geolocation-dialog-icon { icon-size: 48px; } .geolocation-dialog-title { font-weight: bold; } .geolocation-dialog-reason { color: #D3DAE3; font-weight: bold; } .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } .popup-menu { min-width: 15em; color: #D3DAE3; border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; } .popup-menu .popup-sub-menu { background: none; box-shadow: none; border-image: url("dark-assets/menu/submenu.svg") 9 9 9 9; } .popup-menu .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu .popup-menu-item { spacing: 12px; } .popup-menu .popup-menu-item:ltr { padding: .4em 3em .4em 0em; } .popup-menu .popup-menu-item:rtl { padding: .4em 0em .4em 3em; } .popup-menu .popup-menu-item:checked { font-weight: normal; background: none; box-shadow: none; border-image: url("dark-assets/menu/submenu-open.svg") 9 9 9 9; } .popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected { color: #ffffff; background-color: transparent; border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } .popup-menu .popup-menu-item:insensitive { color: rgba(211, 218, 227, 0.5); background: none; } .popup-menu .popup-inactive-menu-item { color: #D3DAE3; } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(211, 218, 227, 0.45); } .popup-menu.panel-menu { -boxpointer-gap: 0px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; margin-left: 10px; width: 16px; } .popup-menu-boxpointer { -arrow-border-radius: 2px; -arrow-background-color: transparent; -arrow-border-width: 1px; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; } .candidate-popup-boxpointer { -arrow-border-radius: 2px; -arrow-background-color: rgba(53, 57, 69, 0.95); -arrow-border-width: 1px; -arrow-border-color: rgba(0, 0, 0, 0.4); -arrow-base: 5; -arrow-rise: 5; } .popup-separator-menu-item { height: 2px; margin: 0; background-color: transparent; border: none; border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0px; } .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; margin: 32px; min-width: 64px; min-height: 64px; color: white; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } .osd-window .osd-monitor-label { font-size: 3em; } .osd-window .level { padding: 0; height: 4px; background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; color: #5294e2; } .osd-window .level-bar { background-color: #5294e2; border-radius: 2px; } .resize-popup { color: #BAC3CF; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; padding: 12px; } .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list { background: none; border: none; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; border: 1px solid transparent; } .switcher-list .item-box:outlined { padding: 8px; border: 1px solid #5294e2; } .switcher-list .item-box:selected { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(211, 218, 227, 0.33); } .switcher-arrow { border-color: transparent; color: #BAC3CF; } .switcher-arrow:highlighted { color: white; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #5294e2; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .workspace-switcher-group { padding: 12px; } .workspace-switcher-container { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; padding-bottom: 24px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 30px; background-color: #5294e2; background-size: 96px; border-radius: 2px; border: 1px solid #5294e2; } .ws-switcher-active-up { background-image: url("common-assets/misc/ws-switch-arrow-up.png"); } .ws-switcher-active-down { background-image: url("common-assets/misc/ws-switch-arrow-down.png"); } .ws-switcher-box { height: 96px; background-color: rgba(0, 0, 0, 0.33); border-color: rgba(0, 0, 0, 0.33); border-radius: 2px; } .tile-preview { background-color: rgba(82, 148, 226, 0.35); border: 1px solid #5294e2; } .tile-preview-left.on-primary { border-radius: 0px 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0px 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0px 0px 0 0; } #panel { font-weight: bold; height: 2.1em; min-height: 27px; background-gradient-direction: none; background-color: transparent; border-bottom-width: 0; border-image: url("common-assets/panel/panel.svg") 1 1 1 1; } #panel.dynamic-top-bar-white-btn { border-image: none; } #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; border-image: none; } #panel:overview { border-image: url("common-assets/panel/panel-overview.svg") 1 1 1 1; } #panel #panelLeft, #panel #panelCenter { spacing: 8px; } #panel .panel-corner { -panel-corner-radius: 0px; -panel-corner-background-color: transparent; -panel-corner-border-width: 0px; -panel-corner-border-color: black; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: black; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-cornerunlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 10px; -minimum-hpadding: 6px; font-weight: bold; color: white; transition-duration: 100ms; border-bottom-width: 1px; border-color: transparent; } #panel .panel-button .app-menu-icon { width: 0; height: 0; margin-left: 0px; margin-right: 0px; } #panel .panel-button:hover { color: white; background-color: rgba(0, 0, 0, 0.17); border-bottom-width: 1px; border-color: transparent; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { color: #ffffff; background-color: #5294e2; box-shadow: none; border-bottom-width: 1px; border-color: black; } #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; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: #f2f4f7; } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #f2f4f7; } #panel #panelActivities.panel-button { -natural-hpadding: 12px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FC4138; } #panel .clock-display > * > *:last-child { color: #5294e2; margin-left: .3em; } #panel .popup-menu-arrow { width: 0; } #panel #panelActivities.panel-button > * { background-image: url("common-assets/panel/activities.svg"); background-position: center top; width: 24px; height: 24px; background-color: transparent !important; background-gradient-direction: none !important; border: 0 solid transparent !important; text-shadow: 0 0 transparent !important; transition-duration: 0ms !important; box-shadow: none !important; color: transparent; } #panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { background-color: transparent; box-shadow: none; border-bottom-width: 1px; border-color: transparent; } #panel #panelActivities.panel-button:active > *, #panel #panelActivities.panel-button:overview > *, #panel #panelActivities.panel-button:focus > *, #panel #panelActivities.panel-button:checked > * { background-image: url("common-assets/panel/activities-active.svg"); } .system-switch-user-submenu-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("common-assets/misc/process-working.svg"); spacing: 4px; padding: 0 8px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 23.5em; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .system-menu-action { padding: 13px; color: #D3DAE3; border-radius: 32px; /* wish we could do 50% */ border: 1px solid transparent; } .system-menu-action:hover, .system-menu-action:focus { transition-duration: 100ms; padding: 13px; color: #D3DAE3; background-color: transparent; border: 1px solid #5294e2; } .system-menu-action:active { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; } .system-menu-action > StIcon { icon-size: 16px; } #calendarArea { padding: 0.75em 1.0em; } .calendar { margin-bottom: 1em; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 0.4em; } .datemenu-calendar-column { spacing: 0.5em; border: none; } .datemenu-displays-section { padding-bottom: 3em; } .datemenu-today-button, .world-clocks-button, .weather-button, .message-list-section-title, .events-section-title { border-radius: 3px; padding: .4em; } .message-list-section-list:ltr { padding-left: .4em; } .message-list-section-list:rtl { padding-right: .4em; } .datemenu-today-button, .world-clocks-button, .weather-button, .message-list-section-title, .events-section-title { padding: 7px 10px 7px 10px; border: 1px solid rgba(64, 69, 82, 0); } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .message-list-section-title:hover, .message-list-section-title:focus, .events-section-title:hover, .events-section-title:focus { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #505666; border: 1px solid #2b2e39; box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .message-list-section-title:active, .events-section-title:active { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #2b2e39; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .datemenu-today-button .date-label { font-size: 1.5em; } .world-clocks-header, .weather-header, .message-list-section-title, .events-section-title { color: rgba(211, 218, 227, 0.4); font-weight: bold; } .world-clocks-button:active .world-clocks-header, .weather-button:active .weather-header { color: #ffffff; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { color: #D3DAE3; font-weight: bold; padding: 8px 0; } .pager-button { color: transparent; background-color: transparent; width: 32px; border-radius: 2px; } .pager-button:focus, .pager-button:hover, .pager-button:active { background-color: transparent; } .calendar-change-month-back { background-image: url("dark-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:focus, .calendar-change-month-back:hover { background-image: url("dark-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-back:active { background-image: url("dark-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("dark-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { background-image: url("dark-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-back:rtl:active { background-image: url("dark-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("dark-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { background-image: url("dark-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-forward:active { background-image: url("dark-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("dark-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { background-image: url("dark-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-forward:rtl:active { background-image: url("dark-assets/misc/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 80%; text-align: center; width: 25px; height: 25px; padding: 0.1em; margin: 2px; border-radius: 12.5px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.1); } .calendar-day-base:active, .calendar-day-base:selected { color: #D3DAE3; background-color: rgba(0, 0, 0, 0.15); border-width: 0; } .calendar-day-base.calendar-day-heading { color: rgba(211, 218, 227, 0.85); margin-top: 1em; font-size: 70%; } .calendar-day { border-width: 0; color: rgba(211, 218, 227, 0.8); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #D3DAE3; font-weight: bold; } .calendar-today, .calendar-today:active, .calendar-today:selected, .calendar-today:focus, .calendar-today:hover { font-weight: bold; color: #ffffff; background-color: #5294e2; border-width: 0; } .calendar-day-with-events { font-weight: bold; background-image: url("common-assets/misc/calendar-today.svg"); } .calendar-today.calendar-day-with-events { color: #ffffff; } .calendar-other-month-day { color: rgba(211, 218, 227, 0.3); opacity: 1; } .calendar-week-number { font-size: 70%; font-weight: bold; width: 2.3em; height: 1.8em; border-radius: 2px; padding: 0.5em 0 0; margin: 6px; background-color: rgba(211, 218, 227, 0.3); color: #383C4A; } .message-list { width: 31.5em; } .message-list-sections { spacing: 1.5em; } .message-list-section, .message-list-section-list { spacing: 0.7em; } .message-list-section-list-title-box { spacing: 0.4em; } .message-list-placeholder StIcon { width: 0; height: 0; } .message-list-placeholder StLabel { color: rgba(211, 218, 227, 0.45); } .message-list-clear-button.button { margin: 1.5em 1.5em 0; padding: 4px 12px; } .message-list-section-close > StIcon { icon-size: 18px; border-radius: 0px; color: transparent; background-color: transparent; background-image: url("dark-assets/misc/message-close.svg"); } .message-list-section-close:hover > StIcon { color: transparent; background-color: transparent; background-image: url("dark-assets/misc/message-close-hover.svg"); } .message-list-section-close:active > StIcon { color: transparent; background-color: transparent; background-image: url("dark-assets/misc/message-close-active.svg"); } .message { padding: 4px; color: #D3DAE3; border-image: url("dark-assets/misc/message.svg") 9 9 9 9; } .message:hover, .message:focus { color: #D3DAE3; border-image: url("dark-assets/misc/message-hover.svg") 9 9 9 9; } .message:active { color: #ffffff; border-image: url("dark-assets/misc/message-active.svg") 9 9 9 9; } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: inherit; } .message-secondary-bin, .message-secondary-bin > .event-time { color: rgba(211, 218, 227, 0.6); font-size: 0.9em; } .message-secondary-bin:ltr, .message-secondary-bin > .event-time:ltr { padding-left: 8px; } .message-secondary-bin:rtl, .message-secondary-bin > .event-time:rtl { padding-right: 8px; } .message:active .message-secondary-bin, .message:active .message-secondary-bin > .event-time { color: rgba(255, 255, 255, 0.6); } .message-secondary-bin > StIcon { icon-size: 16px; } .message-title { color: inherit; font-weight: bold; font-size: 1em; padding: 2px 0 2px 0; } .message-content { color: inherit; padding: 8px; font-size: 1em; } .message-media-control { padding: 6px; color: #D3DAE3; } .message-media-control:last-child:ltr { padding-right: 18px; } .message-media-control:last-child:rtl { padding-left: 18px; } .message-media-control:hover { color: rgba(211, 218, 227, 0.7); } .message-media-control:active { color: #5294e2; } .message-media-control:insensitive { color: rgba(211, 218, 227, 0.45); } .message:active .message-media-control { color: #ffffff; } .media-message-cover-icon { icon-size: 32px; } .media-message-cover-icon.fallback { color: rgba(211, 218, 227, 0.45); background-color: #383C4A; border-radius: 2px; icon-size: 16px; padding: 8px; border: 1px solid #2b2e39; } .ripple-box { width: 52px; height: 52px; background-image: url("common-assets/misc/corner-ripple-ltr.svg"); background-size: contain; } .ripple-box:rtl { background-image: url("common-assets/misc/corner-ripple-rtl.svg"); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .window-close { background-image: url("common-assets/misc/close.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close:hover { background-image: url("common-assets/misc/close-hover.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close:active { background-image: url("common-assets/misc/close-active.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close { -shell-close-overlap: 11px; } .nm-dialog { max-height: 500px; min-height: 450px; min-width: 470px; } .nm-dialog-content { spacing: 20px; padding: 10px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-size: 1.1em; font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: #D3DAE3; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: 1px solid #2b2e39; border-radius: 2px; background-color: #404552; } .nm-dialog-header { font-weight: bold; font-size: 1.2em; } .nm-dialog-item { font-size: 1em; border-bottom: 0px solid; padding: 12px; spacing: 0px; } .nm-dialog-item:selected { background-color: #5294e2; color: #ffffff; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(211, 218, 227, 0.45); } .no-networks-box { spacing: 12px; } #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; } .window-picker.external-monitor { padding: 32px; } .window-clone-border { border: 3px solid rgba(82, 148, 226, 0.8); border-radius: 4px; box-shadow: inset 0px 0px 0px 1px rgba(82, 148, 226, 0); } .window-caption, .window-caption:hover { spacing: 25px; color: #BAC3CF; background-color: rgba(0, 0, 0, 0.7); border-radius: 2px; padding: 4px 12px; -shell-caption-spacing: 12px; } .search-entry { width: 320px; padding: 7px 9px; border-radius: 20px; border: 1px solid rgba(0, 0, 0, 0.25); background-color: rgba(64, 69, 82, 0.9); } .search-entry:focus { padding: 7px 9px; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: #D3DAE3; } .search-entry:hover, .search-entry:focus { color: #ffffff; caret-color: #ffffff; background-color: #5294e2; selection-background-color: #ffffff; selected-color: #5294e2; } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #ffffff; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { background-color: rgba(255, 255, 255, 0.2); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 1.5em; color: white; } .list-search-result-description { color: #cccccc; } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("common-assets/misc/more-results.svg"); } #dash { font-size: 1em; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); border-color: rgba(0, 0, 0, 0.4); padding: 4px 0; border-radius: 0 3px 3px 0; } #dash:rtl { border-radius: 3px 0 0 3px; } .right #dash, #dash:rtl { padding: 4px 0; } .top #dash, .bottom #dash { padding: 0; } #dash .placeholder { background-image: url("common-assets/dash/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget, .dash-item-container > StWidget:rtl, .right .dash-item-container > StWidget { padding: 4px 8px; } .top .dash-item-container > StWidget, .bottom .dash-item-container > StWidget { padding: 6px; } .dash-label { border-radius: 3px; padding: 4px 12px; color: white; background-color: rgba(0, 0, 0, 0.7); text-align: center; -x-offset: 3px; } .bottom .dash-label, .top .dash-label { -y-offset: 3px; -x-offset: 0; } #dash .app-well-app:hover .overview-icon, .right #dash .app-well-app:hover .overview-icon, .bottom #dash .app-well-app:hover .overview-icon, .top #dash .app-well-app:hover .overview-icon { background-color: #5294e2; } #dash .app-well-app:active .overview-icon, .right #dash .app-well-app:active .overview-icon, .bottom #dash .app-well-app:active .overview-icon, .top #dash .app-well-app:active .overview-icon { box-shadow: none; background-color: #2679db; } #dash .app-well-app-running-dot { width: 11px; height: 2px; margin-bottom: 2px; background-color: #5294e2; } #dashtodockContainer .app-well-app-running-dot { background: none; width: 28px; height: 4px; } #dashtodockContainer .running1 .app-well-app-running-dot { background-image: url("common-assets/dash/running1.svg"); } #dashtodockContainer .running2 .app-well-app-running-dot { background-image: url("common-assets/dash/running2.svg"); } #dashtodockContainer .running3 .app-well-app-running-dot { background-image: url("common-assets/dash/running3.svg"); } #dashtodockContainer .running4 .app-well-app-running-dot { background-image: url("common-assets/dash/running4.svg"); } .show-apps .overview-icon { background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; border: 0px solid; } .show-apps:hover .overview-icon { background-color: rgba(0, 0, 0, 0.7); color: #5294e2; } .show-apps:active .overview-icon, .show-apps:active .show-apps-icon, .show-apps:checked .overview-icon, .show-apps:checked .show-apps-icon { color: #ffffff; background-color: #5294e2; box-shadow: none; transition-duration: 0ms; } .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .app-view-controls { padding-bottom: 32px; } .app-view-control { padding: 4px 32px; text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .app-view-control:hover { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .app-view-control:checked { color: #ffffff; background-color: #5294e2; } .app-view-control:first-child:ltr, .app-view-control:last-child:rtl { border-radius: 2px 0 0 2px; border-right-width: 0; } .app-view-control:last-child:ltr, .app-view-control:first-child:rtl { border-radius: 0 2px 2px 0; border-left-width: 0; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(31, 33, 40, 0.85); } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(186, 195, 207, 0.4); transition-duration: 200ms; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(31, 33, 40, 0.85); box-shadow: inset 0 0 #5294e2; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(186, 195, 207, 0.4); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app-running-dot { width: 20px; height: 2px; margin-bottom: 4px; background-color: #5294e2; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .grid-search-result .overview-icon { color: white; border-radius: 2px; padding: 6px; border: 1px solid transparent; transition-duration: 0ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(35, 38, 46, 0.95); border: 1px solid rgba(0, 0, 0, 0.45); } .app-well-app.app-folder:hover > .overview-icon { background-color: rgba(60, 64, 78, 0.95); } .app-well-app.app-folder:active > .overview-icon, .app-well-app.app-folder:checked > .overview-icon { color: #ffffff; background-color: #5294e2; box-shadow: none; } .app-well-app.app-folder:focus > .overview-icon { background-color: #5294e2; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(35, 38, 46, 0.95); -arrow-border-color: rgba(0, 0, 0, 0.45); -arrow-border-width: 1px; -arrow-base: 5; -arrow-rise: 5; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 18px; height: 18px; background-image: url(common-assets/misc/page-indicator-inactive.svg); } .page-indicator:hover .page-indicator-icon { background-image: url(common-assets/misc/page-indicator-hover.svg); } .page-indicator:active .page-indicator-icon { background-image: url(common-assets/misc/page-indicator-active.svg); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active { background-image: url(common-assets/misc/page-indicator-checked.svg); } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails, .workspace-thumbnails:rtl, .workspace-thumbnails-left, .workspace-thumbnails-left:rtl { visible-width: 40px; spacing: 11px; padding: 12px; } .workspace-thumbnails, .workspace-thumbnails-left:rtl { padding-right: 7px; border-image: url("common-assets/dash/dash-right.svg") 9 9 9 9; } .workspace-thumbnails:rtl, .workspace-thumbnails-left { padding-left: 7px; border-image: url("common-assets/dash/dash-left.svg") 9 9 9 9; } .workspace-thumbnail-indicator { border: 4px solid rgba(82, 148, 226, 0.8); border-radius: 1px; padding: 1px; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .search-statustext, .no-frequent-applications-label { font-size: 2em; font-weight: bold; color: #D3DAE3; } .url-highlighter { link-color: #a9caf1; } .notification-banner, .notification-banner:hover, .notification-banner:focus { font-size: 1em; width: 34em; margin: 5px; padding: 10px; color: #D3DAE3; background-color: transparent; border: 1px solid transparent; border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; } .notification-banner .notification-icon, .notification-banner:hover .notification-icon, .notification-banner:focus .notification-icon { padding: 5px; } .notification-banner .notification-content, .notification-banner:hover .notification-content, .notification-banner:focus .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon, .notification-banner:hover .secondary-icon, .notification-banner:focus .secondary-icon { icon-size: 1.09em; } .notification-banner .notification-actions, .notification-banner:hover .notification-actions, .notification-banner:focus .notification-actions { background-color: transparent; padding: 2px 2px 0 2px; spacing: 3px; } .notification-banner .notification-button, .notification-banner:hover .notification-button, .notification-banner:focus .notification-button { padding: 4px 4px 5px; } .notification-banner .notification-button:first-child, .notification-banner .notification-button:last-child, .notification-banner:hover .notification-button:first-child, .notification-banner:hover .notification-button:last-child, .notification-banner:focus .notification-button:first-child, .notification-banner:focus .notification-button:last-child { border-radius: 2px; } .secondary-icon { icon-size: 1.09em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #D3DAE3; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: #5294e2; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: rgba(211, 218, 227, 0.6); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .subscription-message { font-style: italic; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 2px 10px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 4px; } .hotplug-resident-mount:hover { background-color: rgba(56, 60, 74, 0.3); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 5px; color: pink; } .legacy-tray { background-color: rgba(43, 46, 55, 0.95); } .legacy-tray:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } .legacy-tray:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; } .legacy-tray-handle StIcon, .legacy-tray-icon StIcon { icon-size: 24px; } .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { background-color: rgba(211, 218, 227, 0.1); } .legacy-tray-icon-box { spacing: 12px; } .legacy-tray-icon-box:ltr { padding-left: 12px; } .legacy-tray-icon-box:rtl { padding-right: 12px; } .legacy-tray-icon-box StButton { width: 24px; height: 24px; } .masterslider.smaller .masterlabel, .masterslider.smaller .slider { min-width: 155px; } .magnifier-zoom-region { border: 2px solid #5294e2; } .magnifier-zoom-region.full-screen { border-width: 0; } #keyboard { background-color: rgba(53, 57, 69, 0.95); border-width: 0; border-top-width: 1px; border-color: rgba(0, 0, 0, 0.2); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 2em; min-width: 2em; font-size: 14pt; font-weight: bold; border-radius: 3px; box-shadow: none; text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .keyboard-key:hover { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .keyboard-key:active, .keyboard-key:checked { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #ffffff; border: 1px solid rgba(26, 28, 34, 0.35); background-color: #5294e2; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .keyboard-key:grayed { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #5d626e; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .keyboard-subkeys { color: #BAC3CF; padding: 5px; -arrow-border-radius: 2px; -arrow-background-color: rgba(53, 57, 69, 0.95); -arrow-border-width: 1px; -arrow-border-color: rgba(0, 0, 0, 0.4); -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 5px; } .candidate-popup-content { padding: 0.5em; spacing: 0.3em; color: #BAC3CF; font-size: 1.15em; } .candidate-index { padding: 0 0.5em 0 0; color: #d8dde4; } .candidate-box { padding: 0.3em 0.5em 0.3em 0.5em; border-radius: 2px; color: #BAC3CF; } .candidate-box:selected, .candidate-box:hover { background-color: #5294e2; color: #ffffff; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 0.5em; } .horizontal .candidate-page-button-box { padding-left: 0.5em; } .candidate-page-button { padding: 4px; } .candidate-page-button-previous { border-radius: 2px 0px 0px 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 0px 2px 2px 0px; } .candidate-page-button-icon { icon-size: 1em; } .framed-user-icon { background-size: contain; border: 0px solid transparent; color: #D3DAE3; border-radius: 2px; } .framed-user-icon:hover { border-color: transparent; color: white; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 3px 18px; } .login-dialog .modal-dialog-button:default { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #444a58; border: 1px solid #2b2e39; box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #D3DAE3; background-color: #505666; border: 1px solid #2b2e39; box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); } .login-dialog .modal-dialog-button:default:active { text-shadow: 0 1px rgba(64, 69, 82, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #2b2e39; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .login-dialog .modal-dialog-button:default:insensitive { text-shadow: 0 1px rgba(64, 69, 82, 0); color: rgba(211, 218, 227, 0.45); border: 1px solid rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #9ca9ba; } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #F27835; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-user-selection-box .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label { color: #BAC3CF; } .login-dialog-not-listed-label { font-size: 90%; font-weight: bold; color: #62758e; padding-top: 1em; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { background-color: #5294e2; color: #ffffff; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #5294e2; } .login-dialog-user-list-item { border-radius: 5px; padding: .2em; color: #62758e; } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: #5294e2; color: #ffffff; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #BAC3CF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #ffffff; } .login-dialog-username, .user-widget-label { color: #BAC3CF; font-size: 120%; font-weight: bold; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: #7e8fa5; font-size: 110%; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: #62758e; } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #BAC3CF; } .login-dialog-session-list-button:active { color: #394351; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } .screen-shield-clock { color: white; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); font-weight: bold; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 72pt; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); } .screen-shield-clock-date { font-size: 28pt; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 12px 6px; border: 1px solid rgba(186, 195, 207, 0.2); background-color: rgba(53, 57, 69, 0.45); color: #BAC3CF; border-radius: 4px; } .screen-shield-notifications-container .notification { margin-right: 15px; } .screen-shield-notification-label { font-weight: bold; padding: 0px 0px 0px 12px; } .screen-shield-notification-count-text { padding: 0px 0px 0px 12px; } #panel.lock-screen { background-color: rgba(53, 57, 69, 0.5); } .screen-shield-background { background: black; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); } #lockDialogGroup { background: #2e3436 url(misc/noise-texture.png); background-repeat: repeat; } #screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle { background-color: rgba(56, 60, 74, 0.3); } #screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus { background-color: rgba(56, 60, 74, 0.5); } #screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active { background-color: rgba(82, 148, 226, 0.5); } #LookingGlassDialog { spacing: 4px; padding: 8px 8px 10px 8px; background-color: rgba(0, 0, 0, 0.7); border: 1px solid black; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 2px; color: #BAC3CF; } #LookingGlassDialog > #Toolbar { padding: 3px; border: none; background-color: transparent; border-radius: 0px; } #LookingGlassDialog .labels { spacing: 4px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: #BAC3CF; transition-duration: 100ms; padding-left: .3em; padding-right: .3em; } #LookingGlassDialog .notebook-tab:hover { color: white; text-shadow: black 0px 2px 2px; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0px; color: #5294e2; text-shadow: black 0px 2px 2px; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { caret-color: #ffffff; selection-background-color: #5294e2; selected-color: #ffffff; color: #BAC3CF; background-color: rgba(102, 109, 132, 0.35); border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .lg-dialog StEntry:focus { color: #ffffff; background-color: #5294e2; border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); selection-background-color: #ffffff; selected-color: #5294e2; } .lg-dialog .shell-link { color: #a9caf1; } .lg-dialog .shell-link:hover { color: #d5e5f8; } .lg-completions-text { font-size: .9em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { border: 1px solid gray; padding: 4px; border-radius: 4px; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 2px; background-color: rgba(53, 57, 69, 0.95); padding: 4px; } .lg-extension-name { font-weight: bold; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(0, 0, 0, 0.7); border: 1px solid grey; border-radius: 2px; padding: 6px; } ================================================ FILE: common/gnome-shell/3.18/gnome-shell.css ================================================ /* 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 { font-family: Futura Bk bt, Cantarell, Sans-Serif; font-size: 9pt; color: #5c616c; } .button { min-height: 20px; padding: 5px 32px; transition-duration: 0; border-radius: 2px; } .button, .notification-banner .notification-button, .notification-banner:hover .notification-button, .notification-banner:focus .notification-button, .hotplug-notification-item { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: #fbfbfc; border: 1px solid #cfd6e6; box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); } .button:focus, .notification-banner .notification-button:focus, .hotplug-notification-item:focus { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: #fbfbfc; border: 1px solid #5294e2; box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); } .button:hover, .notification-banner .notification-button:hover, .hotplug-notification-item:hover { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: white; border: 1px solid #cfd6e6; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } .button:hover:focus, .notification-banner .notification-button:hover:focus, .hotplug-notification-item:hover:focus { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: #fbfbfc; border: 1px solid #5294e2; box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); } .button:active, .notification-banner .notification-button:active, .hotplug-notification-item:active, .button:active:focus, .notification-banner .notification-button:active:focus, .hotplug-notification-item:active:focus { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive { text-shadow: 0 1px rgba(255, 255, 255, 0); color: rgba(92, 97, 108, 0.55); border: 1px solid rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); } StEntry { padding: 7px; caret-size: 1px; caret-color: #5c616c; selection-background-color: #5294e2; selected-color: #ffffff; transition-duration: 300ms; border-radius: 3px; color: #5c616c; background-color: #ffffff; border: 1px solid #cfd6e6; box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); } StEntry:focus, StEntry:hover { color: #5c616c; background-color: #ffffff; border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); } StEntry:insensitive { color: rgba(92, 97, 108, 0.55); background-color: #fbfbfb; border-color: 1px solid #e0e4ee; box-shadow: inset 0 2px 4px rgba(251, 251, 251, 0.05); } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #F27835; padding: 0 4px; } StScrollView.vfade { -st-vfade-offset: 0px; } StScrollView.hfade { -st-hfade-offset: 0px; } StScrollBar { padding: 8px; } StScrollView StScrollBar { min-width: 5px; min-height: 5px; } StScrollBar StBin#trough { background-color: rgba(255, 255, 255, 0.1); border-radius: 8px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 4px; background-color: #b8babf; border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { background-color: #c7c9cd; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #5294e2; } .slider { -slider-height: 4px; -slider-background-color: #cfd6e6; -slider-border-color: transparent; -slider-active-background-color: #5294e2; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 0px; height: 18px; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; color: transparent; } .popup-menu-item.selected .slider { -slider-background-color: rgba(0, 0, 0, 0.2); -slider-active-background-color: #ffffff; } .check-box StBoxLayout { spacing: .8em; } .check-box StBin { width: 16px; height: 16px; background-image: url("light-assets/checkbox/checkbox-unchecked.svg"); } .check-box:focus StBin { background-image: url("light-assets/checkbox/checkbox-unchecked-focused.svg"); } .check-box:checked StBin { background-image: url("light-assets/checkbox/checkbox-checked.svg"); } .check-box:focus:checked StBin { background-image: url("light-assets/checkbox/checkbox-checked-focused.svg"); } .toggle-switch { width: 50px; height: 20px; background-size: contain; background-image: url("light-assets/switch/switch-off.svg"); } .toggle-switch:checked { background-image: url("light-assets/switch/switch-on.svg"); } .popup-menu-item.selected .toggle-switch { background-image: url("common-assets/switch/switch-off-selected.svg"); } .popup-menu-item.selected .toggle-switch:checked { background-image: url("common-assets/switch/switch-on-selected.svg"); } .shell-link { color: #2679db; } .shell-link:hover { color: #5294e2; } .headline { font-size: 110%; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { color: #5c616c; background-color: rgba(245, 246, 247, 0); border: none; border-image: url("light-assets/misc/modal.svg") 9 9 9 67; padding: 0 5px 6px 5px; } .modal-dialog .modal-dialog-content-box { padding: 20px 10px 10px 10px; } .modal-dialog-linked-button { height: 39px; padding: 0; box-shadow: inset 0 0 black; border-top-width: 0px; border-bottom-width: 0; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); border-color: rgba(42, 45, 55, 0.95); } .modal-dialog-linked-button:hover { background-color: rgba(64, 69, 83, 0.95); } .modal-dialog-linked-button:focus { color: #5294e2; } .modal-dialog-linked-button:active { color: #ffffff; background-color: #5294e2; } .modal-dialog-linked-button:insensitive { color: rgba(186, 195, 207, 0.5); background-color: rgba(49, 52, 63, 0.95); } .modal-dialog-linked-button:first-child { border-radius: 0px 0px 0px 2px; } .modal-dialog-linked-button:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } .modal-dialog-linked-button:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } .modal-dialog .run-dialog-entry { width: 21em; } .modal-dialog .run-dialog-error-box { padding-top: 5px; spacing: 5px; } .modal-dialog .run-dialog-label { font-size: 0; } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { font-size: 11pt; font-weight: bold; color: #5c616c; } .end-session-dialog { spacing: 42px; } .end-session-dialog-list { padding-top: 20px; } .end-session-dialog-layout { padding-left: 17px; } .end-session-dialog-layout:rtl { padding-right: 17px; } .end-session-dialog-description { width: 28em; padding-bottom: 10px; } .end-session-dialog-description:rtl { text-align: right; } .end-session-dialog-warning { width: 28em; color: #F27835; padding-top: 6px; } .end-session-dialog-warning:rtl { text-align: right; } .end-session-dialog-logout-icon { border: 0px solid transparent; border-radius: 2px; width: 48px; height: 48px; background-size: contain; } .end-session-dialog-shutdown-icon { color: #5c616c; width: 48px; height: 48px; } .end-session-dialog-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 10px; padding-left: 10px; } .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: #686d7a; font-size: 8pt; } .end-session-dialog .modal-dialog-linked-button:last-child { color: white; background-color: #F04A50; } .end-session-dialog .modal-dialog-linked-button:last-child:hover { color: white; background-color: #f47479; } .end-session-dialog .modal-dialog-linked-button:last-child:active { color: white; background-color: #ee3239; } .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; } .show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl { padding-left: 0px; padding-right: 17px; } .mount-question-dialog-subject { max-width: 500px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; } .show-processes-dialog-description:rtl, .mount-question-dialog-description:rtl { padding-right: 17px; } .show-processes-dialog-app-list { font-size: 10pt; max-height: 200px; padding-top: 24px; padding-left: 49px; padding-right: 32px; } .show-processes-dialog-app-list:rtl { padding-right: 49px; padding-left: 32px; } .show-processes-dialog-app-list-item { color: #454850; } .show-processes-dialog-app-list-item:hover { color: #5c616c; } .show-processes-dialog-app-list-item:ltr { padding-right: 1em; } .show-processes-dialog-app-list-item:rtl { padding-left: 1em; } .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } .show-processes-dialog-app-list-item-name { font-size: 10pt; } .prompt-dialog { width: 500px; } .prompt-dialog-main-layout { spacing: 24px; padding: 10px; } .prompt-dialog-message-layout { spacing: 16px; } .prompt-dialog-headline { font-size: 12pt; font-weight: bold; color: #5c616c; } .prompt-dialog-descritption:rtl { text-align: right; } .prompt-dialog-password-box { spacing: 1em; padding-bottom: 1em; } .prompt-dialog-error-label { font-size: 9pt; color: #FC4138; padding-bottom: 8px; } .prompt-dialog-info-label { font-size: 9pt; padding-bottom: 8px; } .prompt-dialog-null-label { font-size: 9pt; padding-bottom: 8px; } .hidden { color: transparent; } .polkit-dialog-user-layout { padding-left: 10px; spacing: 10px; } .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } .polkit-dialog-user-root-label { color: #F27835; } .polkit-dialog-user-user-icon { border-radius: 2px; background-size: contain; width: 48px; height: 48px; } .audio-device-selection-dialog { spacing: 30px; } .audio-selection-content { spacing: 20px; padding: 24px; } .audio-selection-title { font-weight: bold; text-align: center; } .audio-selection-box { spacing: 20px; } .audio-selection-device { border: 1px solid #dcdfe3; border-radius: 3px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { background-color: #5294e2; border-color: #5294e2; } .audio-selection-device-box { padding: 20px; spacing: 20px; } .audio-selection-device-icon { icon-size: 64px; } .access-dialog { spacing: 30px; } .access-dialog-main-layout { padding: 12px 20px 0; spacing: 12px; } .access-dialog-content { max-width: 28em; spacing: 20px; } .access-dialog-icon { min-width: 48px; icon-size: 48px; } .access-dialog-title { font-weight: bold; } .access-dialog-subtitle { color: #5c616c; font-weight: bold; } .geolocation-dialog { spacing: 30px; } .geolocation-dialog-main-layout { spacing: 12px; } .geolocation-dialog-content { spacing: 20px; } .geolocation-dialog-icon { icon-size: 48px; } .geolocation-dialog-title { font-weight: bold; } .geolocation-dialog-reason { color: #5c616c; font-weight: bold; } .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } .popup-menu { min-width: 15em; color: #5c616c; border-image: url("light-assets/menu/menu.svg") 9 9 9 9; } .popup-menu .popup-sub-menu { background: none; box-shadow: none; border-image: url("light-assets/menu/submenu.svg") 9 9 9 9; } .popup-menu .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu .popup-menu-item { spacing: 12px; } .popup-menu .popup-menu-item:ltr { padding: .4em 3em .4em 0em; } .popup-menu .popup-menu-item:rtl { padding: .4em 0em .4em 3em; } .popup-menu .popup-menu-item:checked { font-weight: normal; background: none; box-shadow: none; border-image: url("light-assets/menu/submenu-open.svg") 9 9 9 9; } .popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected { color: #ffffff; background-color: transparent; border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } .popup-menu .popup-menu-item:insensitive { color: rgba(92, 97, 108, 0.5); background: none; } .popup-menu .popup-inactive-menu-item { color: #5c616c; } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(92, 97, 108, 0.55); } .popup-menu.panel-menu { -boxpointer-gap: 0px; margin-bottom: 1.75em; } .popup-menu-ornament { text-align: right; margin-left: 10px; width: 16px; } .popup-menu-boxpointer { -arrow-border-radius: 2px; -arrow-background-color: transparent; -arrow-border-width: 1px; -arrow-border-color: transparent; -arrow-base: 0; -arrow-rise: 0; } .candidate-popup-boxpointer { -arrow-border-radius: 2px; -arrow-background-color: rgba(53, 57, 69, 0.95); -arrow-border-width: 1px; -arrow-border-color: rgba(0, 0, 0, 0.4); -arrow-base: 5; -arrow-rise: 5; } .popup-separator-menu-item { height: 2px; margin: 0; background-color: transparent; border: none; border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; } .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0px; } .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; margin: 32px; min-width: 64px; min-height: 64px; color: white; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } .osd-window .osd-monitor-label { font-size: 3em; } .osd-window .level { padding: 0; height: 4px; background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; color: #5294e2; } .osd-window .level-bar { background-color: #5294e2; border-radius: 2px; } .resize-popup { color: #BAC3CF; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; padding: 12px; } .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list { background: none; border: none; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; } .switcher-list-item-container { spacing: 8px; } .switcher-list .item-box { padding: 8px; border-radius: 2px; border: 1px solid transparent; } .switcher-list .item-box:outlined { padding: 8px; border: 1px solid #5294e2; } .switcher-list .item-box:selected { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; } .switcher-list .thumbnail-box { padding: 2px; spacing: 4px; } .switcher-list .thumbnail { width: 256px; } .switcher-list .separator { width: 1px; background: rgba(92, 97, 108, 0.33); } .switcher-arrow { border-color: transparent; color: #BAC3CF; } .switcher-arrow:highlighted { color: white; } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } .cycler-highlight { border: 5px solid #5294e2; } .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; } .workspace-switcher-group { padding: 12px; } .workspace-switcher-container { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; padding-bottom: 24px; } .ws-switcher-active-up, .ws-switcher-active-down { height: 30px; background-color: #5294e2; background-size: 96px; border-radius: 2px; border: 1px solid #5294e2; } .ws-switcher-active-up { background-image: url("common-assets/misc/ws-switch-arrow-up.png"); } .ws-switcher-active-down { background-image: url("common-assets/misc/ws-switch-arrow-down.png"); } .ws-switcher-box { height: 96px; background-color: rgba(0, 0, 0, 0.33); border-color: rgba(0, 0, 0, 0.33); border-radius: 2px; } .tile-preview { background-color: rgba(82, 148, 226, 0.35); border: 1px solid #5294e2; } .tile-preview-left.on-primary { border-radius: 0px 0 0 0; } .tile-preview-right.on-primary { border-radius: 0 0px 0 0; } .tile-preview-left.tile-preview-right.on-primary { border-radius: 0px 0px 0 0; } #panel { font-weight: bold; height: 2.1em; min-height: 27px; background-gradient-direction: none; background-color: transparent; border-bottom-width: 0; border-image: url("common-assets/panel/panel.svg") 1 1 1 1; } #panel.dynamic-top-bar-white-btn { border-image: none; } #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { background-color: transparent; border-image: none; } #panel:overview { border-image: url("common-assets/panel/panel-overview.svg") 1 1 1 1; } #panel #panelLeft, #panel #panelCenter { spacing: 8px; } #panel .panel-corner { -panel-corner-radius: 0px; -panel-corner-background-color: transparent; -panel-corner-border-width: 0px; -panel-corner-border-color: black; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { -panel-corner-border-color: black; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-cornerunlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } #panel .panel-button { -natural-hpadding: 10px; -minimum-hpadding: 6px; font-weight: bold; color: white; transition-duration: 100ms; border-bottom-width: 1px; border-color: transparent; } #panel .panel-button .app-menu-icon { width: 0; height: 0; margin-left: 0px; margin-right: 0px; } #panel .panel-button:hover { color: white; background-color: rgba(0, 0, 0, 0.17); border-bottom-width: 1px; border-color: transparent; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { color: #ffffff; background-color: #5294e2; box-shadow: none; border-bottom-width: 1px; border-color: black; } #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; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { color: #737a88; } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #737a88; } #panel #panelActivities.panel-button { -natural-hpadding: 12px; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } #panel .power-status.panel-status-indicators-box { spacing: 0; } #panel .screencast-indicator { color: #FC4138; } #panel .clock-display > * > *:last-child { color: #5294e2; margin-left: .3em; } #panel .popup-menu-arrow { width: 0; } #panel #panelActivities.panel-button > * { background-image: url("common-assets/panel/activities.svg"); background-position: center top; width: 24px; height: 24px; background-color: transparent !important; background-gradient-direction: none !important; border: 0 solid transparent !important; text-shadow: 0 0 transparent !important; transition-duration: 0ms !important; box-shadow: none !important; color: transparent; } #panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { background-color: transparent; box-shadow: none; border-bottom-width: 1px; border-color: transparent; } #panel #panelActivities.panel-button:active > *, #panel #panelActivities.panel-button:overview > *, #panel #panelActivities.panel-button:focus > *, #panel #panelActivities.panel-button:checked > * { background-image: url("common-assets/panel/activities-active.svg"); } .system-switch-user-submenu-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("common-assets/misc/process-working.svg"); spacing: 4px; padding: 0 8px; } #appMenu .label-shadow { color: transparent; } .aggregate-menu { min-width: 23.5em; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } .system-menu-action { padding: 13px; color: #5c616c; border-radius: 32px; /* wish we could do 50% */ border: 1px solid transparent; } .system-menu-action:hover, .system-menu-action:focus { transition-duration: 100ms; padding: 13px; color: #5c616c; background-color: transparent; border: 1px solid #5294e2; } .system-menu-action:active { color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; } .system-menu-action > StIcon { icon-size: 16px; } #calendarArea { padding: 0.75em 1.0em; } .calendar { margin-bottom: 1em; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 0.4em; } .datemenu-calendar-column { spacing: 0.5em; border: none; } .datemenu-displays-section { padding-bottom: 3em; } .datemenu-today-button, .world-clocks-button, .weather-button, .message-list-section-title, .events-section-title { border-radius: 3px; padding: .4em; } .message-list-section-list:ltr { padding-left: .4em; } .message-list-section-list:rtl { padding-right: .4em; } .datemenu-today-button, .world-clocks-button, .weather-button, .message-list-section-title, .events-section-title { padding: 7px 10px 7px 10px; border: 1px solid rgba(255, 255, 255, 0); } .datemenu-today-button:hover, .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, .weather-button:hover, .weather-button:focus, .message-list-section-title:hover, .message-list-section-title:focus, .events-section-title:hover, .events-section-title:focus { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: white; border: 1px solid #cfd6e6; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .message-list-section-title:active, .events-section-title:active { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .datemenu-today-button .date-label { font-size: 1.5em; } .world-clocks-header, .weather-header, .message-list-section-title, .events-section-title { color: rgba(92, 97, 108, 0.4); font-weight: bold; } .world-clocks-button:active .world-clocks-header, .weather-button:active .weather-header { color: #ffffff; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { color: #5c616c; font-weight: bold; padding: 8px 0; } .pager-button { color: transparent; background-color: transparent; width: 32px; border-radius: 2px; } .pager-button:focus, .pager-button:hover, .pager-button:active { background-color: transparent; } .calendar-change-month-back { background-image: url("light-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:focus, .calendar-change-month-back:hover { background-image: url("light-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-back:active { background-image: url("light-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-back:rtl { background-image: url("light-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { background-image: url("light-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-back:rtl:active { background-image: url("light-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward { background-image: url("light-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { background-image: url("light-assets/misc/calendar-arrow-right-hover.svg"); } .calendar-change-month-forward:active { background-image: url("light-assets/misc/calendar-arrow-right.svg"); } .calendar-change-month-forward:rtl { background-image: url("light-assets/misc/calendar-arrow-left.svg"); } .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { background-image: url("light-assets/misc/calendar-arrow-left-hover.svg"); } .calendar-change-month-forward:rtl:active { background-image: url("light-assets/misc/calendar-arrow-left.svg"); } .calendar-day-base { font-size: 80%; text-align: center; width: 25px; height: 25px; padding: 0.1em; margin: 2px; border-radius: 12.5px; } .calendar-day-base:hover, .calendar-day-base:focus { background-color: rgba(0, 0, 0, 0.1); } .calendar-day-base:active, .calendar-day-base:selected { color: #5c616c; background-color: rgba(0, 0, 0, 0.15); border-width: 0; } .calendar-day-base.calendar-day-heading { color: rgba(92, 97, 108, 0.85); margin-top: 1em; font-size: 70%; } .calendar-day { border-width: 0; color: rgba(92, 97, 108, 0.8); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-nonwork-day { color: #5c616c; font-weight: bold; } .calendar-today, .calendar-today:active, .calendar-today:selected, .calendar-today:focus, .calendar-today:hover { font-weight: bold; color: #ffffff; background-color: #5294e2; border-width: 0; } .calendar-day-with-events { font-weight: bold; background-image: url("common-assets/misc/calendar-today.svg"); } .calendar-today.calendar-day-with-events { color: #ffffff; } .calendar-other-month-day { color: rgba(92, 97, 108, 0.3); opacity: 1; } .calendar-week-number { font-size: 70%; font-weight: bold; width: 2.3em; height: 1.8em; border-radius: 2px; padding: 0.5em 0 0; margin: 6px; background-color: rgba(92, 97, 108, 0.3); color: #F5F6F7; } .message-list { width: 31.5em; } .message-list-sections { spacing: 1.5em; } .message-list-section, .message-list-section-list { spacing: 0.7em; } .message-list-section-list-title-box { spacing: 0.4em; } .message-list-placeholder StIcon { width: 0; height: 0; } .message-list-placeholder StLabel { color: rgba(92, 97, 108, 0.55); } .message-list-clear-button.button { margin: 1.5em 1.5em 0; padding: 4px 12px; } .message-list-section-close > StIcon { icon-size: 18px; border-radius: 0px; color: transparent; background-color: transparent; background-image: url("light-assets/misc/message-close.svg"); } .message-list-section-close:hover > StIcon { color: transparent; background-color: transparent; background-image: url("light-assets/misc/message-close-hover.svg"); } .message-list-section-close:active > StIcon { color: transparent; background-color: transparent; background-image: url("light-assets/misc/message-close-active.svg"); } .message { padding: 4px; color: #5c616c; border-image: url("light-assets/misc/message.svg") 9 9 9 9; } .message:hover, .message:focus { color: #5c616c; border-image: url("light-assets/misc/message-hover.svg") 9 9 9 9; } .message:active { color: #ffffff; border-image: url("light-assets/misc/message-active.svg") 9 9 9 9; } .message-icon-bin { padding: 8px 0px 8px 8px; } .message-icon-bin:rtl { padding: 8px 8px 8px 0px; } .message-icon-bin > StIcon { color: inherit; } .message-secondary-bin, .message-secondary-bin > .event-time { color: rgba(92, 97, 108, 0.6); font-size: 0.9em; } .message-secondary-bin:ltr, .message-secondary-bin > .event-time:ltr { padding-left: 8px; } .message-secondary-bin:rtl, .message-secondary-bin > .event-time:rtl { padding-right: 8px; } .message:active .message-secondary-bin, .message:active .message-secondary-bin > .event-time { color: rgba(255, 255, 255, 0.6); } .message-secondary-bin > StIcon { icon-size: 16px; } .message-title { color: inherit; font-weight: bold; font-size: 1em; padding: 2px 0 2px 0; } .message-content { color: inherit; padding: 8px; font-size: 1em; } .message-media-control { padding: 6px; color: #5c616c; } .message-media-control:last-child:ltr { padding-right: 18px; } .message-media-control:last-child:rtl { padding-left: 18px; } .message-media-control:hover { color: rgba(92, 97, 108, 0.7); } .message-media-control:active { color: #5294e2; } .message-media-control:insensitive { color: rgba(92, 97, 108, 0.55); } .message:active .message-media-control { color: #ffffff; } .media-message-cover-icon { icon-size: 32px; } .media-message-cover-icon.fallback { color: rgba(92, 97, 108, 0.55); background-color: #F5F6F7; border-radius: 2px; icon-size: 16px; padding: 8px; border: 1px solid #dcdfe3; } .ripple-box { width: 52px; height: 52px; background-image: url("common-assets/misc/corner-ripple-ltr.svg"); background-size: contain; } .ripple-box:rtl { background-image: url("common-assets/misc/corner-ripple-rtl.svg"); } .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } .window-close { background-image: url("common-assets/misc/close.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close:hover { background-image: url("common-assets/misc/close-hover.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close:active { background-image: url("common-assets/misc/close-active.svg"); background-size: 26px; height: 26px; width: 26px; } .window-close { -shell-close-overlap: 11px; } .nm-dialog { max-height: 500px; min-height: 450px; min-width: 470px; } .nm-dialog-content { spacing: 20px; padding: 10px; } .nm-dialog-header-hbox { spacing: 10px; } .nm-dialog-airplane-box { spacing: 12px; } .nm-dialog-airplane-headline { font-size: 1.1em; font-weight: bold; text-align: center; } .nm-dialog-airplane-text { color: #5c616c; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: 1px solid #dcdfe3; border-radius: 2px; background-color: #ffffff; } .nm-dialog-header { font-weight: bold; font-size: 1.2em; } .nm-dialog-item { font-size: 1em; border-bottom: 0px solid; padding: 12px; spacing: 0px; } .nm-dialog-item:selected { background-color: #5294e2; color: #ffffff; } .nm-dialog-icons { spacing: .5em; } .nm-dialog-icon { icon-size: 16px; } .no-networks-label { color: rgba(92, 97, 108, 0.55); } .no-networks-box { spacing: 12px; } #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; } .window-picker.external-monitor { padding: 32px; } .window-clone-border { border: 3px solid rgba(82, 148, 226, 0.8); border-radius: 4px; box-shadow: inset 0px 0px 0px 1px rgba(82, 148, 226, 0); } .window-caption, .window-caption:hover { spacing: 25px; color: #BAC3CF; background-color: rgba(0, 0, 0, 0.7); border-radius: 2px; padding: 4px 12px; -shell-caption-spacing: 12px; } .search-entry { width: 320px; padding: 7px 9px; border-radius: 20px; border: 1px solid rgba(0, 0, 0, 0.25); background-color: rgba(255, 255, 255, 0.9); } .search-entry:focus { padding: 7px 9px; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 4px; color: #5c616c; } .search-entry:hover, .search-entry:focus { color: #ffffff; caret-color: #ffffff; background-color: #5294e2; selection-background-color: #ffffff; selected-color: #5294e2; } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { color: #ffffff; } #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } .search-section { spacing: 16px; } .search-section-content { spacing: 32px; } .list-search-results { spacing: 3px; } .search-section-separator { background-color: rgba(255, 255, 255, 0.2); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 1.5em; color: white; } .list-search-result-description { color: #cccccc; } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("common-assets/misc/more-results.svg"); } #dash { font-size: 1em; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); border-color: rgba(0, 0, 0, 0.4); padding: 4px 0; border-radius: 0 3px 3px 0; } #dash:rtl { border-radius: 3px 0 0 3px; } .right #dash, #dash:rtl { padding: 4px 0; } .top #dash, .bottom #dash { padding: 0; } #dash .placeholder { background-image: url("common-assets/dash/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { width: 24px; height: 24px; } .dash-item-container > StWidget, .dash-item-container > StWidget:rtl, .right .dash-item-container > StWidget { padding: 4px 8px; } .top .dash-item-container > StWidget, .bottom .dash-item-container > StWidget { padding: 6px; } .dash-label { border-radius: 3px; padding: 4px 12px; color: white; background-color: rgba(0, 0, 0, 0.7); text-align: center; -x-offset: 3px; } .bottom .dash-label, .top .dash-label { -y-offset: 3px; -x-offset: 0; } #dash .app-well-app:hover .overview-icon, .right #dash .app-well-app:hover .overview-icon, .bottom #dash .app-well-app:hover .overview-icon, .top #dash .app-well-app:hover .overview-icon { background-color: #5294e2; } #dash .app-well-app:active .overview-icon, .right #dash .app-well-app:active .overview-icon, .bottom #dash .app-well-app:active .overview-icon, .top #dash .app-well-app:active .overview-icon { box-shadow: none; background-color: #2679db; } #dash .app-well-app-running-dot { width: 11px; height: 2px; margin-bottom: 2px; background-color: #5294e2; } #dashtodockContainer .app-well-app-running-dot { background: none; width: 28px; height: 4px; } #dashtodockContainer .running1 .app-well-app-running-dot { background-image: url("common-assets/dash/running1.svg"); } #dashtodockContainer .running2 .app-well-app-running-dot { background-image: url("common-assets/dash/running2.svg"); } #dashtodockContainer .running3 .app-well-app-running-dot { background-image: url("common-assets/dash/running3.svg"); } #dashtodockContainer .running4 .app-well-app-running-dot { background-image: url("common-assets/dash/running4.svg"); } .show-apps .overview-icon { background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; border: 0px solid; } .show-apps:hover .overview-icon { background-color: rgba(0, 0, 0, 0.7); color: #5294e2; } .show-apps:active .overview-icon, .show-apps:active .show-apps-icon, .show-apps:checked .overview-icon, .show-apps:checked .show-apps-icon { color: #ffffff; background-color: #5294e2; box-shadow: none; transition-duration: 0ms; } .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } .icon-grid .overview-icon { icon-size: 96px; } .app-view-controls { padding-bottom: 32px; } .app-view-control { padding: 4px 32px; text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .app-view-control:hover { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .app-view-control:checked { color: #ffffff; background-color: #5294e2; } .app-view-control:first-child:ltr, .app-view-control:last-child:rtl { border-radius: 2px 0 0 2px; border-right-width: 0; } .app-view-control:last-child:ltr, .app-view-control:first-child:rtl { border-radius: 0 2px 2px 0; border-left-width: 0; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { background-color: rgba(31, 33, 40, 0.85); } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(186, 195, 207, 0.4); transition-duration: 200ms; } .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(31, 33, 40, 0.85); box-shadow: inset 0 0 #5294e2; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { background-color: rgba(186, 195, 207, 0.4); transition-duration: 0ms; border-image: none; background-image: none; } .app-well-app-running-dot { width: 20px; height: 2px; margin-bottom: 4px; background-color: #5294e2; } .search-provider-icon, .list-search-result, .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .grid-search-result .overview-icon { color: white; border-radius: 2px; padding: 6px; border: 1px solid transparent; transition-duration: 0ms; text-align: center; } .app-well-app.app-folder > .overview-icon { background-color: rgba(35, 38, 46, 0.95); border: 1px solid rgba(0, 0, 0, 0.45); } .app-well-app.app-folder:hover > .overview-icon { background-color: rgba(60, 64, 78, 0.95); } .app-well-app.app-folder:active > .overview-icon, .app-well-app.app-folder:checked > .overview-icon { color: #ffffff; background-color: #5294e2; box-shadow: none; } .app-well-app.app-folder:focus > .overview-icon { background-color: #5294e2; } .app-folder-popup { -arrow-border-radius: 2px; -arrow-background-color: rgba(35, 38, 46, 0.95); -arrow-border-color: rgba(0, 0, 0, 0.45); -arrow-border-width: 1px; -arrow-base: 5; -arrow-rise: 5; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; } .page-indicator .page-indicator-icon { width: 18px; height: 18px; background-image: url(common-assets/misc/page-indicator-inactive.svg); } .page-indicator:hover .page-indicator-icon { background-image: url(common-assets/misc/page-indicator-hover.svg); } .page-indicator:active .page-indicator-icon { background-image: url(common-assets/misc/page-indicator-active.svg); } .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active { background-image: url(common-assets/misc/page-indicator-checked.svg); } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } .workspace-thumbnails, .workspace-thumbnails:rtl, .workspace-thumbnails-left, .workspace-thumbnails-left:rtl { visible-width: 40px; spacing: 11px; padding: 12px; } .workspace-thumbnails, .workspace-thumbnails-left:rtl { padding-right: 7px; border-image: url("common-assets/dash/dash-right.svg") 9 9 9 9; } .workspace-thumbnails:rtl, .workspace-thumbnails-left { padding-left: 7px; border-image: url("common-assets/dash/dash-left.svg") 9 9 9 9; } .workspace-thumbnail-indicator { border: 4px solid rgba(82, 148, 226, 0.8); border-radius: 1px; padding: 1px; } .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { padding: 0px 88px 10px 88px; } .search-statustext, .no-frequent-applications-label { font-size: 2em; font-weight: bold; color: #5c616c; } .url-highlighter { link-color: #2679db; } .notification-banner, .notification-banner:hover, .notification-banner:focus { font-size: 1em; width: 34em; margin: 5px; padding: 10px; color: #5c616c; background-color: transparent; border: 1px solid transparent; border-image: url("light-assets/menu/menu.svg") 9 9 9 9; } .notification-banner .notification-icon, .notification-banner:hover .notification-icon, .notification-banner:focus .notification-icon { padding: 5px; } .notification-banner .notification-content, .notification-banner:hover .notification-content, .notification-banner:focus .notification-content { padding: 5px; spacing: 5px; } .notification-banner .secondary-icon, .notification-banner:hover .secondary-icon, .notification-banner:focus .secondary-icon { icon-size: 1.09em; } .notification-banner .notification-actions, .notification-banner:hover .notification-actions, .notification-banner:focus .notification-actions { background-color: transparent; padding: 2px 2px 0 2px; spacing: 3px; } .notification-banner .notification-button, .notification-banner:hover .notification-button, .notification-banner:focus .notification-button { padding: 4px 4px 5px; } .notification-banner .notification-button:first-child, .notification-banner .notification-button:last-child, .notification-banner:hover .notification-button:first-child, .notification-banner:hover .notification-button:last-child, .notification-banner:focus .notification-button:first-child, .notification-banner:focus .notification-button:last-child { border-radius: 2px; } .secondary-icon { icon-size: 1.09em; } .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: #5c616c; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; } .chat-received:rtl { padding-left: 0px; padding-right: 4px; } .chat-sent { padding-left: 18pt; color: #5294e2; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: rgba(92, 97, 108, 0.6); } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } .subscription-message { font-style: italic; } .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; } .hotplug-notification-item:focus { padding: 2px 10px; } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 4px; } .hotplug-resident-mount:hover { background-color: rgba(245, 246, 247, 0.3); } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 5px; color: pink; } .legacy-tray { background-color: rgba(43, 46, 55, 0.95); } .legacy-tray:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } .legacy-tray:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; } .legacy-tray-handle StIcon, .legacy-tray-icon StIcon { icon-size: 24px; } .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { background-color: rgba(92, 97, 108, 0.1); } .legacy-tray-icon-box { spacing: 12px; } .legacy-tray-icon-box:ltr { padding-left: 12px; } .legacy-tray-icon-box:rtl { padding-right: 12px; } .legacy-tray-icon-box StButton { width: 24px; height: 24px; } .masterslider.smaller .masterlabel, .masterslider.smaller .slider { min-width: 155px; } .magnifier-zoom-region { border: 2px solid #5294e2; } .magnifier-zoom-region.full-screen { border-width: 0; } #keyboard { background-color: rgba(53, 57, 69, 0.95); border-width: 0; border-top-width: 1px; border-color: rgba(0, 0, 0, 0.2); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 2em; min-width: 2em; font-size: 14pt; font-weight: bold; border-radius: 3px; box-shadow: none; text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .keyboard-key:hover { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #BAC3CF; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .keyboard-key:active, .keyboard-key:checked { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #ffffff; border: 1px solid rgba(26, 28, 34, 0.35); background-color: #5294e2; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .keyboard-key:grayed { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5d626e; border: 1px solid rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05); } .keyboard-subkeys { color: #BAC3CF; padding: 5px; -arrow-border-radius: 2px; -arrow-background-color: rgba(53, 57, 69, 0.95); -arrow-border-width: 1px; -arrow-border-color: rgba(0, 0, 0, 0.4); -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 5px; } .candidate-popup-content { padding: 0.5em; spacing: 0.3em; color: #BAC3CF; font-size: 1.15em; } .candidate-index { padding: 0 0.5em 0 0; color: #d8dde4; } .candidate-box { padding: 0.3em 0.5em 0.3em 0.5em; border-radius: 2px; color: #BAC3CF; } .candidate-box:selected, .candidate-box:hover { background-color: #5294e2; color: #ffffff; } .candidate-page-button-box { height: 2em; } .vertical .candidate-page-button-box { padding-top: 0.5em; } .horizontal .candidate-page-button-box { padding-left: 0.5em; } .candidate-page-button { padding: 4px; } .candidate-page-button-previous { border-radius: 2px 0px 0px 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 0px 2px 2px 0px; } .candidate-page-button-icon { icon-size: 1em; } .framed-user-icon { background-size: contain; border: 0px solid transparent; color: #5c616c; border-radius: 2px; } .framed-user-icon:hover { border-color: transparent; color: white; } .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { border: none; background-color: transparent; } .login-dialog .modal-dialog-button-box { spacing: 3px; } .login-dialog .modal-dialog-button { padding: 3px 18px; } .login-dialog .modal-dialog-button:default { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: #fbfbfc; border: 1px solid #cfd6e6; box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #5c616c; background-color: white; border: 1px solid #cfd6e6; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } .login-dialog .modal-dialog-button:default:active { text-shadow: 0 1px rgba(255, 255, 255, 0); color: #ffffff; background-color: #5294e2; border: 1px solid #5294e2; box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } .login-dialog .modal-dialog-button:default:insensitive { text-shadow: 0 1px rgba(255, 255, 255, 0); color: rgba(92, 97, 108, 0.55); border: 1px solid rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: #9ca9ba; } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: #F27835; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; } .login-dialog-user-selection-box .login-dialog-not-listed-label { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label { color: #BAC3CF; } .login-dialog-not-listed-label { font-size: 90%; font-weight: bold; color: #62758e; padding-top: 1em; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { background-color: #5294e2; color: #ffffff; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid #5294e2; } .login-dialog-user-list-item { border-radius: 5px; padding: .2em; color: #62758e; } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { padding-left: 1em; } .login-dialog-user-list-item:hover { background-color: #5294e2; color: #ffffff; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: #BAC3CF; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #ffffff; } .login-dialog-username, .user-widget-label { color: #BAC3CF; font-size: 120%; font-weight: bold; text-align: left; padding-left: 15px; } .user-widget-label:ltr { padding-left: 18px; } .user-widget-label:rtl { padding-right: 18px; } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: #7e8fa5; font-size: 110%; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: #62758e; } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { color: #BAC3CF; } .login-dialog-session-list-button:active { color: #394351; } .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } .screen-shield-clock { color: white; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); font-weight: bold; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 72pt; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); } .screen-shield-clock-date { font-size: 28pt; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; } .screen-shield-notifications-container .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 12px 6px; border: 1px solid rgba(186, 195, 207, 0.2); background-color: rgba(53, 57, 69, 0.45); color: #BAC3CF; border-radius: 4px; } .screen-shield-notifications-container .notification { margin-right: 15px; } .screen-shield-notification-label { font-weight: bold; padding: 0px 0px 0px 12px; } .screen-shield-notification-count-text { padding: 0px 0px 0px 12px; } #panel.lock-screen { background-color: rgba(53, 57, 69, 0.5); } .screen-shield-background { background: black; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); } #lockDialogGroup { background: #2e3436 url(misc/noise-texture.png); background-repeat: repeat; } #screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle { background-color: rgba(245, 246, 247, 0.3); } #screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus { background-color: rgba(245, 246, 247, 0.5); } #screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active { background-color: rgba(82, 148, 226, 0.5); } #LookingGlassDialog { spacing: 4px; padding: 8px 8px 10px 8px; background-color: rgba(0, 0, 0, 0.7); border: 1px solid black; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 2px; color: #BAC3CF; } #LookingGlassDialog > #Toolbar { padding: 3px; border: none; background-color: transparent; border-radius: 0px; } #LookingGlassDialog .labels { spacing: 4px; } #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: #BAC3CF; transition-duration: 100ms; padding-left: .3em; padding-right: .3em; } #LookingGlassDialog .notebook-tab:hover { color: white; text-shadow: black 0px 2px 2px; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0px; color: #5294e2; text-shadow: black 0px 2px 2px; } #LookingGlassDialog StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } #LookingGlassDialog StBoxLayout#ResultsArea { spacing: 4px; } .lg-dialog StEntry { caret-color: #ffffff; selection-background-color: #5294e2; selected-color: #ffffff; color: #BAC3CF; background-color: rgba(102, 109, 132, 0.35); border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .lg-dialog StEntry:focus { color: #ffffff; background-color: #5294e2; border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); selection-background-color: #ffffff; selected-color: #5294e2; } .lg-dialog .shell-link { color: #2679db; } .lg-dialog .shell-link:hover { color: #5294e2; } .lg-completions-text { font-size: .9em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { border: 1px solid gray; padding: 4px; border-radius: 4px; } .lg-obj-inspector-button:hover { border: 1px solid #ffffff; } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 2px; background-color: rgba(53, 57, 69, 0.95); padding: 4px; } .lg-extension-name { font-weight: bold; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: rgba(0, 0, 0, 0.7); border: 1px solid grey; border-radius: 2px; padding: 6px; } ================================================ FILE: common/gnome-shell/3.18/sass/_colors.scss ================================================ // When color definition differs for dark and light variant, // it gets @if ed depending on $variant $base_color: if($variant =='light', #ffffff, #404552); $text_color: if($variant == 'light', #5c616c, #D3DAE3); $bg_color: if($variant =='light', #F5F6F7, #383C4A); $fg_color: if($variant =='light', #5c616c, #D3DAE3); $selected_fg_color: #ffffff; $selected_bg_color: #5294e2; $selected_borders_color: darken($selected_bg_color, 20%); $borders_color: if($variant =='light', darken($bg_color,9%), darken($bg_color,6%)); $link_color: if($variant == 'light', darken($selected_bg_color,10%), lighten($selected_bg_color,20%)); $link_visited_color: if($variant == 'light', darken($selected_bg_color,20%), lighten($selected_bg_color,10%)); $selection_mode_bg: if($transparency == 'true', transparentize($selected_bg_color, 0.05), $selected_bg_color); $selection_mode_fg: $selected_fg_color; $warning_color: #F27835; $error_color: #FC4138; $warning_fg_color: white; $error_fg_color: white; $success_color: #73d216; $destructive_color: #F04A50; $suggested_color: #4DADD4; $destructive_fg_color: white; $suggested_fg_color: white; $drop_target_color: #F08437; //insensitive state derived colors $insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); $insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); $header_bg: red; @if $transparency=='true' and $variant=='light' { $header_bg: transparentize(#e7e8eb, 0.05); } @if $transparency=='false' and $variant=='light' { $header_bg: #e7e8eb; } @if $transparency=='true' and ($variant=='dark' or $darker=='true') { $header_bg: transparentize(#2f343f, 0.03); } @if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343f; } $header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%)); $header_border: if($variant == 'light' and $darker=='false', darken($header_bg, 7%), darken($header_bg, 4%)); $header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%)); $header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg); $dark_sidebar_bg: if($transparency == 'true', transparentize(#353945, 0.05), #353945); $dark_sidebar_fg: #BAC3CF; $dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 5%)); $osd_fg_color: $dark_sidebar_fg; $osd_bg_color: $dark_sidebar_bg; $osd_button_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); $osd_button_border: transparentize(darken($osd_bg_color, 12%), 0.6); $osd_entry_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); $osd_entry_border: transparentize(darken($osd_bg_color, 12%), 0.6); $osd_insensitive_bg_color: darken($osd_bg_color, 3%); $osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); $osd_borders_color: transparentize(black, 0.3); $panel_bg: darken($dark_sidebar_bg, 4.7%); $panel_fg: $dark_sidebar_fg; $entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); $entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); $header_entry_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($base_color, 0.1)); $header_entry_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); $button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); $button_border: $entry_border; $header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($button_bg, 0.1)); $header_button_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); //WM Buttons // Close $wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f46067, #cc575d); $wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f68086, #d7787d); $wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #f13039, #be3841); $wm_icon_close_bg: if($variant == 'light' and $darker == 'false',#F8F8F9 , #2f343f); // Minimize, Maximize $wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #454C5C); $wm_button_active_bg: $selected_bg_color; $wm_button_hover_border: if($variant == 'light' and $darker == 'false', #D1D3DA, #262932); $wm_icon_bg: if($variant == 'light' and $darker == 'false', #90949E, #90939B); $wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #B6B8C0, #666A74); $wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #7A7F8B, #C4C7CC); $wm_icon_active_bg: $selected_fg_color; ================================================ FILE: common/gnome-shell/3.18/sass/_common.scss ================================================ //This is the RIGHT PLACE to edit the stylesheet $panel-corner-radius: 0px; $asset_path: if($variant == 'dark', dark-assets, light-assets); /* Copyright 2009, 2015 Red Hat, Inc. * * Portions adapted from Mx's data/style/default.css * Copyright 2009 Intel Corporation * * This program is free software; you can redistribute it and/or modify it * under the terms and conditions of the GNU Lesser General Public License, * version 2.1, as published by the Free Software Foundation. * * This program is distributed in the hope it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for * more details. * * You should have received a copy of the GNU Lesser General Public License * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. */ // // Globals // $font-size: 9; $font-family: Futura Bk bt, Cantarell, Sans-Serif; $_bubble_bg_color: opacify($osd_bg_color,0.25); $_bubble_fg_color: $osd_fg_color; $_bubble_borders_color: transparentize($osd_fg_color,0.8); $_shell_fg_color: white; stage { font-family: $font-family; @include fontsize($font-size); color: $fg_color; } %reset_style { background-color: transparent !important; background-gradient-direction: none !important; border: none !important; border-radius: 0 !important; } // // Buttons // .button { min-height: 20px; padding: 5px 32px; transition-duration: 0; border-radius: 2px; @extend %button; } %button { @include button(normal); &:focus { @include button(focus); } &:hover { @include button(hover); } &:hover:focus { @include button(focus-hover); } &:active, &:active:focus { @include button(active); } &:insensitive { @include button(insensitive); } } %osd_button { @include button(osd); &:hover { @include button(osd-hover); } &:focus { color: $selected_bg_color; } &:active { @include button(osd-active); } &:insensitive { @include button(osd-insensitive); } } // // Entries // StEntry { padding: 7px; caret-size: 1px; caret-color: $fg_color; selection-background-color: $selected_bg_color; selected-color: $selected_fg_color; transition-duration: 300ms; border-radius: 3px; @include entry(normal); &:focus, &:hover { @include entry(focus); } &:insensitive { @include entry(insensitive); } StIcon.capslock-warning { icon-size: 16px; warning-color: $warning_color; padding: 0 4px; } } // // Scrollbars // StScrollView { &.vfade { -st-vfade-offset: 0px; } &.hfade { -st-hfade-offset: 0px; } } StScrollBar { padding: 8px; StScrollView & { min-width: 5px; min-height: 5px; } StBin#trough { background-color: transparentize($base_color, 0.9); border-radius: 8px; } StButton#vhandle, StButton#hhandle { border-radius: 4px; background-color: mix($fg_color, $bg_color, 40%); border: 0px solid; margin: 0px; &:hover { background-color: mix($fg_color, $bg_color, 30%); } &:active { background-color: $selected_bg_color; } } } // // Slider // .slider { -slider-height: 4px; -slider-background-color: $button_border; //background of the trough -slider-border-color: transparentize(black, 1); //trough border color -slider-active-background-color: $selected_bg_color; //active trough fill -slider-active-border-color: transparentize(black, 1); //active trough border -slider-border-width: 0; -slider-handle-radius: 0px; height: 18px; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; color: transparent; .popup-menu-item.selected & { -slider-background-color: transparentize(black, 0.8); -slider-active-background-color: $selected_fg_color; } } // // Check Boxes // .check-box { StBoxLayout { spacing: .8em; } StBin { width: 16px; height: 16px; background-image: url("#{$asset_path}/checkbox/checkbox-unchecked.svg"); } &:focus StBin { background-image: url("#{$asset_path}/checkbox/checkbox-unchecked-focused.svg"); } &:checked StBin { background-image: url("#{$asset_path}/checkbox/checkbox-checked.svg"); } &:focus:checked StBin { background-image: url("#{$asset_path}/checkbox/checkbox-checked-focused.svg"); } } // // Switches // .toggle-switch { width: 50px; height: 20px; background-size: contain; background-image: url("#{$asset_path}/switch/switch-off.svg"); &:checked { background-image: url("#{$asset_path}/switch/switch-on.svg"); } .popup-menu-item.selected & { background-image: url("common-assets/switch/switch-off-selected.svg"); &:checked { background-image: url("common-assets/switch/switch-on-selected.svg"); } } } // // Links // .shell-link { color: $link_color; &:hover { color: lighten($link_color,10%); } } // // Modal Dialogs // .headline { font-size: 110%; } .lightbox { background-color: black; } .flashspot { background-color: white; } .modal-dialog { color: $fg_color; background-color: transparentize($bg_color, 1); border: none; border-image: url("#{$asset_path}/misc/modal.svg") 9 9 9 67; padding: 0 5px 6px 5px; .modal-dialog-content-box { padding: 20px 10px 10px 10px; } &-linked-button { height: if($variant=='light', 39px, 38px); padding: 0; box-shadow: inset 0 0 black; border-top-width: if($variant=='light', 0px, 1px); border-bottom-width: 0; color: $osd_fg_color; background-color: $osd_bg_color; border-color: if($variant=='light', darken($osd_bg_color, 5%), darken($osd_bg_color, 8%)); &:hover { background-color: lighten($osd_bg_color, 5%); } &:focus { color: $selected_bg_color; } &:active { color: $selected_fg_color; background-color: $selected_bg_color; } &:insensitive { color: transparentize($osd_fg_color, 0.5); background-color: darken($osd_bg_color, 2%); } &:first-child { border-radius: 0px 0px 0px 2px; } &:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 0px; } &:first-child:last-child { border-right-width: 0px; border-radius: 0px 0px 2px 2px; } } .run-dialog-entry { width: 21em; } .run-dialog-error-box { padding-top: 5px; spacing: 5px; } //.run-dialog-button-box { padding-top: 1em; } .run-dialog-label { font-size: 0; } } .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { //this should be a generic header class @include fontsize($font-size * 1.2); font-weight: bold; color: $fg_color; } // // End Session Dialog // .end-session-dialog { spacing: 42px; //border: 3px solid $_bubble_borders_color; &-list { padding-top: 20px; } &-layout { padding-left: 17px; &:rtl { padding-right: 17px; } } &-description { width: 28em; padding-bottom: 10px; &:rtl { text-align: right; } } &-warning { width: 28em; color: $warning_color; padding-top: 6px; &:rtl { text-align: right; } } &-logout-icon { border: 0px solid transparent; border-radius: 2px; width: 48px; height: 48px; background-size: contain; } &-shutdown-icon { color: $fg_color; width: 48px; height: 48px; } &-inhibitor-layout { spacing: 16px; max-height: 200px; padding-right: 10px; padding-left: 10px; } &-session-list, &-app-list { spacing: 1em; } &-list-header { font-weight: bold; &:rtl { text-align: right; } } &-app-list-item, &-session-list-item { spacing: 1em; } &-app-list-item-name, &-session-list-item-name { font-weight: bold; } &-app-list-item-description { color: lighten($fg_color,5%); @include fontsize($font-size * 0.9); } .modal-dialog-linked-button:last-child { color: $destructive_fg_color; background-color: $destructive_color; &:hover { color: $destructive_fg_color; background-color: lighten($destructive_color, 9%); } &:active { color: $destructive_fg_color; background-color: darken($destructive_color, 5%); } } } // // ShellMountOperation Dialogs // .shell-mount-operation-icon { icon-size: 48px; } .show-processes-dialog, .mount-question-dialog { spacing: 24px; } .show-processes-dialog-subject, .mount-question-dialog-subject { padding-top: 10px; padding-left: 17px; padding-bottom: 6px; &:rtl { padding-left: 0px; padding-right: 17px; } } .mount-question-dialog-subject { max-width: 500px; } .show-processes-dialog-description, .mount-question-dialog-description { padding-left: 17px; width: 28em; &:rtl { padding-right: 17px; } } .show-processes-dialog-app-list { @include fontsize($font-size * 1.1); 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: darken($fg_color,10%); &:hover { color: $fg_color; } &:ltr { padding-right: 1em; } &:rtl { padding-left: 1em; } } .show-processes-dialog-app-list-item-icon { &:ltr { padding-right: 17px; } &:rtl { padding-left: 17px; } } .show-processes-dialog-app-list-item-name { @include fontsize($font-size * 1.1); } // // Password or Authentication Dialog // .prompt-dialog { //this is the width of the entire modal popup width: 500px; //border: 3px solid $_bubble_borders_color; &-main-layout { spacing: 24px; padding: 10px; } &-message-layout { spacing: 16px; } &-headline { @include fontsize($font-size * 1.3); font-weight: bold; color: $fg_color; } &-descritption:rtl { text-align: right; } &-password-box { spacing: 1em; padding-bottom: 1em; } &-error-label { @include fontsize($font-size); color: $error_color; padding-bottom: 8px; } &-info-label { @include fontsize($font-size); padding-bottom: 8px; } &-null-label { @include fontsize($font-size); padding-bottom: 8px; } } .hidden { color: transparentize(black, 1); } // // Polkit Dialog // .polkit-dialog-user { &-layout { padding-left: 10px; spacing: 10px; &:rtl { padding-left: 0px; padding-right: 10px; } } &-root-label { color: $warning_color; } &-user-icon { border-radius: 2px; background-size: contain; width: 48px; height: 48px; } } // // Audio selection dialog // .audio-device-selection-dialog { spacing: 30px; } .audio-selection { &-content { spacing: 20px; padding: 24px; } &-title { font-weight: bold; text-align: center; } &-box { spacing: 20px; } &-device { border: 1px solid $borders_color; border-radius: 3px; &:active,&:hover,&:focus { background-color: $selected_bg_color; border-color: $selected_bg_color; } } &-device-box { padding: 20px; spacing: 20px; } &-device-icon { icon-size: 64px; } } // // Access Dialog // .access-dialog { spacing: 30px; &-main-layout { padding: 12px 20px 0; spacing: 12px; } &-content { max-width: 28em; spacing: 20px; } &-icon { min-width: 48px; icon-size: 48px; } &-title { font-weight: bold; } &-subtitle { color: $fg_color; font-weight: bold; } } // // Geolocation Dialog // .geolocation-dialog { spacing: 30px; &-main-layout { spacing: 12px; } &-content { spacing: 20px; } &-icon { icon-size: 48px; } &-title { font-weight: bold; } &-reason { color: $fg_color; font-weight: bold; } } // // Network Agent Dialog // .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } .keyring-dialog-control-table { spacing-rows: 15px; spacing-columns: 1em; } // // Popvers/Menus // .popup-menu { min-width: 15em; color: $fg_color; border-image: url("#{$asset_path}/menu/menu.svg") 9 9 9 9; .popup-menu-arrow { } //defined globally in the TOP BAR .popup-sub-menu { background: none; box-shadow: none; border-image: url("#{$asset_path}/menu/submenu.svg") 9 9 9 9; } .popup-menu-content { padding: 1em 0em 1em 0em; } .popup-menu-item { spacing: 12px; &:ltr { padding: .4em 3em .4em 0em; } &:rtl { padding: .4em 0em .4em 3em; } &:checked { font-weight: normal; background: none; box-shadow: none; border-image: url("#{$asset_path}/menu/submenu-open.svg") 9 9 9 9; } &:active, &.selected { color: $selected_fg_color; background-color: transparent; border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } &:insensitive { color: transparentize($fg_color, 0.5); background: none; } } .popup-inactive-menu-item { //all icons and other graphical elements color: $fg_color; &:insensitive { color: $insensitive_fg_color; } } //.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is &.panel-menu { -boxpointer-gap: 0px; margin-bottom: 1.75em; } } .popup-menu-ornament { text-align: right; margin-left: 10px; width: 16px; } .popup-menu-boxpointer { -arrow-border-radius: 2px; -arrow-background-color: rgba(0,0,0,0.0); -arrow-border-width: 1px; -arrow-border-color: rgba(0,0,0,0.0); -arrow-base: 0; -arrow-rise: 0; } .candidate-popup-boxpointer { -arrow-border-radius: 2px; -arrow-background-color: $osd_bg_color; -arrow-border-width: 1px; -arrow-border-color: transparentize(black, 0.6); -arrow-base: 5; -arrow-rise: 5; } .popup-separator-menu-item { //-margin-horizontal: 24px; height: 2px; //not really the whole box margin: 0; background-color: transparent; border: none; border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; } // Background menu .background-menu { -boxpointer-gap: 4px; -arrow-rise: 0px; } // fallback menu //- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled // app menu inside the main app window itself rather than the top bar // // // OSD // .osd-window { text-align: center; font-weight: bold; spacing: 1em; padding: 20px; margin: 32px; min-width: 64px; min-height: 64px; color: $_shell_fg_color; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; .osd-monitor-label { font-size: 3em; } .level { padding: 0; height: 4px; background-color: transparentize(black, 0.5); border-radius: 2px; color: $selected_bg_color; } .level-bar { background-color: $selected_bg_color; border-radius: 2px; } } .resize-popup { color: $osd_fg_color; background: none; border: none; border-radius: 5px; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; padding: 12px; } // // Alt Tab Switcher // .switcher-popup { padding: 8px; spacing: 16px; } .switcher-list { background: none; border: none; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; &-item-container { spacing: 8px; } .item-box { padding: 8px; border-radius: 2px; border: 1px solid transparent; &:outlined { padding: 8px; border: 1px solid $selected_bg_color; } &:selected { color: $selected_fg_color; background-color: $selected_bg_color; border: 1px solid $selected_bg_color; } } .thumbnail-box { padding: 2px; spacing: 4px; } .thumbnail { width: 256px; } .separator { width: 1px; background: transparentize($fg_color, 0.67); } } .switcher-arrow { border-color: rgba(0,0,0,0); color: $osd_fg_color; &:highlighted { color: $_shell_fg_color; } } .input-source-switcher-symbol { font-size: 34pt; width: 96px; height: 96px; } // //Window Cycler // .cycler-highlight { border: 5px solid $selected_bg_color; } // // Workspace Switcher // .workspace-switcher { background: transparent; border: 0px; border-radius: 0px; padding: 0px; spacing: 8px; &-group { padding: 12px; } &-container { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 3px; padding: 20px; padding-bottom: 24px; } } .ws-switcher-active-up, .ws-switcher-active-down { height: 30px; background-color: $selected_bg_color; background-size: 96px; border-radius: 2px; border: 1px solid $selected_bg_color; } .ws-switcher-active-up { background-image: url("common-assets/misc/ws-switch-arrow-up.png"); } .ws-switcher-active-down { background-image: url("common-assets/misc/ws-switch-arrow-down.png"); } .ws-switcher-box { height: 96px; background-color: transparentize(black, 0.67); border-color: transparentize(black, 0.67); border-radius: 2px; } // // Tiled window previews // .tile-preview { background-color: transparentize($selected_bg_color, 0.65); border: 1px solid $selected_bg_color; &-left.on-primary { border-radius: $panel-corner-radius 0 0 0; } &-right.on-primary { border-radius: 0 $panel-corner-radius 0 0; } &-left.tile-preview-right.on-primary { border-radius: $panel-corner-radius $panel-corner-radius 0 0; } } // // Top Bar // #panel { $_panel_fg_color: $_shell_fg_color; font-weight: bold; height: 2.1em; min-height: 27px; background-gradient-direction: none; background-color: transparent; border-bottom-width: 0; border-image: url('common-assets/panel/panel.svg') 1 1 1 1; // Fix dynamic top bar extension &.dynamic-top-bar-white-btn { border-image: none; } &.unlock-screen, &.login-screen, &.lock-screen { background-color: transparent; border-image: none; } &:overview { border-image: url('common-assets/panel/panel-overview.svg') 1 1 1 1; } #panelLeft, #panelCenter { // spacing between activities<>app menu and such spacing: 8px; } .panel-corner { -panel-corner-radius: $panel-corner-radius; -panel-corner-background-color: transparentize(black, 1); -panel-corner-border-width: 0px; -panel-corner-border-color: black; &:active, &:overview, &:focus { -panel-corner-border-color: black; } &.lock-screen, &.login-screen, &unlock-screen { -panel-corner-radius: 0; -panel-corner-background-color: transparent; -panel-corner-border-color: transparent; } } .panel-button { -natural-hpadding: 10px; -minimum-hpadding: 6px; font-weight: bold; color: $_panel_fg_color; transition-duration: 100ms; border-bottom-width: 1px; border-color: transparent; .app-menu-icon { width: 0; height: 0; margin-left: 0px; margin-right: 0px; } &:hover { color: $_panel_fg_color; background-color: transparentize(black, 0.83); border-bottom-width: 1px; border-color: transparent; } &:active, &:overview, &:focus, &:checked { color: $selected_fg_color; background-color: $selected_bg_color; box-shadow: none; border-bottom-width: 1px; border-color: black; & > .system-status-icon { icon-shadow: none; } } .system-status-icon { icon-size: 16px; padding: 0 4px; } .unlock-screen &, .login-screen &, .lock-screen & { color: lighten($fg_color, 10%); &:focus, &:hover, &:active { color: lighten($fg_color, 10%); } } } #panelActivities.panel-button { -natural-hpadding: 12px; } .panel-status-indicators-box, .panel-status-menu-box { spacing: 2px; } // spacing between power icon and (optional) percentage label .power-status.panel-status-indicators-box { spacing: 0; } .screencast-indicator { color: $error_color; } .clock-display > * > *:last-child { color: $selected_bg_color; margin-left: .3em; } .popup-menu-arrow { width: 0; } } // Activities button #panel #panelActivities.panel-button { > * { background-image: url("common-assets/panel/activities.svg"); background-position: center top; width: 24px; height: 24px; background-color: transparent !important; background-gradient-direction: none !important; border: 0 solid transparent !important; text-shadow: 0 0 transparent !important; transition-duration: 0ms !important; box-shadow: none !important; color: transparent; } &:active, &:overview, &:focus, &:checked { background-color: transparent; box-shadow: none; border-bottom-width: 1px; border-color: transparent; > * { background-image: url("common-assets/panel/activities-active.svg"); } } } // a little unstructured mess: .system-switch-user-submenu-icon { icon-size: 20px; padding: 0 2px; } .system-switch-user-submenu-icon.default-icon { icon-size: 16px; padding: 0 4px; } #appMenu { spinner-image: url("common-assets/misc/process-working.svg"); spacing: 4px; padding: 0 8px; .label-shadow { color: transparent; } } .aggregate-menu { min-width: 23.5em; .popup-menu-icon { padding: 0 4px; } } .system-menu-action { padding: 13px; color: $fg_color; border-radius: 32px; /* wish we could do 50% */ border: 1px solid transparent; &:hover, &:focus { transition-duration: 100ms; padding: 13px; color: $fg_color; background-color: transparent; border: 1px solid $selected_bg_color; } &:active { color: $selected_fg_color; background-color: $selected_bg_color; border: 1px solid $selected_bg_color; } & > StIcon { icon-size: 16px; } } // // Calendar popover // #calendarArea { padding: 0.75em 1.0em; } .calendar { margin-bottom: 1em; } .calendar, .datemenu-today-button, .datemenu-displays-box, .message-list-sections { margin: 0 0.4em; } .datemenu-calendar-column { spacing: 0.5em; border: none; } .datemenu-displays-section { padding-bottom: 3em; } .datemenu-today-button, .world-clocks-button, .weather-button, .message-list-section-title, .events-section-title { border-radius: 3px; padding: .4em; } .message-list-section-list:ltr { padding-left: .4em; } .message-list-section-list:rtl { padding-right: .4em; } .datemenu-today-button, .world-clocks-button, .weather-button, .message-list-section-title, .events-section-title { padding: 7px 10px 7px 10px; border: 1px solid transparentize($base_color, 1); &:hover, &:focus { @include button(hover); } &:active { @include button(active); } } .datemenu-today-button .day-label { } .datemenu-today-button .date-label { font-size: 1.5em; } .world-clocks-header, .weather-header, .message-list-section-title, .events-section-title { color: transparentize($fg_color, 0.6); font-weight: bold; } .world-clocks-button:active .world-clocks-header, .weather-button:active .weather-header { color: $selected_fg_color; } .world-clocks-grid { spacing-rows: 0.4em; } .weather-box { spacing: 0.4em; } .calendar-month-label { color: $fg_color; font-weight: bold; padding: 8px 0; &:focus {} } .pager-button { color: transparent; background-color: transparent; width: 32px; border-radius: 2px; &:focus, &:hover, &:active { background-color: transparent; } } //arrow back .calendar-change-month-back { background-image: url("#{$asset_path}/misc/calendar-arrow-left.svg"); &:focus, &:hover { background-image: url("#{$asset_path}/misc/calendar-arrow-left-hover.svg"); } &:active { background-image: url("#{$asset_path}/misc/calendar-arrow-left.svg"); } &:rtl { background-image: url("#{$asset_path}/misc/calendar-arrow-right.svg"); &:focus, &:hover { background-image: url("#{$asset_path}/misc/calendar-arrow-right-hover.svg"); } &:active { background-image: url("#{$asset_path}/misc/calendar-arrow-right.svg"); } } } //arrow forward .calendar-change-month-forward { background-image: url("#{$asset_path}/misc/calendar-arrow-right.svg"); &:focus, &:hover { background-image: url("#{$asset_path}/misc/calendar-arrow-right-hover.svg"); } &:active { background-image: url("#{$asset_path}/misc/calendar-arrow-right.svg"); } &:rtl { background-image: url("#{$asset_path}/misc/calendar-arrow-left.svg"); &:focus, &:hover { background-image: url("#{$asset_path}/misc/calendar-arrow-left-hover.svg"); } &:active { background-image: url("#{$asset_path}/misc/calendar-arrow-left.svg"); } } } .calendar-day-base { font-size: 80%; text-align: center; width: 25px; height: 25px; padding: 0.1em; margin: 2px; border-radius: 12.5px; &:hover, &:focus { background-color: transparentize(black, 0.9); } &:active, &:selected { color: $fg_color; background-color: transparentize(black, 0.85); border-width: 0; //avoid jumparound due to today } &.calendar-day-heading { //day of week heading color: transparentize($fg_color, 0.15); margin-top: 1em; font-size: 70%; } } .calendar-day { //border collapse hack - see calendar.js border-width: 0; color: transparentize($fg_color, 0.2); } .calendar-day-top { border-top-width: 0; } .calendar-day-left { border-left-width: 0; } .calendar-work-day {} .calendar-nonwork-day { color: $fg_color; font-weight: bold; } .calendar-today, .calendar-today:active, .calendar-today:selected, .calendar-today:focus, .calendar-today:hover { font-weight: bold; color: $selected_fg_color; background-color: $selected_bg_color; border-width: 0; } .calendar-day-with-events { font-weight: bold; background-image: url("common-assets/misc/calendar-today.svg"); } .calendar-today.calendar-day-with-events { color: $selected_fg_color; } .calendar-other-month-day { color: transparentize($fg_color, 0.7); opacity: 1; } .calendar-week-number { font-size: 70%; font-weight: bold; width: 2.3em; height: 1.8em; border-radius: 2px; padding: 0.5em 0 0; margin: 6px; background-color: transparentize($fg_color,0.7); color: $bg_color; } // // Message list // .message-list { width: 31.5em; &-sections { spacing: 1.5em; } &-section, &-section-list { spacing: 0.7em; } &-section-list-title-box { spacing: 0.4em; } &-placeholder { StIcon { width: 0; height: 0; } StLabel { color: $insensitive_fg_color; } } &-clear-button.button { margin: 1.5em 1.5em 0; padding: 4px 12px; } &-section-close { > StIcon { icon-size: 18px; border-radius: 0px; color: transparent; background-color: transparent; background-image: url('#{$asset_path}/misc/message-close.svg'); } &:hover > StIcon { color: transparent; background-color: transparent; background-image: url('#{$asset_path}/misc/message-close-hover.svg'); } &:active > StIcon { color: transparent; background-color: transparent; background-image: url('#{$asset_path}/misc/message-close-active.svg'); } } } .message { padding: 4px; color: $fg_color; border-image: url("#{$asset_path}/misc/message.svg") 9 9 9 9; &:hover, &:focus { color: $fg_color; border-image: url("#{$asset_path}/misc/message-hover.svg") 9 9 9 9; } &:active { color: $selected_fg_color; border-image: url("#{$asset_path}/misc/message-active.svg") 9 9 9 9; } &-icon-bin { padding: 8px 0px 8px 8px; &:rtl { padding: 8px 8px 8px 0px; } > StIcon { //icon-size: 32px; color: inherit; } } &-secondary-bin, &-secondary-bin > .event-time { color: transparentize($fg_color, 0.4); font-size: 0.9em; &:ltr { padding-left: 8px; } &:rtl { padding-right: 8px; } } &:active .message-secondary-bin, &:active .message-secondary-bin > .event-time { color: transparentize($selected_fg_color, 0.4); } &-secondary-bin > StIcon { icon-size: 16px; } &-title { color: inherit; font-weight: bold; font-size: 1em; padding: 2px 0 2px 0; } &-content { color: inherit; padding: 8px; font-size: 1em; } } .message-media-control { padding: 6px; color: $fg_color; &:last-child:ltr { padding-right: 18px; } &:last-child:rtl { padding-left: 18px; } &:hover { color: transparentize($fg_color, 0.3); } &:active { color: $selected_bg_color; } &:insensitive { color: $insensitive_fg_color; } } .message:active .message-media-control { color: $selected_fg_color; } .media-message-cover-icon { icon-size: 32px; &.fallback { color: $insensitive_fg_color; background-color: $bg_color; border-radius: 2px; icon-size: 16px; padding: 8px; border: 1px solid $borders_color; } } // //Activities Ripples // .ripple-box { width: 52px; height: 52px; background-image: url("common-assets/misc/corner-ripple-ltr.svg"); background-size: contain; &:rtl { background-image: url("common-assets/misc/corner-ripple-rtl.svg"); } } // not really top bar only .popup-menu-arrow { width: 16px; height: 16px; } .popup-menu-icon { icon-size: 16px; } // //Close buttons // .window-close { background-image: url("common-assets/misc/close.svg"); background-size: 26px; height: 26px; width: 26px; &:hover { background-image: url("common-assets/misc/close-hover.svg"); background-size: 26px; height: 26px; width: 26px; } &:active { background-image: url("common-assets/misc/close-active.svg"); background-size: 26px; height: 26px; width: 26px; } } .window-close { -shell-close-overlap: 11px; } // // Network Dialogs // .nm-dialog { max-height: 500px; min-height: 450px; min-width: 470px; &-content { spacing: 20px; padding: 10px; } &-header-hbox { spacing: 10px; } &-airplane-box { spacing: 12px; } &-airplane-headline { font-size: 1.1em; font-weight: bold; text-align: center; } &-airplane-text { color: $fg_color; } &-header-icon { icon-size: 32px; } &-scroll-view { border: 1px solid $borders_color; border-radius: 2px; background-color: $base_color; } &-header { font-weight: bold; font-size: 1.2em; } &-item { font-size: 1em; border-bottom: 0px solid; padding: 12px; spacing: 0px; &:selected { background-color: $selected_bg_color; color: $selected_fg_color; } } &-icons { spacing: .5em; } &-icon { icon-size: 16px; } } .no-networks-label { color: $insensitive_fg_color; } .no-networks-box { spacing: 12px; } // // Overview // #overview { spacing: 24px; } .overview-controls { padding-bottom: 32px; } .window-picker { //container around window thumbnails -horizontal-spacing: 32px; -vertical-spacing: 32px; padding-left: 32px; padding-right: 32px; padding-bottom: 48px; &.external-monitor { padding: 32px; } } .window-clone-border { border: 3px solid transparentize($selected_bg_color, 0.2); border-radius: 4px; box-shadow: inset 0px 0px 0px 1px transparentize($selected_bg_color, 1); } .window-caption, .window-caption:hover { spacing: 25px; color: $osd_fg_color; background-color: transparentize(black, 0.3); border-radius: 2px; padding: 4px 12px; -shell-caption-spacing: 12px; } // // Search Entry // .search-entry { width: 320px; padding: 7px 9px; border-radius: 20px; border: 1px solid transparentize(black, 0.75); background-color: transparentize($entry_bg, 0.1); &:focus { padding: 7px 9px; } .search-entry-icon { icon-size: 16px; padding: 0 4px; color: $fg_color; } &:hover, &:focus { color: $selected_fg_color; caret-color: $selected_fg_color; background-color: $selected_bg_color; selection-background-color: $selected_fg_color; selected-color: $selected_bg_color; .search-entry-icon { color: $selected_fg_color; } } } // // Search Results // #searchResultsBin { max-width: 1000px; } #searchResultsContent { padding-left: 20px; padding-right: 20px; spacing: 16px; } // This should be equal to #searchResultsContent spacing .search-section { spacing: 16px; } // This is the space between the provider icon and the results container .search-section-content { spacing: 32px; } // "no results" .search-statustext { @extend %status_text; } .list-search-results { spacing: 3px; } .search-section-separator { background-color: transparentize(white, 0.8); -margin-horizontal: 1.5em; height: 1px; } .list-search-result-content { spacing: 12px; padding: 12px; } .list-search-result-title { font-size: 1.5em; color: $_shell_fg_color; } .list-search-result-description { color: darken($_shell_fg_color, 20%); } .search-provider-icon { padding: 15px; } .search-provider-icon-more { width: 16px; height: 16px; background-image: url("common-assets/misc/more-results.svg"); } // // Dash // #dash { font-size: 1em; color: $osd_fg_color; background-color: $dark_sidebar_bg; border-color: rgba(0,0,0,0.4); padding: 4px 0; border-radius: 0 3px 3px 0; &:rtl { border-radius: 3px 0 0 3px; } .right &, &:rtl { padding: 4px 0; } .top &, .bottom & { padding: 0; } .placeholder { background-image: url("common-assets/dash/dash-placeholder.svg"); background-size: contain; height: 24px; } .empty-dash-drop-target { width: 24px; height: 24px; } } .dash-item-container > StWidget { &, &:rtl, .right & { padding: 4px 8px; } .top &, .bottom & { padding: 6px; } } //osd tooltip .dash-label { border-radius: 3px; padding: 4px 12px; color: $_shell_fg_color; background-color: transparentize(black, 0.3); text-align: center; -x-offset: 3px; .bottom &, .top & { -y-offset: 3px; -x-offset: 0; } } // Dash Buttons #dash .app-well-app { &:hover .overview-icon, .right &:hover .overview-icon, .bottom &:hover .overview-icon, .top &:hover .overview-icon { background-color: $selected_bg_color; } &:active .overview-icon, .right &:active .overview-icon, .bottom &:active .overview-icon, .top &:active .overview-icon { box-shadow: none; background-color: darken($selected_bg_color, 10%); } &-running-dot { width: 11px; height: 2px; margin-bottom: 2px; background-color: $selected_bg_color; } } #dashtodockContainer { .app-well-app-running-dot { background: none; width: 28px; height: 4px; } @each $var in 1, 2, 3, 4 { .running#{$var} .app-well-app-running-dot { background-image: url("common-assets/dash/running#{$var}.svg"); } } } .show-apps { .overview-icon { background-color: transparentize(black, 0.5); border-radius: 2px; border: 0px solid; } &:hover .overview-icon { background-color: transparentize(black, 0.3); color: $selected_bg_color; } &:active .overview-icon, &:active .show-apps-icon, &:checked .overview-icon, &:checked .show-apps-icon { color: $selected_fg_color; background-color: $selected_bg_color; box-shadow: none; transition-duration: 0ms; } } // // App Vault/Grid // .icon-grid { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; .overview-icon { icon-size: 96px; } } //.app-display { spacing: 20px; } //favorties | all toggle container .app-view-controls { padding-bottom: 32px; } //favorties | all toggle button .app-view-control { padding: 4px 32px; @include button(osd); &:hover { @include button(osd-hover); } &:checked { color: $selected_fg_color; background-color: $selected_bg_color; } &:first-child:ltr, &:last-child:rtl { border-radius: 2px 0 0 2px; border-right-width: 0; } &:last-child:ltr, &:first-child:rtl { border-radius: 0 2px 2px 0; border-left-width: 0;} } // // Icon Tile // .search-provider-icon, .list-search-result { @extend %icon_tile; &:active, &:checked { background-color: transparentize(darken($osd_bg_color,10%),.1); } &:focus, &:selected, &:hover { background-color: transparentize($osd_fg_color,.6); transition-duration: 200ms; } } .app-well-app, .app-well-app.app-folder, .grid-search-result { .overview-icon { @extend %icon_tile; } &:active .overview-icon, &:checked .overview-icon { background-color: transparentize(darken($osd_bg_color,10%),.1); box-shadow: inset 0 0 $selected_bg_color; } &:hover .overview-icon, &:focus .overview-icon, &:selected .overview-icon { background-color: transparentize($osd_fg_color,.6); transition-duration: 0ms; border-image: none; background-image: none; } } .app-well-app-running-dot { //running apps indicator width: 20px; height: 2px; margin-bottom: 4px; background-color: $selected_bg_color; } %icon_tile { color: $_shell_fg_color; border-radius: 2px; padding: 6px; border: 1px solid transparent; transition-duration: 0ms; text-align: center; } // // Collections // .app-well-app.app-folder { > .overview-icon { background-color: darken($dark_sidebar_bg, 8%); border: 1px solid transparentize(darken($dark_sidebar_bg, 25%), 0.5); } &:hover > .overview-icon { background-color: lighten($dark_sidebar_bg, 3%); } &:active > .overview-icon, &:checked > .overview-icon { color: $selected_fg_color; background-color: $selected_bg_color; box-shadow: none; } &:focus > .overview-icon { background-color: $selected_bg_color; } } .app-folder-popup { //expanded collection -arrow-border-radius: 2px; -arrow-background-color: darken($dark_sidebar_bg, 8%); -arrow-border-color: transparentize(darken($dark_sidebar_bg, 25%), 0.5); -arrow-border-width: 1px; -arrow-base: 5; -arrow-rise: 5; } .app-folder-popup-bin { padding: 5px; } .app-folder-icon { padding: 5px; spacing-rows: 5px; spacing-columns: 5px; } .page-indicator { padding: 15px 20px; .page-indicator-icon { width: 18px; height: 18px; background-image: url(common-assets/misc/page-indicator-inactive.svg); } &:hover .page-indicator-icon { background-image: url(common-assets/misc/page-indicator-hover.svg); } &:active .page-indicator-icon { background-image: url(common-assets/misc/page-indicator-active.svg); } &:checked .page-indicator-icon, &:checked:active { background-image: url(common-assets/misc/page-indicator-checked.svg); } } .no-frequent-applications-label { @extend %status_text; } .app-well-app > .overview-icon.overview-icon-with-label, .grid-search-result .overview-icon.overview-icon-with-label { padding: 10px 8px 5px 8px; spacing: 4px; } // // Workspace pager // .workspace-thumbnails, .workspace-thumbnails-left { &, &:rtl { visible-width: 40px; //amount visible before hover spacing: 11px; padding: 12px; } } .workspace-thumbnails, .workspace-thumbnails-left:rtl { padding-right: 7px; border-image: url("common-assets/dash/dash-right.svg") 9 9 9 9; } .workspace-thumbnails:rtl, .workspace-thumbnails-left { padding-left: 7px; border-image: url("common-assets/dash/dash-left.svg") 9 9 9 9; } .workspace-thumbnail-indicator { border: 4px solid transparentize($selected_bg_color, 0.2); border-radius: 1px; padding: 1px; } //Some hacks I don't even .search-display > StBoxLayout, .all-apps, .frequent-apps > StBoxLayout { // horizontal padding to make sure scrollbars or dash don't overlap content padding: 0px 88px 10px 88px; } %status_text { font-size: 2em; font-weight: bold; color: $fg_color; } // // Notifications & Message Tray // .url-highlighter { link-color: $link_color; } // Banners .notification-banner, .notification-banner:hover, .notification-banner:focus { font-size: 1em; width: 34em; margin: 5px; padding: 10px; color: $fg_color; background-color: transparent; border: 1px solid transparent; border-image: url("#{$asset_path}/menu/menu.svg") 9 9 9 9; .notification-icon { padding: 5px; } .notification-content { padding: 5px; spacing: 5px; } .secondary-icon { icon-size: 1.09em; } .notification-actions { background-color: transparent; padding: 2px 2px 0 2px; spacing: 3px; } .notification-button { padding: 4px 4px 5px; @extend %button; &:first-child, &:last-child { border-radius: 2px; } } } .secondary-icon { icon-size: 1.09em; } // Chat Bubbles .chat-body { spacing: 5px; } .chat-response { margin: 5px; } .chat-log-message { color: $fg_color; } .chat-new-group { padding-top: 1em; } .chat-received { padding-left: 4px; &:rtl { padding-left: 0px; padding-right: 4px; } } .chat-sent { padding-left: 18pt; color: $selected_bg_color; &:rtl { padding-left: 0; padding-right: 18pt; } } .chat-meta-message { padding-left: 4px; font-size: 9pt; font-weight: bold; color: transparentize($fg_color, 0.4); &:rtl { padding-left: 0; padding-right: 4px; } } .subscription-message { font-style: italic; } // Hotplug .hotplug-transient-box { spacing: 6px; padding: 2px 72px 2px 12px; } .hotplug-notification-item { padding: 2px 10px; @extend %button; &:focus { padding: 2px 10px; } } .hotplug-notification-item-icon { icon-size: 24px; padding: 2px 5px; } .hotplug-resident-box { spacing: 8px; } .hotplug-resident-mount { spacing: 8px; border-radius: 4px; &:hover { background-color: transparentize($bg_color,0.7); } } .hotplug-resident-mount-label { color: inherit; padding-left: 6px; } .hotplug-resident-mount-icon { icon-size: 24px; padding-left: 6px; } .hotplug-resident-eject-icon { icon-size: 16px; } .hotplug-resident-eject-button { padding: 7px; border-radius: 5px; color: pink; } // Eeeky things $legacy_icon_size: 24px; .legacy-tray { background-color: $panel_bg; &:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } &:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } } .legacy-tray-handle, .legacy-tray-icon { padding: 6px; & StIcon { icon-size: $legacy_icon_size; } &:hover, &:focus { background-color: transparentize($fg_color,0.9); } } .legacy-tray-icon-box { spacing: 12px; &:ltr { padding-left: 12px; } &:rtl { padding-right: 12px; } & StButton { width: $legacy_icon_size; height: $legacy_icon_size } } .masterslider.smaller .masterlabel, .masterslider.smaller .slider { min-width: 155px; } // Magnifier .magnifier-zoom-region { border: 2px solid $selected_bg_color; &.full-screen { border-width: 0; } } // // On-Screen Keyboard // #keyboard { background-color: $osd_bg_color; border-width: 0; border-top-width: 1px; border-color: transparentize(black, 0.8); } .keyboard-layout { spacing: 10px; padding: 10px; } .keyboard-row { spacing: 15px; } .keyboard-key { min-height: 2em; min-width: 2em; font-size: 14pt; font-weight: bold; border-radius: 3px; box-shadow: none; @include button(osd); &:hover { @include button(osd-hover); } &:active, &:checked { @include button(osd-active); } &:grayed { @include button(osd-insensitive); } } .keyboard-subkeys { //long press on a key popup color: $osd_fg_color; padding: 5px; -arrow-border-radius: 2px; -arrow-background-color: $osd_bg_color; -arrow-border-width: 1px; -arrow-border-color: transparentize(black, 0.6);; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 5px; } // // IBus Candidate Popup // .candidate-popup-content { padding: 0.5em; spacing: 0.3em; color: $osd_fg_color; font-size: 1.15em; } .candidate-index { padding: 0 0.5em 0 0; color: lighten($osd_fg_color, 10%); } .candidate-box { padding: 0.3em 0.5em 0.3em 0.5em; border-radius: 2px; color: $osd_fg_color; &:selected,&:hover { background-color: $selected_bg_color; color: $selected_fg_color; } } .candidate-page-button-box { height: 2em; .vertical & { padding-top: 0.5em; } .horizontal & { padding-left: 0.5em; } } .candidate-page-button { padding: 4px; } .candidate-page-button-previous { border-radius: 2px 0px 0px 2px; border-right-width: 0; } .candidate-page-button-next { border-radius: 0px 2px 2px 0px; } .candidate-page-button-icon { icon-size: 1em; } // // Auth Dialogs & Screen Shield // .framed-user-icon { background-size: contain; border: 0px solid transparent; color: $fg_color; border-radius: 2px; &:hover { border-color: transparent; color: lighten($osd_fg_color,30%); } } // // Login Dialog // .login-dialog-banner-view { padding-top: 24px; max-width: 23em; } .login-dialog { //reset border: none; background-color: transparent; .modal-dialog-button-box { spacing: 3px; } .modal-dialog-button { padding: 3px 18px; &:default { @include button(normal); &:hover,&:focus { @include button(hover); } &:active { @include button(active); } &:insensitive { @include button(insensitive); } } } } .login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-banner { color: darken($osd_fg_color,10%); } .login-dialog-button-box { spacing: 5px; } .login-dialog-message-warning { color: $warning_color; } .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } .login-dialog-user-selection-box { padding: 100px 0px; .login-dialog-not-listed-label { padding-left: 2px; .login-dialog-not-listed-button:focus &, .login-dialog-not-listed-button:hover & { color: $osd_fg_color; } } } .login-dialog-not-listed-label { font-size: 90%; font-weight: bold; color: darken($osd_fg_color,30%); padding-top: 1em; } .login-dialog-user-list-view { -st-vfade-offset: 1em; } .login-dialog-user-list { spacing: 12px; padding: .2em; width: 23em; &:expanded .login-dialog-user-list-item:focus { background-color: $selected_bg_color; color: $selected_fg_color; } &:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $selected_bg_color; } } .login-dialog-user-list-item { border-radius: 5px; padding: .2em; color: darken($osd_fg_color,30%); &:ltr { padding-right: 1em; } &:rtl { padding-left: 1em; } &:hover { background-color: $selected_bg_color; color: $selected_fg_color; } .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; background-color: $osd_fg_color; } &:focus .login-dialog-timed-login-indicator { background-color: $selected_fg_color; } } .login-dialog-username, .user-widget-label { color: $osd_fg_color; font-size: 120%; font-weight: bold; text-align: left; padding-left: 15px; } .user-widget-label { &:ltr { padding-left: 18px; } &:rtl { padding-right: 18px; } } .login-dialog-prompt-layout { padding-top: 24px; padding-bottom: 12px; spacing: 8px; width: 23em; } .login-dialog-prompt-label { color: darken($osd_fg_color, 20%); font-size: 110%; padding-top: 1em; } .login-dialog-session-list-button StIcon { icon-size: 1.25em; } .login-dialog-session-list-button { color: darken($osd_fg_color,30%); &:hover,&:focus { color: $osd_fg_color; } &:active { color: darken($osd_fg_color, 50%); } } // // Screen Shield // .screen-shield-arrows { padding-bottom: 3em; } .screen-shield-arrows Gjs_Arrow { color: white; width: 80px; height: 48px; -arrow-thickness: 12px; -arrow-shadow: 0 1px 1px rgba(0,0,0,0.4); } .screen-shield-clock { color: white; text-shadow: 0px 1px 2px rgba(0,0,0,0.6); font-weight: bold; text-align: center; padding-bottom: 1.5em; } .screen-shield-clock-time { font-size: 72pt; text-shadow: 0px 2px 2px rgba(0,0,0,0.4); } .screen-shield-clock-date { font-size: 28pt; } .screen-shield-notifications-container { spacing: 6px; width: 30em; background-color: transparent; max-height: 500px; .summary-notification-stack-scrollview { padding-top: 0; padding-bottom: 0; } .notification, .screen-shield-notification-source { padding: 12px 6px; border: 1px solid $_bubble_borders_color; background-color: transparentize($osd_bg_color,0.5); color: $_bubble_fg_color; border-radius: 4px; } .notification { margin-right: 15px; } //compensate for space allocated to the scrollbar } .screen-shield-notification-label { font-weight: bold; padding: 0px 0px 0px 12px; } .screen-shield-notification-count-text { padding: 0px 0px 0px 12px; } #panel.lock-screen { background-color: transparentize($_bubble_bg_color, 0.5); } .screen-shield-background { //just the shadow, really background: black; box-shadow: 0px 2px 4px transparentize(black,0.6); } #lockDialogGroup { background: #2e3436 url(misc/noise-texture.png); background-repeat: repeat; } #screenShieldNotifications { StButton#vhandle, StButton#hhandle { background-color: transparentize($bg_color,0.7); &:hover, &:focus { background-color: transparentize($bg_color,0.5); } &:active { background-color: transparentize($selected_bg_color,0.5); } } } // // Looking Glass // #LookingGlassDialog { spacing: 4px; padding: 8px 8px 10px 8px; background-color: transparentize(black, 0.3); border: 1px solid black; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; border-radius: 2px; color: $osd_fg_color; & > #Toolbar { padding: 3px; border: none; background-color: transparent; border-radius: 0px; } .labels { spacing: 4px; } .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: $osd_fg_color; transition-duration: 100ms; padding-left: .3em; padding-right: .3em; &:hover { color: $_shell_fg_color; text-shadow: black 0px 2px 2px; } &:selected { border-bottom-width: 0px; color: $selected_bg_color; text-shadow: black 0px 2px 2px; } } StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } StBoxLayout#ResultsArea { spacing: 4px; } } .lg-dialog { StEntry { caret-color: $selected_fg_color; selection-background-color: $selected_bg_color; selected-color: $selected_fg_color; @include entry(osd); &:focus { @include entry(osd-focus); selection-background-color: $selected_fg_color; selected-color: $selected_bg_color; } } .shell-link { color: $link_color; &:hover { color: lighten($link_color,10%); } } } .lg-completions-text { font-size: .9em; font-style: italic; } .lg-obj-inspector-title { spacing: 4px; } .lg-obj-inspector-button { border: 1px solid gray; padding: 4px; border-radius: 4px; &:hover { border: 1px solid #ffffff; } } #lookingGlassExtensions { padding: 4px; } .lg-extensions-list { padding: 4px; spacing: 6px; } .lg-extension { border: 1px solid $osd_borders_color; border-radius: 2px; background-color: $osd_bg_color; padding: 4px; } .lg-extension-name { font-weight: bold; } .lg-extension-meta { spacing: 6px; } #LookingGlassPropertyInspector { background: transparentize(black, 0.3); border: 1px solid grey; border-radius: 2px; padding: 6px; } ================================================ FILE: common/gnome-shell/3.18/sass/_drawing.scss ================================================ // Drawing mixins // generic drawing of more complex things // provide font size in rem, with px fallback @mixin fontsize($size: 24, $base: 16) { font-size: round($size) + pt; //font-size: ($size / $base) * 1rem; } // Entries @mixin entry($t, $dark:false) { // // Entries drawing function // //@extend %reset_style; @if $t==normal { color: $text_color; background-color: $entry_bg; border: 1px solid $entry_border; box-shadow: inset 0 2px 4px transparentize($entry_bg, 0.95); } @if $t==focus { color: $fg_color; background-color: $entry_bg; border: 1px solid $selected_bg_color; box-shadow: inset 0 2px 4px transparentize($entry_bg, 0.95); } @if $t==insensitive { color: $insensitive_fg_color; background-color: mix($entry_bg, $bg_color, 55%); border-color: 1px solid mix($entry_border, $bg_color, 55%); box-shadow: inset 0 2px 4px transparentize(mix($entry_bg, $bg_color, 55%), 0.95); } @if $t==osd { color: $osd_fg_color; background-color: $osd_entry_bg; border: 1px solid $osd_entry_border; box-shadow: inset 0 2px 4px transparentize(black, 0.95); } @if $t==osd-focus { color: $selected_fg_color; background-color: $selected_bg_color; border: 1px solid $osd_entry_border; box-shadow: inset 0 2px 4px transparentize(black, 0.95); } @if $t==osd-insensitive { color: transparentize($osd_fg_color, 0.45); background-color: transparentize($osd_entry_bg, 0.15); border: 1px solid $osd_entry_border; box-shadow: inset 0 2px 4px transparentize(black, 0.95); } } // Buttons @mixin button($t) { // // Button drawing function // //@extend %reset_style; text-shadow: 0 1px transparentize($base_color, 1); @if $t==normal { // // normal button // color: $fg_color; background-color: $button_bg; border: 1px solid $button_border; box-shadow: inset 0 1px transparentize($button_bg, 0.95); } @else if $t==focus { // // focused button // color: $fg_color; background-color: $button_bg; border: 1px solid $selected_bg_color; box-shadow: inset 0 1px transparentize($button_bg, 0.95); } @else if $t==focus-hover { // // focused button // color: $fg_color; background-color: $button_bg; border: 1px solid $selected_bg_color; box-shadow: inset 0 1px transparentize($button_bg, 0.95); } @else if $t==hover { // // hovered button // color: $fg_color; background-color: lighten($button_bg, 5%); border: 1px solid $button_border; box-shadow: inset 0 1px transparentize(lighten($button_bg, 5%), 0.95); } @else if $t==active { // // pushed button // color: $selected_fg_color; background-color: $selected_bg_color; border: 1px solid if($variant=='light', $selected_bg_color, $button_border); box-shadow: inset 0 1px transparentize($selected_bg_color, 0.95); } @else if $t==insensitive { // // insensitive button // color: $insensitive_fg_color; border: 1px solid transparentize($button_border, 0.45); background-color: transparentize($button_bg, 0.45); box-shadow: inset 0 1px transparentize($button_bg, 0.95); } @else if $t==osd { // // normal osd button // color: $osd_fg_color; border: 1px solid $osd_button_border; background-color: $osd_button_bg; box-shadow: inset 0 1px transparentize(black, 0.95); } @else if $t==osd-hover { // // active osd button // color: $osd_fg_color; border: 1px solid $osd_button_border; background-color: opacify(lighten($osd_button_bg, 7%), 0.1); box-shadow: inset 0 1px transparentize(black, 0.95); } @else if $t==osd-active { // // active osd button // color: $selected_fg_color; border: 1px solid $osd_button_border; background-color: $selected_bg_color; box-shadow: inset 0 1px transparentize($selected_bg_color, 0.95); } @else if $t==osd-insensitive { // // insensitive osd button // color: $osd_insensitive_fg_color; border: 1px solid $osd_button_border; background-color: transparentize($osd_button_bg, 0.15); box-shadow: inset 0 1px transparentize(black, 0.95); } } ================================================ FILE: common/gnome-shell/3.18/sass/gnome-shell-dark.scss ================================================ $variant: 'dark'; $transparency: 'true'; $darker: 'false'; @import "_colors"; //use gtk colors @import "_drawing"; @import "_common"; ================================================ FILE: common/gnome-shell/3.18/sass/gnome-shell.scss ================================================ $variant: 'light'; $transparency: 'true'; $darker: 'false'; @import "_colors"; //use gtk colors @import "_drawing"; @import "_common"; ================================================ FILE: common/gtk-2.0/apps.rc ================================================ # # Thunar # style "thunar-handle" { GtkPaned::handle-size = 2 } style "dark-sidebar" { GtkTreeView::odd_row_color = @dark_sidebar_bg GtkTreeView::even_row_color = @dark_sidebar_bg base[NORMAL] = @dark_sidebar_bg base[INSENSITIVE] = @dark_sidebar_bg text[NORMAL] = "#BAC3CF" text[ACTIVE] = @selected_fg_color text[SELECTED] = @selected_fg_color } style "thunar-frame" { xthickness = 0 ythickness = 0 } widget_class "*ThunarWindow*." style "thunar-frame" widget_class "*ThunarShortcutsView*" style "dark-sidebar" widget_class "*ThunarTreeView*" style "dark-sidebar" widget_class "*ThunarWindow*." style "thunar-handle" # # Workaround for colored entries # style "entry_border" { xthickness = 7 ythickness = 5 engine "pixmap" { image { function = SHADOW state = NORMAL detail = "entry" file = "assets/entry-border-bg.png" border = {6, 6, 6, 6} stretch = TRUE } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-border-active-bg.png" border = {6, 6, 6, 6} stretch = TRUE } image { function = FLAT_BOX state = ACTIVE detail = "entry_bg" file = "assets/null.png" } image { function = FLAT_BOX state = INSENSITIVE detail = "entry_bg" file = "assets/null.png" } image { function = FLAT_BOX detail = "entry_bg" file = "assets/null.png" } } } style "combobox_entry_border" = "combobox_entry" { engine "pixmap" { image { function = SHADOW detail = "entry" state = NORMAL shadow = IN file = "assets/combo-entry-border.png" border = { 4, 4, 12, 12 } stretch = TRUE direction = LTR } image { function = SHADOW detail = "entry" state = ACTIVE file = "assets/combo-entry-border-focus.png" border = { 4, 4, 12, 12 } stretch = TRUE direction = LTR } image { function = SHADOW detail = "entry" state = NORMAL shadow = IN file = "assets/combo-entry-border-rtl.png" border = { 4, 4, 12, 12 } stretch = TRUE direction = RTL } image { function = SHADOW detail = "entry" state = ACTIVE file = "assets/combo-entry-border-focus-rtl.png" border = { 4, 4, 12, 12 } stretch = TRUE direction = RTL } image { function = FLAT_BOX state = INSENSITIVE detail = "entry_bg" file = "assets/null.png" } image { function = FLAT_BOX detail = "entry_bg" file = "assets/null.png" } } } # Mousepad search entry widget_class "*MousepadSearchBar*." style "entry_border" # Mousepad find and replace widget_class "*MousepadReplaceDialog*." style "entry_border" # Thunar bulk rename widget_class "*ThunarRenamerDialog*." style "entry_border" # Hexchat input box class "SexySpellEntry" style:highest "entry_border" # Geany search entries widget "*GeanyToolbar.*geany-search-entry-no-match*" style "entry_border" widget "*GeanyToolbar.*GtkEntry*" style "entry_border" widget "GeanyDialogSearch.*GtkComboBoxEntry*.*geany-search-entry-no-match*" style "combobox_entry_border" ================================================ FILE: common/gtk-2.0/assets.txt ================================================ arrow-down arrow-down-insens arrow-down-prelight arrow-left arrow-left-insens arrow-left-prelight arrow-right arrow-right-insens arrow-right-prelight arrow-up arrow-up-insens arrow-up-prelight arrow-down-small arrow-down-small-insens arrow-down-small-prelight arrow-up-small arrow-up-small-insens arrow-up-small-prelight menu-arrow menu-arrow-prelight button button-hover button-active button-insensitive checkbox-checked checkbox-checked-insensitive checkbox-unchecked checkbox-unchecked-insensitive radio-checked radio-checked-insensitive radio-unchecked radio-unchecked-insensitive menu-checkbox-checked menu-checkbox-checked-selected menu-checkbox-checked-insensitive menu-checkbox-unchecked menu-checkbox-unchecked-selected menu-checkbox-unchecked-insensitive menu-radio-checked menu-radio-checked-selected menu-radio-checked-insensitive menu-radio-unchecked menu-radio-unchecked-selected menu-radio-unchecked-insensitive entry-background entry-background-disabled entry-border-bg entry-border-active-bg entry-bg entry-active-bg entry-disabled-bg entry-notebook entry-active-notebook entry-disabled-notebook entry-toolbar entry-active-toolbar entry-disabled-toolbar combo-entry combo-entry-border combo-entry-focus combo-entry-border-focus combo-entry-insensitive combo-entry-notebook combo-entry-focus-notebook combo-entry-insensitive-notebook combo-entry-rtl combo-entry-border-rtl combo-entry-focus-rtl combo-entry-border-focus-rtl combo-entry-insensitive-rtl combo-entry-notebook-rtl combo-entry-focus-notebook-rtl combo-entry-insensitive-notebook-rtl combo-entry-button combo-entry-button-insensitive combo-entry-button-active combo-entry-button-rtl combo-entry-button-insensitive-rtl combo-entry-button-active-rtl down-background up-background down-background-disable up-background-disable down-background-rtl up-background-rtl down-background-disable-rtl up-background-disable-rtl plus minus handle-h handle-v line-h line-v menuitem menubar_button null tree_header progressbar progressbar_v trough-progressbar trough-progressbar_v slider slider-insensitive slider-prelight trough-horizontal trough-vertical trough-horizontal-active trough-vertical-active slider-horiz slider-horiz-active slider-horiz-insens slider-horiz-prelight slider-vert slider-vert-active slider-vert-insens slider-vert-prelight trough-scrollbar-horiz trough-scrollbar-vert frame frame-gap-end frame-gap-start notebook notebook-gap-horiz notebook-gap-vert tab-bottom-active tab-top-active tab-left-active tab-right-active inline-toolbar toolbar menubar focus-line ================================================ FILE: common/gtk-2.0/gtkrc ================================================ gtk-color-scheme = "base_color: #ffffff" gtk-color-scheme = "text_color: #5c616c" gtk-color-scheme = "bg_color: #f5f6f7" gtk-color-scheme = "fg_color: #5c616c" gtk-color-scheme = "tooltip_bg_color: #4B5162" gtk-color-scheme = "tooltip_fg_color: #ffffff" gtk-color-scheme = "selected_bg_color: #5294e2" gtk-color-scheme = "selected_fg_color: #ffffff" gtk-color-scheme = "insensitive_bg_color: #fbfcfc" gtk-color-scheme = "insensitive_fg_color: #a9acb2" gtk-color-scheme = "notebook_bg: #ffffff" gtk-color-scheme = "dark_sidebar_bg: #353945" gtk-color-scheme = "link_color: #5294e2" gtk-color-scheme = "menu_bg: #ffffff" gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. gtk-auto-mnemonics = 1 gtk-primary-button-warps-slider = 1 include "main.rc" include "apps.rc" include "panel.rc" include "xfce-notify.rc" include "menubar-toolbar/menubar-toolbar.rc" ================================================ FILE: common/gtk-2.0/gtkrc-dark ================================================ gtk-color-scheme = "base_color: #404552" gtk-color-scheme = "text_color: #d3dae3" gtk-color-scheme = "bg_color: #383c4a" gtk-color-scheme = "fg_color: #d3dae3" gtk-color-scheme = "tooltip_bg_color: #4B5162" gtk-color-scheme = "tooltip_fg_color: #ffffff" gtk-color-scheme = "selected_bg_color: #5294e2" gtk-color-scheme = "selected_fg_color: #ffffff" gtk-color-scheme = "insensitive_bg_color: #3e4350" gtk-color-scheme = "insensitive_fg_color: #7c818c" gtk-color-scheme = "notebook_bg: #404552" gtk-color-scheme = "dark_sidebar_bg: #353945" gtk-color-scheme = "link_color: #5294e2" gtk-color-scheme = "menu_bg: #383c4a" gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. gtk-auto-mnemonics = 1 gtk-primary-button-warps-slider = 1 include "main.rc" include "apps.rc" include "panel.rc" include "xfce-notify.rc" include "menubar-toolbar/menubar-toolbar-dark.rc" ================================================ FILE: common/gtk-2.0/gtkrc-darker ================================================ gtk-color-scheme = "base_color: #ffffff" gtk-color-scheme = "text_color: #5c616c" gtk-color-scheme = "bg_color: #f5f6f7" gtk-color-scheme = "fg_color: #5c616c" gtk-color-scheme = "tooltip_bg_color: #4B5162" gtk-color-scheme = "tooltip_fg_color: #ffffff" gtk-color-scheme = "selected_bg_color: #5294e2" gtk-color-scheme = "selected_fg_color: #ffffff" gtk-color-scheme = "insensitive_bg_color: #fbfcfc" gtk-color-scheme = "insensitive_fg_color: #a9acb2" gtk-color-scheme = "notebook_bg: #ffffff" gtk-color-scheme = "dark_sidebar_bg: #353945" gtk-color-scheme = "link_color: #5294e2" gtk-color-scheme = "menu_bg: #ffffff" gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. gtk-auto-mnemonics = 1 gtk-primary-button-warps-slider = 1 include "main.rc" include "apps.rc" include "panel.rc" include "xfce-notify.rc" include "menubar-toolbar/menubar-toolbar-dark.rc" ================================================ FILE: common/gtk-2.0/main.rc ================================================ style "default" { xthickness = 1 ythickness = 1 # Style Properties GtkWidget::focus-line-width = 1 GtkMenuBar::window-dragging = 1 GtkToolbar::window-dragging = 1 GtkToolbar::internal-padding = 4 GtkToolButton::icon-spacing = 4 GtkWidget::tooltip-radius = 2 GtkWidget::tooltip-alpha = 235 GtkWidget::new-tooltip-style = 1 #for compatibility GtkSeparatorMenuItem::horizontal-padding = 3 GtkSeparatorMenuItem::wide-separators = 1 GtkSeparatorMenuItem::separator-height = 1 GtkButton::child-displacement-y = 0 GtkButton::default-border = { 0, 0, 0, 0 } GtkButton::default-outside_border = { 0, 0, 0, 0 } GtkEntry::state-hint = 1 GtkScrollbar::trough-border = 0 GtkRange::trough-border = 0 GtkRange::slider-width = 13 GtkRange::stepper-size = 0 GtkScrollbar::activate-slider = 1 GtkScrollbar::has-backward-stepper = 0 GtkScrollbar::has-forward-stepper = 0 GtkScrollbar::min-slider-length = 32 GtkScrolledWindow::scrollbar-spacing = 0 GtkScrolledWindow::scrollbars-within-bevel = 1 GtkScale::slider_length = 15 GtkScale::slider_width = 15 GtkScale::trough-side-details = 1 GtkProgressBar::min-horizontal-bar-height = 8 GtkProgressBar::min-vertical-bar-width = 8 GtkStatusbar::shadow_type = GTK_SHADOW_NONE GtkSpinButton::shadow_type = GTK_SHADOW_NONE GtkMenuBar::shadow-type = GTK_SHADOW_NONE GtkToolbar::shadow-type = GTK_SHADOW_NONE GtkMenuBar::internal-padding = 0 #( every window is misaligned for the sake of menus ): GtkMenu::horizontal-padding = 0 GtkMenu::vertical-padding = 0 GtkCheckButton::indicator_spacing = 3 GtkOptionMenu::indicator_spacing = { 8, 2, 0, 0 } GtkTreeView::row_ending_details = 0 GtkTreeView::expander-size = 11 GtkTreeView::vertical-separator = 4 GtkTreeView::horizontal-separator = 4 GtkTreeView::allow-rules = 1 GtkTreeView::odd_row_color = shade(0.98, @base_color) GtkExpander::expander-size = 11 GnomeHRef::link_color = @link_color GtkHTML::link-color = @link_color GtkIMHtmlr::hyperlink-color = @link_color GtkIMHtml::hyperlink-color = @link_color GtkWidget::link-color = @link_color GtkWidget::visited-link-color = @text_color # Colors bg[NORMAL] = @bg_color bg[PRELIGHT] = shade (1.02, @bg_color) bg[SELECTED] = @selected_bg_color bg[INSENSITIVE] = @insensitive_bg_color bg[ACTIVE] = shade (0.9, @bg_color) fg[NORMAL] = @text_color fg[PRELIGHT] = @fg_color fg[SELECTED] = @selected_fg_color fg[INSENSITIVE] = @insensitive_fg_color fg[ACTIVE] = @fg_color text[NORMAL] = @text_color text[PRELIGHT] = @text_color text[SELECTED] = @selected_fg_color text[INSENSITIVE] = @insensitive_fg_color text[ACTIVE] = @selected_fg_color base[NORMAL] = @base_color base[PRELIGHT] = shade (0.95, @bg_color) base[SELECTED] = @selected_bg_color base[INSENSITIVE] = @bg_color base[ACTIVE] = shade (0.9, @selected_bg_color) # For succinctness, all reasonable pixmap options remain here engine "pixmap" { # Check Buttons image { function = CHECK recolorable = TRUE state = NORMAL shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = PRELIGHT shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = ACTIVE shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = SELECTED shadow = OUT overlay_file = "assets/checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = INSENSITIVE shadow = OUT overlay_file = "assets/checkbox-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = NORMAL shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = PRELIGHT shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = ACTIVE shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = SELECTED shadow = IN overlay_file = "assets/checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = INSENSITIVE shadow = IN overlay_file = "assets/checkbox-checked-insensitive.png" overlay_stretch = FALSE } # Radio Buttons image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = OUT overlay_file = "assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/radio-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = IN overlay_file = "assets/radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/radio-checked-insensitive.png" overlay_stretch = FALSE } # Arrows image { function = ARROW overlay_file = "assets/arrow-up.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "assets/arrow-up-prelight.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "assets/arrow-up-prelight.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = INSENSITIVE overlay_file = "assets/arrow-up-insens.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "assets/arrow-down.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "assets/arrow-down-prelight.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "assets/arrow-down-prelight.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = INSENSITIVE overlay_file = "assets/arrow-down-insens.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW overlay_file = "assets/arrow-left.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state= PRELIGHT overlay_file = "assets/arrow-left-prelight.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = ACTIVE overlay_file = "assets/arrow-left-prelight.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/arrow-left-insens.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW overlay_file = "assets/arrow-right.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT overlay_file = "assets/arrow-right-prelight.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = ACTIVE overlay_file = "assets/arrow-right-prelight.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE overlay_file = "assets/arrow-right-insens.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = RIGHT } # Option Menu Arrows image { function = TAB state = INSENSITIVE overlay_file = "assets/arrow-down-insens.png" overlay_stretch = FALSE } image { function = TAB state = NORMAL overlay_file = "assets/arrow-down.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE } image { function = TAB state = PRELIGHT overlay_file = "assets/arrow-down-prelight.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE } # Lines image { function = VLINE file = "assets/line-v.png" border = { 0, 0, 0, 0 } stretch = TRUE } image { function = HLINE file = "assets/line-h.png" border = { 0, 0, 0, 0 } stretch = TRUE } # Focuslines image { function = FOCUS file = "assets/focus-line.png" border = { 1, 1, 1, 1 } stretch = TRUE } # Handles image { function = HANDLE overlay_file = "assets/handle-h.png" overlay_stretch = FALSE orientation = HORIZONTAL } image { function = HANDLE overlay_file = "assets/handle-v.png" overlay_stretch = FALSE orientation = VERTICAL } # Expanders image { function = EXPANDER expander_style = COLLAPSED file = "assets/plus.png" } image { function = EXPANDER expander_style = EXPANDED file = "assets/minus.png" } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "assets/minus.png" } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "assets/plus.png" } image { function = RESIZE_GRIP state = NORMAL detail = "statusbar" overlay_file = "assets/null.png" overlay_border = { 0,0,0,0 } overlay_stretch = FALSE } # Shadows ( this area needs help :P ) image { function = SHADOW_GAP file = "assets/null.png" border = { 4, 4, 4, 4 } stretch = TRUE } } } style "toplevel_hack" { engine "adwaita" { } } style "ooo_stepper_hack" { GtkScrollbar::stepper-size = 0 GtkScrollbar::has-backward-stepper = 0 GtkScrollbar::has-forward-stepper = 0 } style "scrollbar" { engine "pixmap" { image { function = BOX detail = "trough" file = "assets/trough-scrollbar-horiz.png" border = { 2, 2, 3, 3 } stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/trough-scrollbar-vert.png" border = { 3, 3, 2, 2 } stretch = TRUE orientation = VERTICAL } image { function = ARROW overlay_file = "assets/null.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW overlay_file = "assets/null.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW overlay_file = "assets/null.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW overlay_file = "assets/null.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = RIGHT } # Sliders image { function = SLIDER state = NORMAL file = "assets/slider-horiz.png" border = { 5, 5, 3, 3 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = ACTIVE file = "assets/slider-horiz-active.png" border = { 5, 5, 3, 3 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = PRELIGHT file = "assets/slider-horiz-prelight.png" border = { 5, 5, 3, 3 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = INSENSITIVE file = "assets/slider-horiz-insens.png" border = { 5, 5, 3, 3 } stretch = TRUE orientation = HORIZONTAL } # X Verticals image { function = SLIDER state = NORMAL file = "assets/slider-vert.png" border = { 3, 3, 5, 5 } stretch = TRUE orientation = VERTICAL } image { function = SLIDER state = ACTIVE file = "assets/slider-vert-active.png" border = { 3, 3, 5, 5 } stretch = TRUE orientation = VERTICAL } image { function = SLIDER state = PRELIGHT file = "assets/slider-vert-prelight.png" border = { 3, 3, 5, 5 } stretch = TRUE orientation = VERTICAL } image { function = SLIDER state = INSENSITIVE file = "assets/slider-vert-insens.png" border = { 3, 3, 5, 5 } stretch = TRUE orientation = VERTICAL } } } style "menu" { xthickness = 0 ythickness = 0 GtkMenuItem::arrow-scaling = 0.4 bg[NORMAL] = @menu_bg bg[INSENSITIVE] = @menu_bg bg[PRELIGHT] = @menu_bg engine "pixmap" { # For menus that use horizontal lines rather than gtkseparator image { function = HLINE file = "assets/null.png" border = { 0, 0, 0, 0 } stretch = TRUE } } } style "menu_framed_box" { engine "adwaita" { } } style "menu_item" { xthickness = 2 ythickness = 5 # HACK: Gtk doesn't actually read this value # while rendering the menu items, but Libreoffice # does; setting this value equal to the one in # fg[PRELIGHT] ensures a code path in the LO theming code # that falls back to a dark text color for menu item text # highlight. The price to pay is black text on menus as well, # but at least it's readable. # See https://bugs.freedesktop.org/show_bug.cgi?id=38038 bg[SELECTED] = @selected_fg_color fg[NORMAL] = @fg_color fg[SELECTED] = @selected_fg_color fg[PRELIGHT] = @selected_fg_color text[PRELIGHT] = @selected_fg_color engine "pixmap" { image { function = BOX state = PRELIGHT file = "assets/menuitem.png" border = { 1, 0, 1, 0 } stretch = TRUE } # Fix invisible scale trough on selected menuitems image { function = BOX detail = "trough-lower" file = "assets/trough-horizontal.png" border = { 8, 8, 0, 0 } stretch = TRUE orientation = HORIZONTAL } image { function = SLIDER state = PRELIGHT file = "assets/null.png" border = { 0, 0, 0, 0 } stretch = TRUE overlay_file = "assets/slider.png" overlay_stretch = FALSE orientation = HORIZONTAL } # Check Buttons image { function = CHECK recolorable = TRUE state = NORMAL shadow = OUT overlay_file = "assets/menu-checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = PRELIGHT shadow = OUT overlay_file = "assets/menu-checkbox-unchecked-selected.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = ACTIVE shadow = OUT overlay_file = "assets/menu-checkbox-unchecked.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-checkbox-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = NORMAL shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = PRELIGHT shadow = IN overlay_file = "assets/menu-checkbox-checked-selected.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = ACTIVE shadow = IN overlay_file = "assets/menu-checkbox-checked.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = INSENSITIVE shadow = IN overlay_file = "assets/menu-checkbox-checked-insensitive.png" overlay_stretch = FALSE } # Radio Buttons image { function = OPTION state = NORMAL shadow = OUT overlay_file = "assets/menu-radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "assets/menu-radio-unchecked-selected.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "assets/menu-radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "assets/menu-radio-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "assets/menu-radio-checked-selected.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "assets/menu-radio-checked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "assets/menu-radio-checked-insensitive.png" overlay_stretch = FALSE } image { function = SHADOW # This fixes boxy Qt menu items file = "assets/null.png" border = { 4, 4, 4, 4 } stretch = TRUE } # Arrow Buttons image { function = ARROW state = NORMAL overlay_file = "assets/menu-arrow.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT overlay_file = "assets/menu-arrow-prelight.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = RIGHT } } } style "button" { xthickness = 4 ythickness = 4 engine "pixmap" { image { function = BOX state = NORMAL file = "assets/button.png" border = { 4, 4, 4, 4 } stretch = TRUE } image { function = BOX state = PRELIGHT file = "assets/button-hover.png" border = { 4, 4, 4, 4 } stretch = TRUE } image { function = BOX state = ACTIVE file = "assets/button-active.png" border = { 4, 4, 4, 4 } stretch = TRUE } image { function = BOX state = INSENSITIVE file = "assets/button-insensitive.png" border = { 4, 4, 4, 4 } stretch = TRUE } } } style "checkbutton" { fg[PRELIGHT] = @text_color fg[ACTIVE] = @text_color } style "entry" { xthickness = 6 ythickness = 4 engine "pixmap" { image { function = SHADOW state = NORMAL detail = "entry" file = "assets/entry-bg.png" border = {6, 6, 6, 6} stretch = TRUE } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active-bg.png" border = {6, 6, 6, 6} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-disabled-bg.png" border = {6, 6, 6, 6} stretch = TRUE } image { function = FLAT_BOX state = ACTIVE detail = "entry_bg" file = "assets/entry-background.png" } image { function = FLAT_BOX state = INSENSITIVE detail = "entry_bg" file = "assets/entry-background-disabled.png" } image { function = FLAT_BOX detail = "entry_bg" file = "assets/entry-background.png" } } } style "notebook_entry" { engine "pixmap" { image { function = SHADOW state = NORMAL detail = "entry" file = "assets/entry-notebook.png" border = {6, 6, 6, 6} stretch = TRUE } image { function = SHADOW state = ACTIVE detail = "entry" file = "assets/entry-active-notebook.png" border = {6, 6, 6, 6} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "assets/entry-disabled-notebook.png" border = {6, 6, 6, 6} stretch = TRUE } } } style "notebook_tab_label" { fg[ACTIVE] = @text_color } style "combobox_entry" { xthickness = 3 ythickness = 4 engine "pixmap" { # LTR version image { function = SHADOW detail = "entry" state = NORMAL shadow = IN file = "assets/combo-entry.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = LTR } image { function = SHADOW detail = "entry" state = INSENSITIVE shadow = IN file = "assets/combo-entry-insensitive.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = LTR } image { function = SHADOW detail = "entry" state = ACTIVE file = "assets/combo-entry-focus.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = LTR } # RTL version image { function = SHADOW detail = "entry" state = NORMAL shadow = IN file = "assets/combo-entry-rtl.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = RTL } image { function = SHADOW detail = "entry" state = INSENSITIVE shadow = IN file = "assets/combo-entry-insensitive-rtl.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = RTL } image { function = SHADOW detail = "entry" state = ACTIVE file = "assets/combo-entry-focus-rtl.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = RTL } } } style "notebook_combobox_entry" { engine "pixmap" { # LTR version image { function = SHADOW detail = "entry" state = NORMAL shadow = IN file = "assets/combo-entry-notebook.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = LTR } image { function = SHADOW detail = "entry" state = INSENSITIVE shadow = IN file = "assets/combo-entry-insensitive-notebook.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = LTR } image { function = SHADOW detail = "entry" state = ACTIVE file = "assets/combo-entry-focus-notebook.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = LTR } # RTL version image { function = SHADOW detail = "entry" state = NORMAL shadow = IN file = "assets/combo-entry-notebook-rtl.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = RTL } image { function = SHADOW detail = "entry" state = INSENSITIVE shadow = IN file = "assets/combo-entry-insensitive-notebook-rtl.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = RTL } image { function = SHADOW detail = "entry" state = ACTIVE file = "assets/combo-entry-focus-notebook-rtl.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = RTL } } } style "combobox_entry_button" { xthickness = 6 fg[ACTIVE] = @text_color engine "pixmap" { # LTR version image { function = BOX state = NORMAL file = "assets/combo-entry-button.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = LTR } image { function = BOX state = PRELIGHT file = "assets/combo-entry-button.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = LTR } image { function = BOX state = INSENSITIVE file = "assets/combo-entry-button-insensitive.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = LTR } image { function = BOX state = ACTIVE file = "assets/combo-entry-button-active.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = LTR } # RTL version image { function = BOX state = NORMAL file = "assets/combo-entry-button-rtl.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = RTL } image { function = BOX state = PRELIGHT file = "assets/combo-entry-button-rtl.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = RTL } image { function = BOX state = INSENSITIVE file = "assets/combo-entry-button-insensitive-rtl.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = RTL } image { function = BOX state = ACTIVE file = "assets/combo-entry-button-active-rtl.png" border = { 4, 4, 5, 4 } stretch = TRUE direction = RTL } } } style "spinbutton" { bg[NORMAL] = @bg_color xthickness = 6 ythickness = 4 engine "pixmap" { image { function = ARROW } # Spin-Up LTR image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/up-background.png" border = { 1, 4, 5, 0 } stretch = TRUE overlay_file = "assets/arrow-up-small.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/up-background.png" border = { 1, 4, 5, 0 } stretch = TRUE overlay_file = "assets/arrow-up-small-prelight.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/up-background-disable.png" border = { 1, 4, 5, 0 } stretch = TRUE overlay_file = "assets/arrow-up-small-insens.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/up-background.png" border = { 1, 4, 5, 0 } stretch = TRUE overlay_file = "assets/arrow-up-small-prelight.png" overlay_stretch = FALSE direction = LTR } # Spin-Up RTL image { function = BOX state = NORMAL detail = "spinbutton_up" file = "assets/up-background-rtl.png" border = { 4, 1, 5, 0 } stretch = TRUE overlay_file = "assets/arrow-up-small.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_up" file = "assets/up-background-rtl.png" border = { 4, 1, 5, 0 } stretch = TRUE overlay_file = "assets/arrow-up-small-prelight.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" file = "assets/up-background-disable-rtl.png" border = { 4, 1, 5, 0 } stretch = TRUE overlay_file = "assets/arrow-up-small-insens.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_up" file = "assets/up-background-rtl.png" border = { 4, 1, 5, 0 } stretch = TRUE overlay_file = "assets/arrow-up-small-prelight.png" overlay_stretch = FALSE direction = RTL } # Spin-Down LTR image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/down-background.png" border = { 1, 4, 1, 4 } stretch = TRUE overlay_file = "assets/arrow-down-small.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/down-background.png" border = { 1, 4, 1, 4 } stretch = TRUE overlay_file = "assets/arrow-down-small-prelight.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/down-background-disable.png" border = { 1, 4, 1, 4 } stretch = TRUE overlay_file = "assets/arrow-down-small-insens.png" overlay_stretch = FALSE direction = LTR } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/down-background.png" border = { 1, 4, 1, 4 } stretch = TRUE overlay_file = "assets/arrow-down-small-prelight.png" overlay_stretch = FALSE direction = LTR } # Spin-Down RTL image { function = BOX state = NORMAL detail = "spinbutton_down" file = "assets/down-background-rtl.png" border = { 4, 1, 1, 4 } stretch = TRUE overlay_file = "assets/arrow-down-small.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = PRELIGHT detail = "spinbutton_down" file = "assets/down-background-rtl.png" border = { 4, 1, 1, 4 } stretch = TRUE overlay_file = "assets/arrow-down-small-prelight.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" file = "assets/down-background-disable-rtl.png" border = { 4, 1, 1, 4 } stretch = TRUE overlay_file = "assets/arrow-down-small-insens.png" overlay_stretch = FALSE direction = RTL } image { function = BOX state = ACTIVE detail = "spinbutton_down" file = "assets/down-background-rtl.png" border = { 4, 1, 1, 4 } stretch = TRUE overlay_file = "assets/arrow-down-small-prelight.png" overlay_stretch = FALSE direction = RTL } } } style "gimp_spin_scale" { bg[NORMAL] = @base_color engine "pixmap" { image { function = FLAT_BOX detail = "entry_bg" state = NORMAL } image { function = FLAT_BOX detail = "entry_bg" state = ACTIVE } image { function = BOX state = NORMAL detail = "spinbutton_up" overlay_file = "assets/arrow-up-small.png" overlay_stretch = FALSE } image { function = BOX state = PRELIGHT detail = "spinbutton_up" overlay_file = "assets/arrow-up-small-prelight.png" overlay_stretch = FALSE } image { function = BOX state = ACTIVE detail = "spinbutton_up" overlay_file = "assets/arrow-up-small-prelight.png" overlay_stretch = FALSE } image { function = BOX state = INSENSITIVE detail = "spinbutton_up" overlay_file = "assets/arrow-up-small-insens.png" overlay_stretch = FALSE } image { function = BOX state = NORMAL detail = "spinbutton_down" overlay_file = "assets/arrow-down-small.png" overlay_stretch = FALSE } image { function = BOX state = PRELIGHT detail = "spinbutton_down" overlay_file = "assets/arrow-down-small-prelight.png" overlay_stretch = FALSE } image { function = BOX state = ACTIVE detail = "spinbutton_down" overlay_file = "assets/arrow-down-small-prelight.png" overlay_stretch = FALSE } image { function = BOX state = INSENSITIVE detail = "spinbutton_down" overlay_file = "assets/arrow-down-small-insens.png" overlay_stretch = FALSE } } } style "notebook" { xthickness = 5 ythickness = 2 engine "pixmap" { image { function = EXTENSION state = ACTIVE file = "assets/null.png" border = { 0,0,0,0 } stretch = TRUE gap_side = TOP } image { function = EXTENSION state = ACTIVE file = "assets/null.png" border = { 0,0,0,0 } stretch = TRUE gap_side = BOTTOM } image { function = EXTENSION state = ACTIVE file = "assets/null.png" border = { 0,0,0,0 } stretch = TRUE gap_side = RIGHT } image { function = EXTENSION state = ACTIVE file = "assets/null.png" border = { 0,0,0,0 } stretch = TRUE gap_side = LEFT } image { function = EXTENSION file = "assets/tab-top-active.png" border = { 3,3,3,3 } stretch = TRUE gap_side = BOTTOM } image { function = EXTENSION file = "assets/tab-bottom-active.png" border = { 3,3,3,3 } stretch = TRUE gap_side = TOP } image { function = EXTENSION file = "assets/tab-left-active.png" border = { 3,3,3,3 } stretch = TRUE gap_side = RIGHT } image { function = EXTENSION file = "assets/tab-right-active.png" border = { 3,3,3,3 } stretch = TRUE gap_side = LEFT } # How to draw boxes with a gap on one side (ie the page of a notebook) image { function = BOX_GAP file = "assets/notebook.png" border = { 4, 4, 4, 4 } stretch = TRUE gap_file = "assets/notebook-gap-horiz.png" gap_border = { 1, 1, 0, 0 } gap_side = TOP } image { function = BOX_GAP file = "assets/notebook.png" border = { 4, 4, 4, 4 } stretch = TRUE gap_file = "assets/notebook-gap-horiz.png" gap_border = { 1, 1, 0, 0 } gap_side = BOTTOM } image { function = BOX_GAP file = "assets/notebook.png" border = { 4, 4, 4, 4 } stretch = TRUE gap_file = "assets/notebook-gap-vert.png" gap_border = { 0, 0, 1, 1 } gap_side = LEFT } image { function = BOX_GAP file = "assets/notebook.png" border = { 4, 4, 4, 4 } stretch = TRUE gap_file = "assets/notebook-gap-vert.png" gap_border = { 0, 0, 1, 1 } gap_side = RIGHT } # How to draw the box of a notebook when it isnt attached to a tab image { function = BOX file = "assets/notebook.png" border = { 4, 4, 4, 4 } stretch = TRUE } } } style "handlebox" { engine "pixmap" { image { function = BOX file = "assets/null.png" border = { 4, 4, 4, 4 } stretch = TRUE detail = "handlebox_bin" shadow = IN } image { function = BOX file = "assets/null.png" border = { 4, 4, 4, 4 } stretch = TRUE detail = "handlebox_bin" shadow = OUT } } } style "combobox_separator" { xthickness = 0 ythickness = 0 GtkWidget::wide-separators = 1 } style "combobox" { xthickness = 0 ythickness = 0 } style "combobox_button" { xthickness = 3 ythickness = 3 } style "range" { engine "pixmap" { image { function = BOX detail = "trough-upper" file = "assets/trough-horizontal.png" border = { 8, 8, 0, 0 } stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-lower" file = "assets/trough-horizontal-active.png" border = { 8, 8, 0, 0 } stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough-upper" file = "assets/trough-vertical.png" border = { 0, 0, 8, 8 } stretch = TRUE orientation = VERTICAL } image { function = BOX detail = "trough-lower" file = "assets/trough-vertical-active.png" border = { 0, 0, 8, 8 } stretch = TRUE orientation = VERTICAL } # Horizontal image { function = SLIDER state = NORMAL file = "assets/null.png" border = { 0, 0, 0, 0 } stretch = TRUE overlay_file = "assets/slider.png" overlay_stretch = FALSE orientation = HORIZONTAL } image { function = SLIDER state = PRELIGHT file = "assets/null.png" border = { 0, 0, 0, 0 } stretch = TRUE overlay_file = "assets/slider-prelight.png" overlay_stretch = FALSE orientation = HORIZONTAL } image { function = SLIDER state = INSENSITIVE file = "assets/null.png" border = { 0, 0, 0, 0 } stretch = TRUE overlay_file = "assets/slider-insensitive.png" overlay_stretch = FALSE orientation = HORIZONTAL } # Vertical image { function = SLIDER state = NORMAL file = "assets/null.png" border = { 0, 0, 0, 0 } stretch = TRUE overlay_file = "assets/slider.png" overlay_stretch = FALSE orientation = VERTICAL } image { function = SLIDER state = PRELIGHT file = "assets/null.png" border = { 0, 0, 0, 0 } stretch = TRUE overlay_file = "assets/slider-prelight.png" overlay_stretch = FALSE orientation = VERTICAL } image { function = SLIDER state = INSENSITIVE file = "assets/null.png" border = { 0, 0, 0, 0 } stretch = TRUE overlay_file = "assets/slider-insensitive.png" overlay_stretch = FALSE orientation = VERTICAL } # Function below removes ugly boxes image { function = BOX file = "assets/null.png" border = { 3, 3, 3, 3 } stretch = TRUE } } } style "progressbar" { xthickness = 1 ythickness = 1 fg[NORMAL] = @fg_color fg[PRELIGHT] = @selected_fg_color engine "pixmap" { image { function = BOX detail = "trough" file = "assets/trough-progressbar.png" border = { 4, 4, 4, 4 } stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "bar" file = "assets/progressbar.png" stretch = TRUE border = { 3, 3, 3, 3 } orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "assets/trough-progressbar_v.png" border = { 4, 4, 4, 4 } stretch = TRUE orientation = VERTICAL } image { function = BOX detail = "bar" file = "assets/progressbar_v.png" stretch = TRUE border = { 3, 3, 3, 3 } orientation = VERTICAL } } } style "separator_menu_item" { engine "pixmap" { image { function = BOX file = "assets/null.png" border = { 0, 0, 1, 0 } stretch = TRUE } } } style "treeview_header" { ythickness = 1 fg[PRELIGHT] = mix(0.70, @text_color, @base_color) font_name = "Bold" engine "pixmap" { image { function = BOX file = "assets/tree_header.png" border = { 1, 1, 1, 1 } stretch = TRUE } } } # Treeview Rows style "treeview" { xthickness = 2 ythickness = 0 } style "scrolled_window" { xthickness = 1 ythickness = 1 engine "pixmap" { image { function = SHADOW file = "assets/frame.png" border = { 5, 5, 5, 5 } stretch = TRUE } } } style "frame" { xthickness = 1 ythickness = 1 engine "pixmap" { image { function = SHADOW file = "assets/frame.png" border = { 1, 1, 1, 1 } stretch = TRUE shadow = IN } image { function = SHADOW_GAP file = "assets/frame.png" border = { 1, 1, 1, 1 } stretch = TRUE gap_start_file = "assets/frame-gap-start.png" gap_start_border = { 1, 0, 0, 0 } gap_end_file = "assets/frame-gap-end.png" gap_end_border = { 0, 1, 0, 0 } shadow = IN } image { function = SHADOW file = "assets/frame.png" border = { 1, 1, 1, 1 } stretch = TRUE shadow = OUT } image { function = SHADOW_GAP file = "assets/frame.png" border = { 1, 1, 1, 1 } stretch = TRUE gap_start_file = "assets/frame-gap-start.png" gap_start_border = { 1, 0, 0, 0 } gap_end_file = "assets/frame-gap-end.png" gap_end_border = { 0, 1, 0, 0 } shadow = OUT } image { function = SHADOW file = "assets/frame.png" border = { 1, 1, 1, 1 } stretch = TRUE shadow = ETCHED_IN } image { function = SHADOW_GAP file = "assets/frame.png" border = { 1, 1, 1, 1 } stretch = TRUE gap_start_file = "assets/frame-gap-start.png" gap_start_border = { 1, 0, 0, 0 } gap_end_file = "assets/frame-gap-end.png" gap_end_border = { 0, 1, 0, 0 } shadow = ETCHED_IN } image { function = SHADOW file = "assets/frame.png" border = { 1, 1, 1, 1 } stretch = TRUE shadow = ETCHED_OUT } image { function = SHADOW_GAP file = "assets/frame.png" border = { 1, 1, 1, 1 } stretch = TRUE gap_start_file = "assets/frame-gap-start.png" gap_start_border = { 1, 0, 0, 0 } gap_end_file = "assets/frame-gap-end.png" gap_end_border = { 0, 1, 0, 0 } shadow = ETCHED_OUT } } } style "gimp_toolbox_frame" { engine "pixmap" { image { function = SHADOW } } } style "toolbar" { engine "pixmap" { image { function = BOX file = "assets/toolbar.png" stretch = TRUE border = { 1, 1, 1, 1 } } image { function = HANDLE overlay_file = "assets/handle-h.png" overlay_stretch = FALSE orientation = HORIZONTAL } image { function = HANDLE overlay_file = "assets/handle-v.png" overlay_stretch = FALSE orientation = VERTICAL } image { function = VLINE recolorable = TRUE file = "assets/null.png" } image { function = HLINE recolorable = TRUE file = "assets/null.png" } } } style "inline_toolbar" { GtkToolbar::button-relief = GTK_RELIEF_NORMAL engine "pixmap" { image { function = BOX file = "assets/inline-toolbar.png" stretch = TRUE border = { 1, 1, 1, 1 } } } } style "notebook_viewport" { bg[NORMAL] = @notebook_bg } style "notebook_eventbox" { bg[NORMAL] = @notebook_bg bg[ACTIVE] = @bg_color } style "tooltips" { xthickness = 8 ythickness = 4 bg[NORMAL] = @tooltip_bg_color fg[NORMAL] = @tooltip_fg_color bg[SELECTED] = @tooltip_bg_color } style "eclipse-tooltips" { xthickness = 8 ythickness = 4 bg[NORMAL] = shade(1.05, @bg_color) fg[NORMAL] = @text_color bg[SELECTED] = shade(1.05, @bg_color) } style "xfdesktop-icon-view" { XfdesktopIconView::label-alpha = 0 XfdesktopIconView::selected-label-alpha = 100 XfdesktopIconView::shadow-x-offset = 0 XfdesktopIconView::shadow-y-offset = 1 XfdesktopIconView::selected-shadow-x-offset = 0 XfdesktopIconView::selected-shadow-y-offset = 1 XfdesktopIconView::shadow-color = "#000000" XfdesktopIconView::selected-shadow-color = "#000000" XfdesktopIconView::shadow-blur-radius = 2 XfdesktopIconView::cell-spacing = 2 XfdesktopIconView::cell-padding = 6 XfdesktopIconView::cell-text-width-proportion = 1.9 fg[NORMAL] = @selected_fg_color fg[ACTIVE] = @selected_fg_color } style "xfwm-tabwin" { Xfwm4TabwinWidget::border-width = 1 Xfwm4TabwinWidget::border-alpha = 1.0 Xfwm4TabwinWidget::icon-size = 64 Xfwm4TabwinWidget::alpha = 1.0 Xfwm4TabwinWidget::border-radius = 2 bg[NORMAL] = @bg_color bg[SELECTED] = @bg_color fg[NORMAL] = @fg_color engine "murrine" { contrast = 0.7 glazestyle = 0 glowstyle = 0 highlight_shade = 1.0 gradient_shades = {1.0,1.0,1.0,1.0} border_shades = { 0.8, 0.8 } } } style "xfwm-tabwin-button" { font_name = "bold" bg[SELECTED] = @selected_bg_color } # Chromium style "chrome_menu_item" { bg[SELECTED] = @selected_bg_color } # Text Style style "text" = "default" { engine "murrine" { textstyle = 0 } } style "menu_text" = "menu_item" { engine "murrine" { textstyle = 0 } } style "null" { engine "pixmap" { image { function = BOX file = "assets/null.png" stretch = TRUE } } } class "GtkWidget" style "default" class "GtkScrollbar" style "scrollbar" class "GtkButton" style "button" class "GtkEntry" style "entry" class "GtkOldEditable" style "entry" class "GtkSpinButton" style "spinbutton" class "GtkNotebook" style "notebook" class "GtkRange" style "range" class "GtkProgressBar" style "progressbar" class "GtkSeparatorMenuItem" style "separator_menu_item" class "GtkScrolledWindow" style "scrolled_window" class "GtkFrame" style "frame" class "GtkTreeView" style "treeview" class "GtkToolbar" style "toolbar" class "*HandleBox" style "toolbar" widget_class "**" style "menu" widget_class "**" style "menu_framed_box" widget_class "**" style "menu_item" widget_class "**" style "checkbutton" widget_class "*" style "combobox" widget_class "**" style "combobox_button" widget_class "**" style "combobox_separator" widget_class "***" style "treeview_header" widget_class "**" style "inline_toolbar" widget_class "**" style "combobox_entry" widget_class "**" style "combobox_entry_button" widget_class "***" style "notebook_viewport" widget_class "*HandleBox" style "toolbar" # Entries in notebooks draw with notebook's base color, but not if there's # something else in the middle that draws gray again widget_class "**" style "notebook_entry" widget_class "***" style "entry" widget_class "***" style "notebook_combobox_entry" widget_class "****" style "combobox_entry" # We also need to avoid changing fg color for the inactive notebook tab labels widget_class "*." style "notebook_tab_label" # GTK tooltips widget "gtk-tooltip*" style "tooltips" #Fix GVim tabs widget_class "**" style "notebook_eventbox" # Xchat special cases widget "*xchat-inputbox" style "entry" # GIMP # Disable gradients completely for GimpSpinScale #class "GimpSpinScale" style "gimp_spin_scale" # Remove borders from "Wilbert frame" in Gimp widget_class "**" style "gimp_toolbox_frame" # Chrome/Chromium widget_class "*Chrom*Button*" style "button" widget_class "***" style "chrome_menu_item" # Eclipse/SWT widget "gtk-tooltips*" style "eclipse-tooltips" widget "*swt-toolbar-flat" style "null" # Openoffice, Libreoffice class "GtkWindow" style "toplevel_hack" widget "*openoffice-toplevel*" style "ooo_stepper_hack" # Xfce widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view" widget "xfwm4-tabwin*" style "xfwm-tabwin" widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button" # Fixes ugly text shadows for insensitive text widget_class "*" style "text" widget_class "**" style "menu_text" widget_class "**" style "text" widget_class "**" style "text" widget_class "**" style "text" ================================================ FILE: common/gtk-2.0/menubar-toolbar/menubar-toolbar-dark.rc ================================================ style "menubar" { bg[NORMAL] = "#2f343f" fg[NORMAL] = "#afb8c5" fg[PRELIGHT] = "#afb8c5" fg[ACTIVE] = "#afb8c5" fg[SELECTED] = @selected_fg_color fg[INSENSITIVE] = shade(0.7, "#afb8c5") xthickness = 0 ythickness = 0 engine "pixmap" { image { function = BOX file = "menubar-toolbar/menubar-dark.png" stretch = TRUE border = { 1, 1, 1, 1 } } } } style "menubar-borderless" { bg[NORMAL] = "#2f343f" fg[NORMAL] = "#afb8c5" fg[SELECTED] = @selected_fg_color fg[INSENSITIVE] = shade(0.7, "#afb8c5") xthickness = 0 ythickness = 0 engine "pixmap" { image { function = BOX file = "assets/null.png" stretch = TRUE border = { 1, 1, 1, 1 } } } } style "menubar_item" { xthickness = 2 ythickness = 4 fg[PRELIGHT] = @selected_fg_color engine "pixmap" { image { function = BOX state = PRELIGHT file = "menubar-toolbar/menubar_button-dark.png" border = { 2, 2, 2, 2 } stretch = TRUE } } } # Text Style Menubar style "menubar-text" { engine "murrine" { text_shade = 0.0 textstyle = 0 } } style "toolbar_text" { fg[NORMAL] = "#afb8c5" fg[PRELIGHT] = "#afb8c5" fg[INSENSITIVE] = shade(0.7, "#afb8c5") fg[ACTIVE] = "#afb8c5" text[NORMAL] = "#afb8c5" text[PRELIGHT] = "#afb8c5" text[INSENSITIVE] = shade(0.7, "#afb8c5") text[ACTIVE] = "#afb8c5" } style "toolbar_button" { xthickness = 4 ythickness = 4 engine "pixmap" { image { function = BOX state = NORMAL file = "menubar-toolbar/button.png" border = { 4, 4, 4, 4 } stretch = TRUE } image { function = BOX state = PRELIGHT file = "menubar-toolbar/button-hover.png" border = { 4, 4, 4, 4 } stretch = TRUE } image { function = BOX state = ACTIVE file = "menubar-toolbar/button-active.png" border = { 4, 4, 4, 4 } stretch = TRUE } image { function = BOX state = INSENSITIVE file = "menubar-toolbar/button-insensitive.png" border = { 4, 4, 4, 4 } stretch = TRUE } } } style "toolbar_entry" { base[NORMAL] = "#404552" base[ACTIVE] = "#404552" base[INSENSITIVE] = "#39404d" text[NORMAL] = "#afb8c5" engine "pixmap" { image { function = SHADOW state = NORMAL detail = "entry" file = "menubar-toolbar/entry-toolbar-dark.png" border = {6, 6, 6, 6} stretch = TRUE } image { function = SHADOW state = ACTIVE detail = "entry" file = "menubar-toolbar/entry-active-toolbar-dark.png" border = {6, 6, 6, 6} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "menubar-toolbar/entry-disabled-toolbar-dark.png" border = {6, 6, 6, 6} stretch = TRUE } image { function = FLAT_BOX state = ACTIVE detail = "entry_bg" file = "assets/null.png" } image { function = FLAT_BOX state = INSENSITIVE detail = "entry_bg" file = "assets/null.png" } image { function = FLAT_BOX detail = "entry_bg" file = "assets/null.png" } } } #Chromium style "chrome-gtk-frame" { ChromeGtkFrame::frame-color = "#2f343f" ChromeGtkFrame::inactive-frame-color = "#2f343f" ChromeGtkFrame::frame-gradient-size = 0 ChromeGtkFrame::frame-gradient-color = shade(0.5, @bg_color) ChromeGtkFrame::incognito-frame-color = shade(0.85, @bg_color) ChromeGtkFrame::incognito-inactive-frame-color = @bg_color ChromeGtkFrame::incognito-frame-gradient-color = @bg_color ChromeGtkFrame::scrollbar-trough-color = shade(0.912, @bg_color) ChromeGtkFrame::scrollbar-slider-prelight-color = shade(1.04, @bg_color) ChromeGtkFrame::scrollbar-slider-normal-color = @bg_color } widget_class "**" style "menubar" widget_class "*.*" style "menubar_item" widget_class "*ThunarWindow*" style "menubar" class "ChromeGtkFrame" style "chrome-gtk-frame" widget_class "***" style "menubar-text" # Whitelist for dark toolbars widget_class "*ThunarWindow*" style "menubar-borderless" widget_class "*ThunarWindow**" style "toolbar_entry" widget_class "*ThunarWindow**" style "toolbar_button" widget_class "*ThunarWindow**" style "toolbar_text" widget_class "*ThunarWindow***" style "menubar-text" ================================================ FILE: common/gtk-2.0/menubar-toolbar/menubar-toolbar.rc ================================================ style "menubar" { bg[NORMAL] = "#e7e8eb" fg[NORMAL] = "#70788d" fg[PRELIGHT] = "#70788d" fg[ACTIVE] = "#70788d" fg[SELECTED] = @selected_fg_color fg[INSENSITIVE] = shade(1.3, "#70788d") xthickness = 0 ythickness = 0 engine "pixmap" { image { function = BOX file = "menubar-toolbar/menubar.png" stretch = TRUE border = { 1, 1, 1, 1 } } } } style "menubar-borderless" { bg[NORMAL] = "#e7e8eb" fg[NORMAL] = "#70788d" fg[SELECTED] = @fg_color fg[INSENSITIVE] = shade(1.3, "#70788d") xthickness = 0 ythickness = 0 engine "pixmap" { image { function = BOX file = "assets/null.png" stretch = TRUE border = { 1, 1, 1, 1 } } } } style "menubar_item" { xthickness = 2 ythickness = 4 fg[PRELIGHT] = @selected_fg_color engine "pixmap" { image { function = BOX state = PRELIGHT file = "menubar-toolbar/menubar_button.png" border = { 2, 2, 2, 2 } stretch = TRUE } } } # Text Style Menubar style "menubar-text" { engine "murrine" { text_shade = 0.0 textstyle = 0 } } style "toolbar_entry" { text[NORMAL] = "#70788d" engine "pixmap" { image { function = SHADOW state = NORMAL detail = "entry" file = "menubar-toolbar/entry-toolbar.png" border = {6, 6, 6, 6} stretch = TRUE } image { function = SHADOW state = ACTIVE detail = "entry" file = "menubar-toolbar/entry-active-toolbar.png" border = {6, 6, 6, 6} stretch = TRUE } image { function = SHADOW state = INSENSITIVE detail = "entry" file = "menubar-toolbar/entry-disabled-toolbar.png" border = {6, 6, 6, 6} stretch = TRUE } image { function = FLAT_BOX state = ACTIVE detail = "entry_bg" file = "assets/null.png" } image { function = FLAT_BOX state = INSENSITIVE detail = "entry_bg" file = "assets/null.png" } image { function = FLAT_BOX detail = "entry_bg" file = "assets/null.png" } } } #Chromium style "chrome-gtk-frame" { ChromeGtkFrame::frame-color = "#e7e8eb" ChromeGtkFrame::inactive-frame-color = "#e7e8eb" ChromeGtkFrame::frame-gradient-size = 0 ChromeGtkFrame::frame-gradient-color = shade(0.5, @bg_color) ChromeGtkFrame::incognito-frame-color = shade(0.85, @bg_color) ChromeGtkFrame::incognito-inactive-frame-color = @bg_color ChromeGtkFrame::incognito-frame-gradient-color = @bg_color ChromeGtkFrame::scrollbar-trough-color = shade(0.912, @bg_color) ChromeGtkFrame::scrollbar-slider-prelight-color = shade(1.04, @bg_color) ChromeGtkFrame::scrollbar-slider-normal-color = @bg_color } widget_class "**" style "menubar" widget_class "*.*" style "menubar_item" widget_class "*ThunarWindow*" style "menubar" widget_class "*CajaNavigationWindow*" style "menubar" class "ChromeGtkFrame" style "chrome-gtk-frame" widget_class "***" style "menubar-text" # Whitelist for dark toolbars widget_class "*ThunarWindow*" style "menubar-borderless" widget_class "*CajaNavigationWindow*" style "menubar-borderless" widget_class "*ThunarWindow**" style "toolbar_entry" widget_class "*CajaNavigationWindow**" style "toolbar_entry" ================================================ FILE: common/gtk-2.0/panel.rc ================================================ style "theme-panel" { xthickness = 2 ythickness = 0 bg[NORMAL] = "#2B2E37" bg[ACTIVE] = @selected_bg_color bg[PRELIGHT] = "#3f4453" bg[SELECTED] = @selected_bg_color fg[NORMAL] = "#BAC3CF" fg[PRELIGHT] = @selected_fg_color fg[ACTIVE] = @selected_fg_color fg[SELECTED] = @selected_fg_color text[NORMAL] = "#BAC3CF" text[PRELIGHT] = "#BAC3CF" text[ACTIVE] = "#BAC3CF" text[SELECTED] = "#BAC3CF" engine "murrine" { reliefstyle = 0 glazestyle = 0 glow_shade = 1.0 highlight_shade = 1.0 roundness = 0 gradient_shades = {1.0,1.0,1.0,1.0} textstyle = 0 contrast = 0.0 } } style "theme-panel-progressbar" { bg[ACTIVE] = "#1D1F26" } style "panelbar" { fg[NORMAL] = "#edf5fb" fg[ACTIVE] = "#edf5fb" fg[PRELIGHT] = "#edf5fb" fg[SELECTED] = @selected_fg_color bg[SELECTED] = @selected_bg_color engine "murrine" {} } style "panelbuttons" { xthickness = 4 ythickness = 0 engine "murrine" { textstyle = 0 } } style "theme-panel-text" { fg[NORMAL] = "#edf5fb" fg[PRELIGHT] = @selected_fg_color fg[ACTIVE] = "#edf5fb" text[NORMAL] = "#edf5fb" text[PRELIGHT] = @selected_fg_color text[ACTIVE] = "#edf5fb" engine "murrine" { textstyle = 0 text_shade = 0.2 } } style "panel-entry" { fg[NORMAL] = @text_color fg[PRELIGHT] = @text_color fg[ACTIVE] = @text_color fg[SELECTED] = @text_color fg[INSENSITIVE] = @text_color text[NORMAL] = @text_color text[PRELIGHT] = @text_color text[ACTIVE] = @text_color text[SELECTED] = @text_color text[INSENSITIVE] = @text_color } style "theme-main-menu-text" = "theme-panel-text" { fg[PRELIGHT] = @selected_fg_color text[PRELIGHT] = @selected_fg_color } style "workspace-switcher" = "theme-panel" { bg[SELECTED] = @selected_bg_color } style "indicator" = "theme-panel" { xthickness = 0 ythickness = 0 } widget "*tasklist*" style "panelbuttons" widget_class "*Xfce*Panel*.GtkToggleButton" style "panelbuttons" widget_class "*Xfce*NetkTasklist*GtkToggleButton" style "panelbuttons" widget_class "*PanelToplevel*Button" style "panelbuttons" widget_class "*Panel*GtkToggleButton" style "panelbuttons" widget_class "*Xfce*Panel*Button*" style "panelbuttons" widget_class "*" style "panelbuttons" widget_class "**" style "panelbuttons" widget_class "*XfcePanelPlugin.GtkButton" style "panelbuttons" widget "*dict*Applet*" style "panelbuttons" widget_class "*Xfce*NetkTasklist*GtkToggleButton" style "panelbuttons" widget_class "*Tasklist*" style:highest "panelbuttons" class "*Panel*MenuBar*" style "panelbar" widget_class "*Panel*MenuBar*" style "panelbar" widget_class "*Panel*MenuBar*Item*" style:highest "panelbar" widget "*PanelWidget*" style "theme-panel" widget "*PanelApplet*" style "theme-panel" widget "*fast-user-switch*" style "theme-panel" widget "*CPUFreq*Applet*" style "theme-panel" class "PanelApp*" style "theme-panel" class "PanelToplevel*" style "theme-panel" widget_class "*PanelToplevel*" style "theme-panel" widget_class "*notif*" style "theme-panel" widget_class "*Notif*" style "theme-panel" widget_class "*Tray*" style "theme-panel" widget_class "*tray*" style "theme-panel" widget_class "*computertemp*" style "theme-panel" widget_class "*Applet*Tomboy*" style "theme-panel" widget_class "*Applet*Netstatus*" style "theme-panel" # Fixes for tooltip text in some apps. widget_class "*Notif*Beagle*" style "theme-panel" widget_class "*Notif*Brasero*" style "theme-panel" # XFCE panel theming. widget "*Xfce*Panel*" style "theme-panel" class "*Xfce*Panel*" style "theme-panel" widget "*Xfce*Panel*GtkProgressBar" style "theme-panel-progressbar" widget "*WnckPager*" style "workspace-switcher" widget "*TopMenu*" style "theme-panel" widget "*XfceTasklist*" style "panelbuttons" # Fix gtk-entries in the panel widget "*bookmark*GtkEntry" style "panel-entry" # fixes smartbookmark-plugin # Make sure panel text color doesn't change widget_class "*Panel*MenuBar*" style "theme-main-menu-text" widget_class "*Panel**" style "theme-main-menu-text" widget "*.clock-applet-button.*" style "theme-panel-text" widget "*PanelApplet*" style "theme-panel-text" # Override general panel-style with specific plugin-styles widget "*indicator-applet*" style "indicator" widget "*indicator-button*" style "indicator" ================================================ FILE: common/gtk-2.0/render-assets.sh ================================================ #! /bin/bash INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" SRC_FILE="assets.svg" ASSETS_DIR="assets" DARK_SRC_FILE="assets-dark.svg" DARK_ASSETS_DIR="assets-dark" INDEX="assets.txt" for i in `cat $INDEX` do if [ -f $ASSETS_DIR/$i.png ]; then echo $ASSETS_DIR/$i.png exists. else echo echo Rendering $ASSETS_DIR/$i.png $INKSCAPE --export-id=$i \ --export-id-only \ --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null \ && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png fi if [ -f $DARK_ASSETS_DIR/$i.png ]; then echo $DARK_ASSETS_DIR/$i.png exists. else echo echo Rendering $DARK_ASSETS_DIR/$i.png $INKSCAPE --export-id=$i \ --export-id-only \ --export-png=$DARK_ASSETS_DIR/$i.png $DARK_SRC_FILE >/dev/null \ && $OPTIPNG -o7 --quiet $DARK_ASSETS_DIR/$i.png fi done cp $ASSETS_DIR/entry-toolbar.png menubar-toolbar/entry-toolbar.png cp $ASSETS_DIR/entry-active-toolbar.png menubar-toolbar/entry-active-toolbar.png cp $ASSETS_DIR/entry-disabled-toolbar.png menubar-toolbar/entry-disabled-toolbar.png cp $ASSETS_DIR/menubar.png menubar-toolbar/menubar.png cp $ASSETS_DIR/menubar_button.png menubar-toolbar/menubar_button.png cp $DARK_ASSETS_DIR/button.png menubar-toolbar/button.png cp $DARK_ASSETS_DIR/button-hover.png menubar-toolbar/button-hover.png cp $DARK_ASSETS_DIR/button-active.png menubar-toolbar/button-active.png cp $DARK_ASSETS_DIR/button-insensitive.png menubar-toolbar/button-insensitive.png cp $DARK_ASSETS_DIR/entry-toolbar.png menubar-toolbar/entry-toolbar-dark.png cp $DARK_ASSETS_DIR/entry-active-toolbar.png menubar-toolbar/entry-active-toolbar-dark.png cp $DARK_ASSETS_DIR/entry-disabled-toolbar.png menubar-toolbar/entry-disabled-toolbar-dark.png cp $DARK_ASSETS_DIR/menubar.png menubar-toolbar/menubar-dark.png cp $DARK_ASSETS_DIR/menubar_button.png menubar-toolbar/menubar_button-dark.png exit 0 ================================================ FILE: common/gtk-2.0/xfce-notify.rc ================================================ gtk-color-scheme = "selected_bg_color:#5294E2\nselected_fg_color:#ffffff" style "notify-window" { XfceNotifyWindow::summary-bold = 1 XfceNotifyWindow::border-color = "#17191F" XfceNotifyWindow::border-color-hover = "#17191F" XfceNotifyWindow::border-radius = 3.0 XfceNotifyWindow::border-width = 1.0 XfceNotifyWindow::border-width-hover = 1.0 bg[NORMAL] = "#292C36" } style "notify-button" { bg[NORMAL] = "#434652" bg[PRELIGHT] = "#5C6070" bg[ACTIVE] = @selected_bg_color fg[NORMAL] = "#BAC3CF" fg[PRELIGHT] = "#BAC3CF" fg[ACTIVE] = @selected_fg_color engine "murrine" { gradient_shades = { 1.0, 1.0, 1.0, 1.0 } border_shades = { 1.0, 1.0 } roundness = 2 textstyle = 0 } } style "notify-text" { GtkWidget::link-color = @selected_bg_color fg[NORMAL] = "#BAC3CF" fg[PRELIGHT] = "#BAC3CF" fg[ACTIVE] = "#BAC3CF" engine "murrine" { textstyle = 0 } } style "notify-summary" { font_name = "Bold" } style "notify-progressbar" { GtkProgressBar::min-horizontal-bar-height = 4 xthickness = 0 ythickness = 0 fg[PRELIGHT] = "#000000" bg[NORMAL] = @selected_bg_color bg[ACTIVE] = "#1D1F26" bg[SELECTED] = @selected_bg_color engine "murrine" { gradient_shades = { 1.0, 1.0, 1.0, 1.0 } border_shades = { 1.0, 1.0 } trough_shades = { 1.0, 1.0 } trough_border_shades = { 1.0, 1.0 } progressbarstyle = 0 roundness = 2 textstyle = 0 } } class "XfceNotifyWindow" style "notify-window" widget "XfceNotifyWindow.*.summary" style "notify-summary" widget_class "XfceNotifyWindow.*" style "notify-button" widget_class "XfceNotifyWindow.*." style "notify-text" widget_class "XfceNotifyWindow.*." style "notify-progressbar" widget_class "XfceNotifyWindow.*." style "notify-progressbar" ================================================ FILE: common/gtk-3.0/3.14/assets.txt ================================================ checkbox-checked checkbox-checked-insensitive checkbox-unchecked checkbox-unchecked-insensitive checkbox-mixed checkbox-mixed-insensitive radio-checked radio-checked-insensitive radio-unchecked radio-unchecked-insensitive radio-mixed radio-mixed-insensitive checkbox-checked-selected checkbox-checked-insensitive-selected checkbox-unchecked-selected checkbox-unchecked-insensitive-selected checkbox-mixed-selected checkbox-mixed-insensitive-selected checkbox-checked-selectionmode checkbox-selectionmode radio-checked-selected radio-checked-insensitive-selected radio-unchecked-selected radio-unchecked-insensitive-selected radio-mixed-selected radio-mixed-insensitive-selected switch switch-active switch-insensitive switch-active-insensitive switch-header switch-active-header switch-insensitive-header switch-active-insensitive-header switch-selected switch-active-selected switch-insensitive-selected switch-active-insensitive-selected titlebutton-close titlebutton-close-backdrop titlebutton-close-hover titlebutton-close-active titlebutton-maximize titlebutton-maximize-backdrop titlebutton-maximize-hover titlebutton-maximize-active titlebutton-minimize titlebutton-minimize-backdrop titlebutton-minimize-hover titlebutton-minimize-active checkbox-checked-dark checkbox-checked-insensitive-dark checkbox-unchecked-dark checkbox-unchecked-insensitive-dark checkbox-mixed-dark checkbox-mixed-insensitive-dark checkbox-checked-selectionmode-dark checkbox-selectionmode-dark radio-checked-dark radio-checked-insensitive-dark radio-unchecked-dark radio-unchecked-insensitive-dark radio-mixed-dark radio-mixed-insensitive-dark switch-dark switch-active-dark switch-insensitive-dark switch-active-insensitive-dark switch-header-dark switch-active-header-dark switch-insensitive-header-dark switch-active-insensitive-header-dark titlebutton-close-dark titlebutton-close-backdrop-dark titlebutton-close-hover-dark titlebutton-close-active-dark titlebutton-maximize-dark titlebutton-maximize-backdrop-dark titlebutton-maximize-hover-dark titlebutton-maximize-active-dark titlebutton-minimize-dark titlebutton-minimize-backdrop-dark titlebutton-minimize-hover-dark titlebutton-minimize-active-dark ================================================ FILE: common/gtk-3.0/3.14/gtk-dark.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkPaned-handle-size: 1; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #a9caf1; -GtkWidget-visited-link-color: #7eafe9; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(211, 218, 227, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } .background { color: #D3DAE3; background-color: rgba(56, 60, 74, 0.999); } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #383C4A; color: #D3DAE3; } .gtkstyle-fallback:prelight { background-color: #4e5467; color: #D3DAE3; } .gtkstyle-fallback:active { background-color: #22242d; color: #D3DAE3; } .gtkstyle-fallback:insensitive { background-color: #3c4150; color: rgba(211, 218, 227, 0.45); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view { color: #D3DAE3; background-color: #404552; } .view.dim-label, GtkLabel.view.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator, .header-bar .view.subtitle { color: rgba(211, 218, 227, 0.55); } .view.dim-label:selected, GtkLabel.view.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, GtkLabel.view.separator:selected:focus, .header-bar .view.subtitle:selected:focus { color: rgba(255, 255, 255, 0.65); text-shadow: none; } .rubberband { border: 1px solid #5294e2; background-color: rgba(82, 148, 226, 0.2); } GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #D3DAE3; } GtkLabel:insensitive { color: rgba(211, 218, 227, 0.45); } .dim-label, GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator, .header-bar .subtitle { opacity: 0.55; } GtkAssistant .sidebar { background-color: #404552; border-top: 1px solid #2b2e39; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #2b2e39; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #2b2e39; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294e2; color: #ffffff; } GtkTextView { background-color: #3c414e; } GtkFlowBox .grid-child { padding: 3px; border-radius: 3px; } GtkFlowBox .grid-child:selected { outline-offset: -2px; } .popover.osd, .osd { color: #BAC3CF; border: none; background-color: rgba(53, 57, 69, 0.95); background-clip: padding-box; outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } .entry { border: 1px solid; padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); border: none; border-radius: 0; } .entry:focus { background-clip: border-box; color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); box-shadow: inset 1px 0 #5294e2, inset -1px 0 #5294e2, inset 0 1px #5294e2, inset 0 -1px #5294e2; } .entry:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(64, 69, 82, 0.55); background-image: linear-gradient(to bottom, rgba(64, 69, 82, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #5294e2; color: #ffffff; } .entry.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .linked > .entry:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked > .entry:first-child:dir(rtl) { border-right-style: none; } .linked > .entry:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } .linked > .entry:last-child:dir(rtl) { border-left-style: solid; } .entry.warning { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #ab6441); } .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } .entry.warning:selected, .entry.warning:selected:focus { background-color: white; color: #F27835; } .entry.error { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #b14342); } .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } .entry.error:selected, .entry.error:selected:focus { background-color: white; color: #FC4138; } .entry.image { color: #b6bcc6; } .linked.vertical > .entry { border-bottom-color: #3a3e4a; box-shadow: none; } .linked.vertical > .entry:focus { border-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:insensitive { border-bottom-color: #3a3e4a; } .linked.vertical > .entry:first-child { border-bottom-color: #3a3e4a; } .linked.vertical > .entry:first-child:focus { border-bottom-color: #5294e2; box-shadow: none; } .linked.vertical > .entry:first-child:insensitive { border-bottom-color: #3a3e4a; } .linked.vertical > .entry:last-child { border-bottom-color: rgba(0, 0, 0, 0.14); } .linked.vertical > .entry:last-child:focus { border-bottom-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:last-child:insensitive { border-bottom-color: rgba(0, 0, 0, 0.14); } .osd .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } .osd .entry.image, .osd .entry.image:hover { color: inherit; } .osd .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294e2); } .osd .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } GtkSearchEntry.entry { border-radius: 20px; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 5px 8px; color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .button.flat { border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(68, 74, 88, 0); border-color: rgba(43, 46, 57, 0); transition: none; } .button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } .button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; transition-duration: 50ms; } .button:active { color: #D3DAE3; } .button:active:hover, .button:checked { color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; } .button:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294e2; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .button.osd:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); border-radius: 0; border-left-style: none; border-right-style: none; } .osd .button:dir(rtl) { border-radius: 0; border-right-style: none; border-left-style: none; } .osd .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:dir(rtl) { border-left-style: solid; } .osd .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child { box-shadow: none; } .osd .button:active, .osd .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child { box-shadow: none; } .osd .button.flat:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); background-image: none; } .osd .button.flat:active, .osd .button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .button.suggested-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(211, 218, 227, 0.45); } .button.suggested-action:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .button.suggested-action:insensitive > GtkLabel { color: inherit; } .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .button.destructive-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(211, 218, 227, 0.45); } .button.destructive-action:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { padding: 7px; } .header-bar .button.image-button, .header-bar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .header-bar .titlebar.selection-mode .button.titlebutton, .titlebar.selection-mode .header-bar .button.titlebutton { padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { padding: 5px 8px; } .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 2px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar GtkToolButton > .button { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .inline-toolbar GtkToolButton > .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5), inset -1px 0 rgba(43, 46, 57, 0.5); } .inline-toolbar GtkToolButton > .button.flat:active, .osd .button:active, .inline-toolbar .button:active, .linked > .button:active, GtkComboBox.combobox-entry .entry:active, GtkComboBox.combobox-entry .button:active, .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, .linked > GtkComboBox > .button:active:dir(ltr), .inline-toolbar GtkToolButton > .button.flat:checked, .osd .button:checked, .inline-toolbar .button:checked, .linked > .button:checked, GtkComboBox.combobox-entry .entry:checked, GtkComboBox.combobox-entry .button:checked, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked, .linked > GtkComboBox > .button:checked:dir(ltr) { box-shadow: none; } .inline-toolbar.toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), .linked > .button:dir(rtl):hover, .linked > .button:dir(rtl):active, .linked > .button:dir(rtl):checked, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } .osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, .primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(43, 46, 57, 0.5); } .osd .button:first-child:active, .inline-toolbar .button:first-child:active, .linked > .button:first-child:active, .inline-toolbar GtkToolButton:first-child > .button.flat:active, GtkComboBox.combobox-entry .entry:first-child:active, GtkComboBox.combobox-entry .button:first-child:active, .linked > GtkComboBox:first-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, .osd .button:first-child:checked, .inline-toolbar .button:first-child:checked, .linked > .button:first-child:checked, .inline-toolbar GtkToolButton:first-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:first-child:checked, GtkComboBox.combobox-entry .button:first-child:checked, .linked > GtkComboBox:first-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } .osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, .primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } .osd .button:last-child:active, .inline-toolbar .button:last-child:active, .linked > .button:last-child:active, .inline-toolbar GtkToolButton:last-child > .button.flat:active, GtkComboBox.combobox-entry .entry:last-child:active, GtkComboBox.combobox-entry .button:last-child:active, .linked > GtkComboBox:last-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, .osd .button:last-child:checked, .inline-toolbar .button:last-child:checked, .linked > .button:last-child:checked, .inline-toolbar GtkToolButton:last-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:last-child:checked, GtkComboBox.combobox-entry .button:last-child:checked, .linked > GtkComboBox:last-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } .osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, .primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } .osd .button:only-child:active, .inline-toolbar .button:only-child:active, .linked > .button:only-child:active, .inline-toolbar GtkToolButton:only-child > .button.flat:active, GtkComboBox.combobox-entry .entry:only-child:active, GtkComboBox.combobox-entry .button:only-child:active, .linked > GtkComboBox:only-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, .osd .button:only-child:checked, .inline-toolbar .button:only-child:checked, .linked > .button:only-child:checked, .inline-toolbar GtkToolButton:only-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:only-child:checked, GtkComboBox.combobox-entry .button:only-child:checked, .linked > GtkComboBox:only-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 -1px rgba(43, 46, 57, 0.5), inset 0 1px rgba(43, 46, 57, 0.5); } .linked.vertical > .entry:active, .linked.vertical > .button:active, .linked.vertical > GtkComboBoxText > .button:active, .linked.vertical > GtkComboBox > .button:active, .linked.vertical > .entry:checked, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button:checked, .linked.vertical > GtkComboBox > .button:checked { box-shadow: none; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px rgba(43, 46, 57, 0.5); } .linked.vertical > .entry:first-child:active, .linked.vertical > .button:first-child:active, .linked.vertical > GtkComboBoxText:first-child > .button:active, .linked.vertical > GtkComboBox:first-child > .button:active, .linked.vertical > .entry:first-child:checked, .linked.vertical > .button:first-child:checked, .linked.vertical > GtkComboBoxText:first-child > .button:checked, .linked.vertical > GtkComboBox:first-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px rgba(43, 46, 57, 0.5); } .linked.vertical > .entry:last-child:active, .linked.vertical > .button:last-child:active, .linked.vertical > GtkComboBoxText:last-child > .button:active, .linked.vertical > GtkComboBox:last-child > .button:active, .linked.vertical > .entry:last-child:checked, .linked.vertical > .button:last-child:checked, .linked.vertical > GtkComboBoxText:last-child > .button:checked, .linked.vertical > GtkComboBox:last-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } .linked.vertical > .entry:only-child:active, .linked.vertical > .button:only-child:active, .linked.vertical > GtkComboBoxText:only-child > .button:active, .linked.vertical > GtkComboBox:only-child > .button:active, .linked.vertical > .entry:only-child:checked, .linked.vertical > .button:only-child:checked, .linked.vertical > GtkComboBoxText:only-child > .button:checked, .linked.vertical > GtkComboBox:only-child > .button:checked { box-shadow: none; } .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .notebook tab .button, .list-row.button, .app-notification .button.flat, .app-notification.frame .button.flat, .app-notification .button.flat:insensitive, .app-notification.frame .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } /* menu buttons */ .menuitem.button.flat { transition: none; outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { background-color: #484c59; } .menuitem.button.flat:checked { color: #D3DAE3; } *:link, .button:link, .button:visited { color: #a9caf1; } *:link:visited, .button:visited { color: #7eafe9; } *:selected *:link:visited, *:selected .button:visited:link, *:selected .button:visited { color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #d5e5f8; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #a9caf1; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #dceaf9; } *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #dceaf9; } .spinbutton { border-radius: 3px; } .spinbutton .button { background-image: none; border: 1px solid rgba(43, 46, 57, 0.6); border-style: none none none solid; color: #ccd3dc; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } .spinbutton .button:insensitive { color: rgba(211, 218, 227, 0.45); } .spinbutton .button:active { background-color: #5294e2; color: #ffffff; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #5294e2; border-radius: 0; box-shadow: none; } GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .button { padding-top: 3px; padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(211, 218, 227, 0.45); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-left-style: none; } GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 #2b2e39; } GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.55); } GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 #2b2e39; } GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(43, 46, 57, 0.55); } .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #383C4A; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.85); } .primary-toolbar { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #2f343f, rgba(32, 35, 43, 0.97)) 1 0 1 0; } .inline-toolbar { background-color: #313541; border-style: solid; border-color: #2b2e39; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: #383C4A; border-style: solid; border-color: #2b2e39; border-width: 0 0 1px; padding: 3px; } .action-bar { background-color: #313541; } .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: #262a33; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; } .csd .header-bar { background-color: rgba(47, 52, 63, 0.97); border-color: rgba(38, 42, 51, 0.97); } .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { padding-left: 12px; padding-right: 12px; } .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: rgba(82, 148, 226, 0.95); outline-color: rgba(82, 148, 226, 0.25); background-color: #ffffff; border-color: #ffffff; } .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343f; border-color: #262a33; } .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized .csd .header-bar.default-decoration, .maximized .header-bar.default-decoration:backdrop, .maximized .csd .header-bar.default-decoration:backdrop { background-color: #2f343f; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 3px 3px 0 0; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } .csd .titlebar { background-color: rgba(47, 52, 63, 0.97); } .titlebar:backdrop { color: rgba(207, 218, 231, 0.5); background-color: #323843; } .csd .titlebar:backdrop { background-color: rgba(50, 56, 67, 0.97); } .maximized .titlebar { background-color: #2f343f; } .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #323843; } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } .primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); background-clip: padding-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar .entry.warning, .header-bar .entry.warning { color: white; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(167, 94, 57, 0.988)); } .primary-toolbar .entry.warning:focus, .header-bar .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); } .primary-toolbar .entry.warning:selected, .header-bar .entry.warning:selected, .primary-toolbar .entry.warning:selected:focus, .header-bar .entry.warning:selected:focus { background-color: white; color: #F27835; } .primary-toolbar .entry.error, .header-bar .entry.error { color: white; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(173, 60, 59, 0.988)); } .primary-toolbar .entry.error:focus, .header-bar .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); } .primary-toolbar .entry.error:selected, .header-bar .entry.error:selected, .primary-toolbar .entry.error:selected:focus, .header-bar .entry.error:selected:focus { background-color: white; color: #FC4138; } .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { background-color: rgba(134, 144, 165, 0.37); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .primary-toolbar .linked.stack-switcher > .button:insensitive, .header-bar .linked.stack-switcher > .button:insensitive, .primary-toolbar .linked.path-bar > .button:insensitive, .header-bar .linked.path-bar > .button:insensitive { color: rgba(207, 218, 231, 0.4); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked { box-shadow: none; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive, .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .header-bar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .button.suggested-action:insensitive > GtkLabel, .header-bar .button.suggested-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive, .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .header-bar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .button.destructive-action:insensitive > GtkLabel, .header-bar .button.destructive-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(207, 218, 231, 0.05); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr), .header-bar GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(21, 23, 28, 0); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl), .header-bar GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(21, 23, 28, 0); } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(21, 23, 28, 0.37); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.37)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #454c5c); border-color: rgba(21, 23, 28, 0.67); } .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { background-image: linear-gradient(to bottom, #50586b); border-color: rgba(21, 23, 28, 0.67); } .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, rgba(63, 69, 84, 0.991)); border-color: rgba(21, 23, 28, 0.67); } .path-bar .button { padding: 5px 10px; } .path-bar .button:first-child { padding-left: 10px; } .path-bar .button:last-child { padding-right: 10px; } .path-bar .button:only-child { padding-left: 14px; padding-right: 14px; } .path-bar .button GtkLabel:last-child { padding-left: 4px; } .path-bar .button GtkLabel:first-child { padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 2px; padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-color: rgba(211, 218, 227, 0.2); } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #93b7e3; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #8a909b; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #D3DAE3; } GtkTreeView.view.expander:selected { color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } GtkTreeView.view.trough { color: #D3DAE3; background-image: linear-gradient(to bottom, #2b2e39); border-radius: 3px; border-width: 0; } GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { color: #ffffff; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); border-radius: 3px; border-width: 0; } column-header .button { color: #b6bcc6; background-color: #404552; } column-header .button:hover { color: #5294e2; box-shadow: none; transition: none; } column-header .button:active { color: #D3DAE3; transition: none; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; border-image: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294e2; box-shadow: inset 1px 1px 0 1px #5294e2, inset -1px 0 0 1px #5294e2, inset 1px 1px #404552, inset -1px 0 #404552; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, rgba(255, 255, 255, 0) 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active, column-header .button:hover { background-color: #404552; } column-header .button:active:hover { color: #D3DAE3; } column-header .button:insensitive { border-color: #383C4A; background-image: none; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #2f343f; color: rgba(207, 218, 231, 0.8); } .menubar:backdrop { color: rgba(207, 218, 231, 0.5); } .menubar > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } .menubar > .menuitem:hover { background-color: #5294e2; color: #ffffff; } .menubar > .menuitem:insensitive { color: rgba(207, 218, 231, 0.2); border-color: transparent; } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #383C4A; border: 1px solid #2b2e39; } .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } .menu .menuitem { padding: 5px; } .menu .menuitem:hover { color: #ffffff; background-color: #5294e2; } .menu .menuitem:insensitive { color: rgba(211, 218, 227, 0.45); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator { color: rgba(64, 69, 82, 0); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; } .menu.button.top { border-bottom: 1px solid #4f5461; } .menu.button.bottom { border-top: 1px solid #4f5461; } .menu.button:hover { background-color: #4f5461; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: alpha(currentColor,0.55); } .popover { margin: 10px; padding: 2px; border: 1px solid #20222a; border-radius: 3px; background-clip: border-box; background-color: #383C4A; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.35); } .popover .separator, .popover GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .popover .view.separator { color: rgba(64, 69, 82, 0); } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .notebook { padding: 0; background-color: #404552; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { border: 1px solid #2b2e39; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #383C4A; } .notebook.header.frame { border: 0px solid #2b2e39; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px #2b2e39; } .notebook.header.bottom { box-shadow: inset 0 1px #2b2e39; } .notebook.header.right { box-shadow: inset 1px 0 #2b2e39; } .notebook.header.left { box-shadow: inset -1px 0 #2b2e39; } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; } .notebook tab.top, .notebook tab.bottom { padding: 4px 15px; } .notebook tab.left, .notebook tab.right { padding: 4px 15px; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; } .notebook tab.reorderable-page.top, .notebook tab.top { padding-top: 6px; border-radius: 3.5px 2px 0 0; border-width: 0; border-top-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #404552; box-shadow: inset 0 1px #2b2e39, inset 0 -1px #404552, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; border-width: 0; border-bottom-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #404552; box-shadow: inset 0 -1px #404552, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; border-width: 0; border-right-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #404552; box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #404552, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; border-width: 0; border-left-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #404552; box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #404552; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(211, 218, 227, 0.45); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(211, 218, 227, 0.725); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #D3DAE3; } .notebook tab .button { padding: 0; color: #9da3ad; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { color: #5294e2; } .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { color: rgba(211, 218, 227, 0.45); } .notebook.arrow:hover { color: rgba(211, 218, 227, 0.725); } .notebook.arrow:active { color: #D3DAE3; } .notebook.arrow:insensitive { color: rgba(211, 218, 227, 0.15); } .scrollbar { background-clip: padding-box; background-image: none; border-style: solid; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkRange-slider-width: 13; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.trough { background-color: #3e434f; border-left: 1px solid #2b2e39; } .scrollbar.trough.horizontal { border-left: none; border-top: 1px solid #2b2e39; } .scrollbar.slider { border-radius: 21px 20px 20px 21px; border: 3px solid transparent; border-left-width: 4px; background-color: #767b87; } .scrollbar.slider.horizontal { border-radius: 21px 21px 20px 20px; border-left-width: 3px; border-top-width: 4px; } .scrollbar.slider:hover { background-color: #5f6470; } .scrollbar.slider:prelight:active, .scrollbar.slider:active { background-color: #5294e2; } .scrollbar.slider.fine-tune { border-width: 4px; } .scrollbar.slider.fine-tune:prelight:active { background-color: #5294e2; } .scrollbar.slider:insensitive { background-color: transparent; } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; background-color: #3e434f; } GtkSwitch { font: 1; -GtkSwitch-slider-width: 41; outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; } GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { background-position: left center; } GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-dark.png"), url("assets/switch-dark@2.png")); } .menu .menuitem:hover GtkSwitch.trough, .list-row:selected GtkSwitch.trough, GtkInfoBar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } .header-bar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-dark.png"), url("assets/switch-active-dark@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active, .list-row:selected GtkSwitch.trough:active, GtkInfoBar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } .header-bar GtkSwitch.trough:active, .primary-toolbar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); } .menu .menuitem:hover GtkSwitch.trough:insensitive, .list-row:selected GtkSwitch.trough:insensitive, GtkInfoBar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:insensitive, .primary-toolbar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-dark.png"), url("assets/switch-active-insensitive-dark@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active:insensitive, .list-row:selected GtkSwitch.trough:active:insensitive, GtkInfoBar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:active:insensitive, .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } GtkIconView.view.check, GtkFlowBox.view.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); background-color: transparent; } GtkIconView.view.check:checked, GtkFlowBox.view.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(211, 218, 227, 0.45); } .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; } .scale.trough { margin: 5px; } .scale.fine-tune.trough { border-radius: 5px; margin: 3px; } .scale.slider { background-clip: border-box; background-image: linear-gradient(to bottom, #444a58); border: 1px solid #262933; border-radius: 50%; box-shadow: none; } .scale.slider:hover { background-image: linear-gradient(to bottom, #505666); border-color: #262933; } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #3c414e); border-color: rgba(38, 41, 51, 0.8); } .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .osd .scale.slider { background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95)); border-color: #5294e2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294e2); } .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } .menu .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .menu .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } .menu .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } .menu .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, #2d303b); } .scale.trough.highlight { background-image: linear-gradient(to bottom, #5294e2); } .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(45, 48, 59, 0.55)); } .osd .scale.trough { background-image: linear-gradient(to bottom, rgba(69, 74, 89, 0.95)); outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294e2); } .menu .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .menu .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .menu .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } .menu .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } GtkProgressBar { padding: 0; font-size: smaller; color: rgba(211, 218, 227, 0.7); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } .progressbar { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } .progressbar.osd { background-color: #5294e2; } .list-row:selected .progressbar, GtkInfoBar .progressbar { background-color: #ffffff; } .osd .scale.progressbar { background-color: #5294e2; } GtkProgressBar.trough, .level-bar.trough { border: none; border-radius: 3px; background-color: #2d303b; } GtkProgressBar.trough.osd, .osd.level-bar.trough { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected GtkProgressBar.trough, .list-row:selected .level-bar.trough, GtkInfoBar GtkProgressBar.trough, GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } GtkLevelBar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; border-radius: 4px; } .level-bar.fill-block { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #73d216; background-color: #73d216; } .level-bar.fill-block.level-low { border-color: #F27835; background-color: #F27835; } .level-bar.fill-block.empty-fill-block { background-color: #404552; border-color: #404552; } .frame { border: 1px solid #2b2e39; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } .list, .list-row { background-color: #404552; border-color: #2b2e39; } .list-row, .grid-child { padding: 2px; } .list-row.button { background-color: transparent; border-style: none; border-radius: 0; box-shadow: none; } .list-row.button:hover { background-color: rgba(255, 255, 255, 0.03); } .list-row.button:active { color: #D3DAE3; } .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } .list-row.button:selected:insensitive GtkLabel { color: inherit; } .list-row, list-row.button { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.button:hover { transition: none; } .app-notification, .app-notification.frame { padding: 10px; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: rgba(31, 33, 40, 0.95); } .app-notification .button, .app-notification.frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .app-notification .button.flat, .app-notification.frame .button.flat { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: white; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkCalendar { color: #D3DAE3; border: 1px solid #2b2e39; border-radius: 3px; padding: 2px; } GtkCalendar:selected { background-color: #5294e2; color: #ffffff; border-radius: 1.5px; } GtkCalendar.header { color: #D3DAE3; border: none; border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(211, 218, 227, 0.45); border-color: transparent; background-color: transparent; background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #D3DAE3; } GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { color: rgba(211, 218, 227, 0.45); background-color: transparent; background-image: none; } GtkCalendar.highlight { color: alpha(currentColor,0.55); } .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { background-color: rgba(47, 52, 63, 0.97); border-bottom: 1px solid rgba(32, 35, 43, 0.97); } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .message-dialog.csd .dialog-action-area .button { padding: 8px; border-radius: 0; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 3px; } .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 3px; } GtkFileChooserDialog .search-bar { background-color: #383C4A; border-color: #2b2e39; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #2b2e39; } .sidebar { border: none; background-color: #3c4150; } .sidebar .scrollbar.trough { background-color: transparent; border-width: 2px; border-color: transparent; } .sidebar:selected { background-color: #5294e2; } GtkPlacesSidebar.sidebar .view { color: #D3DAE3; background-color: transparent; } GtkPlacesSidebar.sidebar .view:selected { color: #ffffff; background-color: #5294e2; } .sidebar-item { padding: 10px 4px; } .sidebar-item > GtkLabel { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > GtkLabel { background-size: 6px 6px, 0 0; } GtkPaned { margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } .pane-separator { background-image: linear-gradient(to bottom, #2b2e39); } GtkInfoBar { border-style: none; } .info, .question, .warning, .error, GtkInfoBar { background-color: #5294e2; color: #ffffff; } .list-row:selected .button, GtkInfoBar .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } .list-row:selected .flat.button, GtkInfoBar .flat.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .list-row:selected .button:hover, GtkInfoBar .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .tooltip { color: #BAC3CF; border-radius: 2px; } .tooltip.background { background-color: rgba(75, 81, 98, 0.95); background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } GtkColorSwatch { border: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); } GtkColorSwatch.color-light:hover { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4)); } GtkColorSwatch.color-dark:hover { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } GtkColorSwatch:hover { border-color: rgba(0, 0, 0, 0.5); } GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch.left, GtkColorSwatch:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } GtkColorSwatch.right, GtkColorSwatch:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch:only-child { border-radius: 3px; } GtkColorSwatch.color-active-badge { border-width: 2px; } GtkColorSwatch.color-active-badge:hover { background-image: none; } GtkColorSwatch.color-active-badge.color-light, GtkColorSwatch.color-active-badge.color-light:hover { color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-active-badge.color-dark, GtkColorSwatch.color-active-badge.color-dark:hover { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); } GtkColorChooserWidget #add-color-button { border-color: #313541; background-color: #313541; color: #383C4A; box-shadow: none; } GtkColorChooserWidget #add-color-button:hover { border-color: #2b2e39; background-color: #2b2e39; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } .scale-popup .button { padding: 6px; } .scale-popup .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } GtkVolumeButton.button { padding: 8px; } .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .window-frame { border-radius: 3px 3px 0 0; border-width: 0px; box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.97), 0 8px 8px 0 rgba(0, 0, 0, 0.35); margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 5px 5px 0 rgba(0, 0, 0, 0.35); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; border-radius: 0; } .window-frame.csd.popup, .window-frame.csd.menu { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.45), 0 0 0 1px #22242d; } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25); } .window-frame.csd.message-dialog { border-radius: 3px; } .header-bar.default-decoration .button.titlebutton, .titlebar.default-decoration .button.titlebutton, .header-bar.selection-mode.default-decoration .button.titlebutton, .titlebar.selection-mode.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { padding: 8px 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); color: transparent; background-position: center; background-repeat: no-repeat; } .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3), .titlebar .right .button.titlebutton:nth-last-child(3), .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3), .titlebar .left .button.titlebutton:nth-child(3), .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3), .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3), .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar.selection-mode .left .button.titlebutton:nth-child(3), .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3), .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, .titlebar .left .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .header-bar .left .button.titlebutton:nth-child(3):active:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .titlebar .right .button.titlebutton:nth-last-child(3):active:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .titlebar .left .button.titlebutton:nth-child(3):active:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .header-bar .left .button.titlebutton:nth-child(3):backdrop, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .titlebar .left .button.titlebutton:nth-child(3):backdrop, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2), .titlebar .right .button.titlebutton:nth-last-child(2), .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2), .titlebar .left .button.titlebutton:nth-child(2), .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2), .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2), .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar.selection-mode .left .button.titlebutton:nth-child(2), .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2), .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, .titlebar .left .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .header-bar .left .button.titlebutton:nth-child(2):active:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .titlebar .right .button.titlebutton:nth-last-child(2):active:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .titlebar .left .button.titlebutton:nth-child(2):active:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .header-bar .left .button.titlebutton:nth-child(2):backdrop, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .titlebar .left .button.titlebutton:nth-child(2):backdrop, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, .header-bar .left:dir(rtl) .button.titlebutton:last-child, .titlebar .right .button.titlebutton:last-child, .titlebar .right:dir(rtl) .button.titlebutton:first-child, .titlebar .left .button.titlebutton:first-child, .titlebar .left:dir(rtl) .button.titlebutton:last-child, .header-bar.selection-mode .right .button.titlebutton:last-child, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child, .header-bar.selection-mode .left .button.titlebutton:first-child, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child, .titlebar.selection-mode .right .button.titlebutton:last-child, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child, .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, .titlebar .left .button.titlebutton:first-child:backdrop:hover, .titlebar .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .right .button.titlebutton:last-child:hover, .header-bar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, .header-bar .left .button.titlebutton:first-child:active:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:active:hover, .titlebar .right .button.titlebutton:last-child:active:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:active:hover, .titlebar .left .button.titlebutton:first-child:active:hover, .titlebar .left:dir(rtl) .button.titlebutton:last-child:active:hover, .header-bar.selection-mode .right .button.titlebutton:last-child:active:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:active:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:active:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:backdrop, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop, .header-bar .left .button.titlebutton:first-child:backdrop, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop, .titlebar .right .button.titlebutton:last-child:backdrop, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop, .titlebar .left .button.titlebutton:first-child:backdrop, .titlebar .left:dir(rtl) .button.titlebutton:last-child:backdrop, .header-bar.selection-mode .right .button.titlebutton:last-child:backdrop, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } .header-bar .left GtkMenuButton.button.titlebutton:first-child, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar .left GtkMenuButton.button.titlebutton:first-child, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child { padding: 4px 6px 4px 6px; color: rgba(207, 218, 231, 0.8); } .header-bar .left GtkMenuButton.button.titlebutton:first-child, .header-bar .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:backdrop, .header-bar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child, .titlebar .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:backdrop, .titlebar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover { background-image: none; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .header-bar .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .header-bar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:checked, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:checked, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked, .titlebar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:checked, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:checked, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:focus:selected { background-image: none; background-color: #5294e2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, ScratchMainWindow .notebook tab.top:active, ScratchMainWindow .notebook tab.top.active-page, ScratchMainWindow .notebook tab.top.active-page:hover, EphyNotebook.notebook tab.reorderable-page.top:active, EphyNotebook.notebook tab.reorderable-page.top.active-page, EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, EphyNotebook.notebook tab.top:active, EphyNotebook.notebook tab.top.active-page, EphyNotebook.notebook tab.top.active-page:hover, MidoriNotebook .notebook tab.reorderable-page.top:active, MidoriNotebook .notebook tab.reorderable-page.top.active-page, MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, MidoriNotebook .notebook tab.top:active, MidoriNotebook .notebook tab.top.active-page, MidoriNotebook .notebook tab.top.active-page:hover, TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top.active-page, TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } GtkHTML { background-color: #404552; color: #D3DAE3; } GtkHTML:active { color: #ffffff; background-color: #5294e2; } SushiFontWidget { padding: 6px 12px; } TerminalWindow .background { background-color: transparent; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { border-width: 0; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { color: #D3DAE3; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } NautilusNotebook.notebook { background-color: #404552; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { padding: 5px; box-shadow: none; background-color: #404552; } NemoWindow EelEditableLabel.entry { transition: none; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #2b2e39; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { background-color: rgba(134, 144, 165, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:insensitive { color: rgba(207, 218, 231, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .gedit-headerbar-paned { color: rgba(38, 42, 51, 0.97); } .open-document-selector-listbox-row { border-bottom: 1px solid #2d303b; padding: 6px 6px 6px 12px; } .open-document-selector-listbox-row .path-label { font-size: smaller; color: rgba(211, 218, 227, 0.7); } .open-document-selector-listbox-row:selected .path-label { color: rgba(255, 255, 255, 0.7); } .gedit-document-panel .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { color: #9da3ad; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; background-color: transparent; border: none; box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } .gedit-document-panel .prelight-row .button:active { color: #D3DAE3; } .gedit-document-panel-dragged-row { border: 1px solid #2b2e39; background-color: #22242d; color: #D3DAE3; } GeditStatusbar { border-top: 1px solid #2b2e39; background-color: #383C4A; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton:checked.button.flat { border-bottom-style: none; border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { border-bottom: 1px solid #2b2e39; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(211, 218, 227, 0.6); margin: 2px; padding: 2px; } GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #3c4150; padding: 6px; border-color: #2b2e39; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294e2; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { box-shadow: 1px 0 #5294e2; } GbEditorFrame .gb-search-slider { padding: 2px; } GdTaggedEntry { color: #D3DAE3; } .preferences.sidebar GtkViewport { border: none; } .preferences.sidebar GtkListBox { background-color: #383C4A; } .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } GtkBox.gb-command-bar-box { border: none; background-color: #353945; } GtkBox.gb-command-bar-box GtkLabel { color: #BAC3CF; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #BAC3CF; background-image: none; background-color: #353945; padding: 6px 6px 6px 6px; border: none; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #2b2e39; } GbViewStack.focused GtkBox.header.notebook { background-color: #404552; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook GtkLabel.button.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } EphyWindow .floating-bar { color: #D3DAE3; } .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon { background-color: rgba(211, 218, 227, 0.3); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: #a9caf1; } .documents-entry-tag { background-color: #5294e2; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; background-color: #639fe5; } .documents-entry-tag:active { color: #ffffff; background-color: #4189df; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; border: none; box-shadow: none; icon-shadow: none; } .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } TotemGrilo.vertical GdMainView.frame { border-width: 0; } SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: #5294e2; } .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; } .gnome-panel-menu-bar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: #BAC3CF; background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: #BAC3CF; } PanelApplet .button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: rgba(0, 0, 0, 0.25); border-radius: 0; border-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: #5294e2; } WnckPager { color: #5d6268; } WnckPager:selected { color: #5294e2; } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: #BAC3CF; } .xfce4-panel.panel { background-color: rgba(43, 46, 55, 0.95); text-shadow: none; icon-shadow: none; } .xfce4-panel.panel .button.flat { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); border-radius: 0; border: none; } .xfce4-panel.panel .button.flat:hover { border: none; background-color: rgba(65, 70, 84, 0.95); } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { color: #ffffff; border: none; background-color: #5294e2; } .floating-bar { background-color: #5294e2; color: #ffffff; } .floating-bar.top { border-radius: 0 0 2px 2px; } .floating-bar.right { border-radius: 2px 0 0 2px; } .floating-bar.bottom { border-radius: 2px 2px 0 0; } .floating-bar.left { border-radius: 0 2px 2px 0; } .floating-bar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { color: #ffffff; background-color: #5294e2; outline-color: transparent; } MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { background-color: transparent; } MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { outline-color: transparent; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } .marlin-pathbar.pathbar:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } WingpanelWidgetsIndicatorPopover.popover { padding: 0; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; border: solid transparent; border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage { padding: 0 3px; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active { background-color: rgba(255, 255, 255, 0.05); border: solid rgba(255, 255, 255, 0.07); border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive { color: rgba(211, 218, 227, 0.45); } PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: #D3DAE3; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { border: 1px solid rgba(32, 35, 43, 0.97); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } UnityDecoration.top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97)); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: rgba(64, 71, 86, 0.97); border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar GtkLabel { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #2b2e39; border-right: 1px solid #2b2e39; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #2b2e39; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } .bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #2b2e39; background-color: #383C4A; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: #383C4A; color: #D3DAE3; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: #434859; } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: #383C4A; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #D3DAE3; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { background-color: #404552; } GraniteWidgetsWelcome GtkLabel { color: #868b97; font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(211, 218, 227, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #404552); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry.entry { padding: 4px; } .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: #a5abb5; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: rgba(43, 46, 55, 0.95); color: #BAC3CF; font: bold; box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } #panel_window .menubar { padding-left: 5px; } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { font: normal; } #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: #D3DAE3; } #content_frame { padding-bottom: 14px; background-color: #383C4A; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame .button { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } #content_frame .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } #content_frame .button:active, #content_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } #content_frame .button:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } #content_frame .button:insensitive > GtkLabel { color: inherit; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: rgba(47, 52, 63, 0.97); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px rgba(38, 42, 51, 0.97); } #buttonbox_frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } #buttonbox_frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } #buttonbox_frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } #login_window #user_combobox { color: #D3DAE3; font: 13px; } #login_window #user_combobox .menu { font: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font: bold; } .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: rgba(38, 42, 51, 0.97); } NemoWindow GtkEventBox { background-color: #383C4A; } GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog .sidebar, NautilusWindow .sidebar, NemoWindow .sidebar { border-right: 1px solid rgba(42, 45, 55, 0.95); } GtkFileChooserDialog .sidebar:dir(rtl), NautilusWindow .sidebar:dir(rtl), NemoWindow .sidebar:dir(rtl) { border-left: 1px solid rgba(42, 45, 55, 0.95); } NautilusWindow GtkBox.sidebar { background-color: transparent; } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, NautilusWindow .source-list.view:prelight, NemoWindow.csd.background, NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar { background-color: rgba(53, 57, 69, 0.95); } GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, NautilusWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow .sidebar .view, NemoWindow .sidebar .source-list.sidebar row, NemoWindow MarlinPlacesSidebar .view, NemoWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #BAC3CF; } GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, NautilusWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow .sidebar .view.image, NemoWindow .sidebar .source-list.sidebar row.image, NemoWindow MarlinPlacesSidebar .view.image, NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image { color: rgba(186, 195, 207, 0.7); } GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, NautilusWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar .source-list.sidebar row.cell:selected, NemoWindow MarlinPlacesSidebar .view.cell:selected, NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294e2; color: #ffffff; } GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame { color: #BAC3CF; } GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator { color: transparent; } GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #353945; } GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: rgba(42, 45, 55, 0.95); } NautilusWindow NautilusWindowSlot { background-color: #404552; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { background-color: rgba(53, 57, 69, 0.95); } GtkFileChooserDialog .sidebar { background-color: transparent; } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #383C4A; } GtkFileChooserDialog .dialog-action-box { background-color: #383C4A; } GtkFileChooserDialog .dialog-vbox > .frame { color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: rgba(31, 33, 40, 0.95); } GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #BAC3CF; } FeedReaderreaderUI.background.csd > .titlebar .pane-separator, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, GeditWindow.background.csd > .titlebar .pane-separator, GeditWindow.background.csd.maximized > .titlebar .pane-separator, GeditWindow.background.csd > .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { background-color: rgba(38, 42, 51, 0.97); } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: rgba(47, 52, 63, 0.97); } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: rgba(50, 56, 67, 0.97); } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #2f343f; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #323843; } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background .gedit-side-panel-paned .pane-separator { background-color: rgba(42, 45, 55, 0.95); } GeditWindow.background .gedit-bottom-panel-paned .pane-separator { background-color: #2b2e39; } GeditWindow.background > .titlebar.default-decoration, GeditWindow.background > .titlebar.default-decoration:backdrop { background-color: #2f343f; } .gedit-bottom-panel-paned { background-color: #404552; } .gedit-document-panel { background-color: rgba(53, 57, 69, 0.95); } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel .list-row { color: #BAC3CF; } .gedit-document-panel .list-row { background-color: rgba(186, 195, 207, 0); border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:active .button { color: #ffffff; } .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { color: #BAC3CF; } GeditFileBrowserWidget { background-color: rgba(53, 57, 69, 0.95); } .maximized GeditFileBrowserWidget { background-color: #353945; } GeditFileBrowserWidget .scrollbars-junction, GeditFileBrowserWidget .scrollbars-junction.frame { border-color: transparent; background-color: transparent; } GeditFileBrowserWidget .horizontal { background-color: transparent; border-color: rgba(37, 40, 49, 0.95); } GeditFileBrowserWidget .horizontal GtkComboBox { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditFileBrowserWidget .horizontal .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } GtkFileChooserDialog .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditFileBrowserWidget .horizontal .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditFileBrowserWidget .horizontal .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } GtkFileChooserDialog .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } GtkFileChooserDialog .action-bar.frame .image.entry, GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog .action-bar.frame .image.entry:hover, GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { color: inherit; } GtkFileChooserDialog .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294e2); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } GtkFileChooserDialog .sidebar .trough.scrollbar, GtkFileChooserDialog MarlinPlacesSidebar .trough.scrollbar, NautilusWindow .sidebar .trough.scrollbar, NautilusWindow MarlinPlacesSidebar .trough.scrollbar, NemoWindow .sidebar .trough.scrollbar, NemoWindow MarlinPlacesSidebar .trough.scrollbar, MarlinViewWindow .sidebar .trough.scrollbar, MarlinViewWindow MarlinPlacesSidebar .trough.scrollbar, GeditFileBrowserWidget .trough.scrollbar { background-color: transparent; border-color: transparent; } GtkFileChooserDialog .sidebar .slider.scrollbar, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar, NautilusWindow .sidebar .slider.scrollbar, NautilusWindow MarlinPlacesSidebar .slider.scrollbar, NemoWindow .sidebar .slider.scrollbar, NemoWindow MarlinPlacesSidebar .slider.scrollbar, MarlinViewWindow .sidebar .slider.scrollbar, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar, GeditFileBrowserWidget .slider.scrollbar { border-radius: 20px; border: 3px solid transparent; background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog .sidebar .slider.scrollbar:hover, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar:hover, NautilusWindow .sidebar .slider.scrollbar:hover, NautilusWindow MarlinPlacesSidebar .slider.scrollbar:hover, NemoWindow .sidebar .slider.scrollbar:hover, NemoWindow MarlinPlacesSidebar .slider.scrollbar:hover, MarlinViewWindow .sidebar .slider.scrollbar:hover, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar:hover, GeditFileBrowserWidget .slider.scrollbar:hover { background-color: #f6f7f9; } GtkFileChooserDialog .sidebar .slider.scrollbar:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar:prelight:active, NautilusWindow .sidebar .slider.scrollbar:prelight:active, NautilusWindow MarlinPlacesSidebar .slider.scrollbar:prelight:active, NemoWindow .sidebar .slider.scrollbar:prelight:active, NemoWindow MarlinPlacesSidebar .slider.scrollbar:prelight:active, MarlinViewWindow .sidebar .slider.scrollbar:prelight:active, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar:prelight:active, GeditFileBrowserWidget .slider.scrollbar:prelight:active { background-color: #5294e2; } GtkFileChooserDialog .sidebar .slider.fine-tune.scrollbar, GtkFileChooserDialog MarlinPlacesSidebar .slider.fine-tune.scrollbar, NautilusWindow .sidebar .slider.fine-tune.scrollbar, NautilusWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar, NemoWindow .sidebar .slider.fine-tune.scrollbar, NemoWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar, MarlinViewWindow .sidebar .slider.fine-tune.scrollbar, MarlinViewWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar, GeditFileBrowserWidget .slider.fine-tune.scrollbar { border-width: 4px; } GtkFileChooserDialog .sidebar .slider.fine-tune.scrollbar:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, NautilusWindow .sidebar .slider.fine-tune.scrollbar:prelight:active, NautilusWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, NemoWindow .sidebar .slider.fine-tune.scrollbar:prelight:active, NemoWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, MarlinViewWindow .sidebar .slider.fine-tune.scrollbar:prelight:active, MarlinViewWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, GeditFileBrowserWidget .slider.fine-tune.scrollbar:prelight:active { background-color: #5294e2; } GtkFileChooserDialog .sidebar .slider.scrollbar:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar:insensitive, NautilusWindow .sidebar .slider.scrollbar:insensitive, NautilusWindow MarlinPlacesSidebar .slider.scrollbar:insensitive, NemoWindow .sidebar .slider.scrollbar:insensitive, NemoWindow MarlinPlacesSidebar .slider.scrollbar:insensitive, MarlinViewWindow .sidebar .slider.scrollbar:insensitive, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar:insensitive, GeditFileBrowserWidget .slider.scrollbar:insensitive { background-color: transparent; } /* GTK NAMED COLORS */ @define-color theme_fg_color #D3DAE3; @define-color theme_text_color #D3DAE3; @define-color theme_bg_color #383C4A; @define-color theme_base_color #404552; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #D3DAE3; @define-color text_color #D3DAE3; @define-color bg_color #383C4A; @define-color base_color #404552; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #3c4150; @define-color insensitive_fg_color alpha(#d3dae3, 0.5); @define-color insensitive_base_color #404552; @define-color theme_unfocused_fg_color #D3DAE3; @define-color theme_unfocused_text_color #D3DAE3; @define-color theme_unfocused_bg_color #383C4A; @define-color theme_unfocused_base_color #404552; @define-color borders #2b2e39; @define-color unfocused_borders #2b2e39; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #a9caf1; @define-color wm_title alpha(#cfdae7, 0.8); @define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343f; @define-color wm_bg_unfocused #323843; @define-color wm_highlight #363b48; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #cc575d; @define-color wm_button_close_hover_bg #d7787d; @define-color wm_button_close_active_bg #be3841; @define-color wm_icon_close_bg #2f343f; @define-color wm_button_hover_bg #454C5C; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #262932; @define-color wm_icon_bg #90939B; @define-color wm_icon_unfocused_bg #666A74; @define-color wm_icon_hover_bg #C4C7CC; @define-color wm_icon_active_bg #ffffff; @define-color content_view_bg #404552; ================================================ FILE: common/gtk-3.0/3.14/gtk-darker.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkPaned-handle-size: 1; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #2679db; -GtkWidget-visited-link-color: #1e61b0; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(92, 97, 108, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } .background { color: #5c616c; background-color: rgba(245, 246, 247, 0.999); } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #F5F6F7; color: #5c616c; } .gtkstyle-fallback:prelight { background-color: white; color: #5c616c; } .gtkstyle-fallback:active { background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view { color: #5c616c; background-color: #ffffff; } .view.dim-label, GtkLabel.view.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator, .header-bar .view.subtitle { color: rgba(92, 97, 108, 0.55); } .view.dim-label:selected, GtkLabel.view.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, GtkLabel.view.separator:selected:focus, .header-bar .view.subtitle:selected:focus { color: rgba(255, 255, 255, 0.65); text-shadow: none; } .rubberband { border: 1px solid #5294e2; background-color: rgba(82, 148, 226, 0.2); } GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #5c616c; } GtkLabel:insensitive { color: rgba(92, 97, 108, 0.55); } .dim-label, GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator, .header-bar .subtitle { opacity: 0.55; } GtkAssistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #dcdfe3; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294e2; color: #ffffff; } GtkTextView { background-color: #fafbfb; } GtkFlowBox .grid-child { padding: 3px; border-radius: 3px; } GtkFlowBox .grid-child:selected { outline-offset: -2px; } .popover.osd, .osd { color: #BAC3CF; border: none; background-color: rgba(53, 57, 69, 0.95); background-clip: padding-box; outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } .entry { border: 1px solid; padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); border: none; border-radius: 0; } .entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294e2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #5294e2; color: #ffffff; } .entry.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .linked > .entry:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked > .entry:first-child:dir(rtl) { border-right-style: none; } .linked > .entry:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } .linked > .entry:last-child:dir(rtl) { border-left-style: solid; } .entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } .entry.warning:selected, .entry.warning:selected:focus { background-color: white; color: #F27835; } .entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } .entry.error:selected, .entry.error:selected:focus { background-color: white; color: #FC4138; } .entry.image { color: #7d8189; } .linked.vertical > .entry { border-bottom-color: #f4f5f6; box-shadow: none; } .linked.vertical > .entry:focus { border-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:insensitive { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:first-child { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:first-child:focus { border-bottom-color: #5294e2; box-shadow: none; } .linked.vertical > .entry:first-child:insensitive { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:last-child { border-bottom-color: rgba(0, 0, 0, 0.14); } .linked.vertical > .entry:last-child:focus { border-bottom-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:last-child:insensitive { border-bottom-color: rgba(0, 0, 0, 0.14); } .osd .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } .osd .entry.image, .osd .entry.image:hover { color: inherit; } .osd .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294e2); } .osd .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } GtkSearchEntry.entry { border-radius: 20px; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 5px 8px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .button.flat { border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(251, 251, 252, 0); border-color: rgba(207, 214, 230, 0); transition: none; } .button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } .button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; transition-duration: 50ms; } .button:active { color: #5c616c; } .button:active:hover, .button:checked { color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; } .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294e2; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .button.osd:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); border-radius: 0; border-left-style: none; border-right-style: none; } .osd .button:dir(rtl) { border-radius: 0; border-right-style: none; border-left-style: none; } .osd .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:dir(rtl) { border-left-style: solid; } .osd .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child { box-shadow: none; } .osd .button:active, .osd .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child { box-shadow: none; } .osd .button.flat:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); background-image: none; } .osd .button.flat:active, .osd .button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .button.suggested-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.suggested-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.suggested-action:insensitive > GtkLabel { color: inherit; } .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .button.destructive-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.destructive-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { padding: 7px; } .header-bar .button.image-button, .header-bar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .header-bar .titlebar.selection-mode .button.titlebutton, .titlebar.selection-mode .header-bar .button.titlebutton { padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { padding: 5px 8px; } .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar GtkToolButton > .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .inline-toolbar GtkToolButton > .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } .inline-toolbar GtkToolButton > .button.flat:active, .osd .button:active, .inline-toolbar .button:active, .linked > .button:active, GtkComboBox.combobox-entry .entry:active, GtkComboBox.combobox-entry .button:active, .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, .linked > GtkComboBox > .button:active:dir(ltr), .inline-toolbar GtkToolButton > .button.flat:checked, .osd .button:checked, .inline-toolbar .button:checked, .linked > .button:checked, GtkComboBox.combobox-entry .entry:checked, GtkComboBox.combobox-entry .button:checked, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked, .linked > GtkComboBox > .button:checked:dir(ltr) { box-shadow: none; } .inline-toolbar.toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), .linked > .button:dir(rtl):hover, .linked > .button:dir(rtl):active, .linked > .button:dir(rtl):checked, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } .osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, .primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } .osd .button:first-child:active, .inline-toolbar .button:first-child:active, .linked > .button:first-child:active, .inline-toolbar GtkToolButton:first-child > .button.flat:active, GtkComboBox.combobox-entry .entry:first-child:active, GtkComboBox.combobox-entry .button:first-child:active, .linked > GtkComboBox:first-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, .osd .button:first-child:checked, .inline-toolbar .button:first-child:checked, .linked > .button:first-child:checked, .inline-toolbar GtkToolButton:first-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:first-child:checked, GtkComboBox.combobox-entry .button:first-child:checked, .linked > GtkComboBox:first-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } .osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, .primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } .osd .button:last-child:active, .inline-toolbar .button:last-child:active, .linked > .button:last-child:active, .inline-toolbar GtkToolButton:last-child > .button.flat:active, GtkComboBox.combobox-entry .entry:last-child:active, GtkComboBox.combobox-entry .button:last-child:active, .linked > GtkComboBox:last-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, .osd .button:last-child:checked, .inline-toolbar .button:last-child:checked, .linked > .button:last-child:checked, .inline-toolbar GtkToolButton:last-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:last-child:checked, GtkComboBox.combobox-entry .button:last-child:checked, .linked > GtkComboBox:last-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } .osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, .primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } .osd .button:only-child:active, .inline-toolbar .button:only-child:active, .linked > .button:only-child:active, .inline-toolbar GtkToolButton:only-child > .button.flat:active, GtkComboBox.combobox-entry .entry:only-child:active, GtkComboBox.combobox-entry .button:only-child:active, .linked > GtkComboBox:only-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, .osd .button:only-child:checked, .inline-toolbar .button:only-child:checked, .linked > .button:only-child:checked, .inline-toolbar GtkToolButton:only-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:only-child:checked, GtkComboBox.combobox-entry .button:only-child:checked, .linked > GtkComboBox:only-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 -1px rgba(207, 214, 230, 0.4), inset 0 1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:active, .linked.vertical > .button:active, .linked.vertical > GtkComboBoxText > .button:active, .linked.vertical > GtkComboBox > .button:active, .linked.vertical > .entry:checked, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button:checked, .linked.vertical > GtkComboBox > .button:checked { box-shadow: none; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:first-child:active, .linked.vertical > .button:first-child:active, .linked.vertical > GtkComboBoxText:first-child > .button:active, .linked.vertical > GtkComboBox:first-child > .button:active, .linked.vertical > .entry:first-child:checked, .linked.vertical > .button:first-child:checked, .linked.vertical > GtkComboBoxText:first-child > .button:checked, .linked.vertical > GtkComboBox:first-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:last-child:active, .linked.vertical > .button:last-child:active, .linked.vertical > GtkComboBoxText:last-child > .button:active, .linked.vertical > GtkComboBox:last-child > .button:active, .linked.vertical > .entry:last-child:checked, .linked.vertical > .button:last-child:checked, .linked.vertical > GtkComboBoxText:last-child > .button:checked, .linked.vertical > GtkComboBox:last-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } .linked.vertical > .entry:only-child:active, .linked.vertical > .button:only-child:active, .linked.vertical > GtkComboBoxText:only-child > .button:active, .linked.vertical > GtkComboBox:only-child > .button:active, .linked.vertical > .entry:only-child:checked, .linked.vertical > .button:only-child:checked, .linked.vertical > GtkComboBoxText:only-child > .button:checked, .linked.vertical > GtkComboBox:only-child > .button:checked { box-shadow: none; } .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .notebook tab .button, .list-row.button, .app-notification .button.flat, .app-notification.frame .button.flat, .app-notification .button.flat:insensitive, .app-notification.frame .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } /* menu buttons */ .menuitem.button.flat { transition: none; outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { background-color: #edeff0; } .menuitem.button.flat:checked { color: #5c616c; } *:link, .button:link, .button:visited { color: #2679db; } *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited:link, *:selected .button:visited { color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #dceaf9; } *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #dceaf9; } .spinbutton { border-radius: 3px; } .spinbutton .button { background-image: none; border: 1px solid rgba(220, 223, 227, 0.6); border-style: none none none solid; color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } .spinbutton .button:insensitive { color: rgba(92, 97, 108, 0.55); } .spinbutton .button:active { background-color: #5294e2; color: #ffffff; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #5294e2; border-radius: 0; box-shadow: none; } GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .button { padding-top: 3px; padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: 1px 0 #5294e2; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-left-style: none; } GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: -1px 0 #5294e2; } GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 #cfd6e6; } GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.55); } GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 #cfd6e6; } GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.55); } .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.85); } .primary-toolbar { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #2f343f, rgba(32, 35, 43, 0.97)) 1 0 1 0; } .inline-toolbar { background-color: #edeef0; border-style: solid; border-color: #dcdfe3; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; border-color: #dcdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { background-color: #edeef0; } .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: #262a33; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; } .csd .header-bar { background-color: rgba(47, 52, 63, 0.97); border-color: rgba(38, 42, 51, 0.97); } .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { padding-left: 12px; padding-right: 12px; } .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: rgba(82, 148, 226, 0.95); outline-color: rgba(82, 148, 226, 0.25); background-color: #ffffff; border-color: #ffffff; } .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343f; border-color: #262a33; } .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized .csd .header-bar.default-decoration, .maximized .header-bar.default-decoration:backdrop, .maximized .csd .header-bar.default-decoration:backdrop { background-color: #2f343f; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 3px 3px 0 0; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } .csd .titlebar { background-color: rgba(47, 52, 63, 0.97); } .titlebar:backdrop { color: rgba(207, 218, 231, 0.5); background-color: #323843; } .csd .titlebar:backdrop { background-color: rgba(50, 56, 67, 0.97); } .maximized .titlebar { background-color: #2f343f; } .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #323843; } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } .primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); background-clip: padding-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar .entry.warning, .header-bar .entry.warning { color: white; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(167, 94, 57, 0.988)); } .primary-toolbar .entry.warning:focus, .header-bar .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); } .primary-toolbar .entry.warning:selected, .header-bar .entry.warning:selected, .primary-toolbar .entry.warning:selected:focus, .header-bar .entry.warning:selected:focus { background-color: white; color: #F27835; } .primary-toolbar .entry.error, .header-bar .entry.error { color: white; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(173, 60, 59, 0.988)); } .primary-toolbar .entry.error:focus, .header-bar .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); } .primary-toolbar .entry.error:selected, .header-bar .entry.error:selected, .primary-toolbar .entry.error:selected:focus, .header-bar .entry.error:selected:focus { background-color: white; color: #FC4138; } .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { background-color: rgba(134, 144, 165, 0.37); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .primary-toolbar .linked.stack-switcher > .button:insensitive, .header-bar .linked.stack-switcher > .button:insensitive, .primary-toolbar .linked.path-bar > .button:insensitive, .header-bar .linked.path-bar > .button:insensitive { color: rgba(207, 218, 231, 0.4); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked { box-shadow: none; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive, .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .header-bar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .button.suggested-action:insensitive > GtkLabel, .header-bar .button.suggested-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive, .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .header-bar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .button.destructive-action:insensitive > GtkLabel, .header-bar .button.destructive-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(207, 218, 231, 0.05); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr), .header-bar GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(21, 23, 28, 0); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl), .header-bar GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(21, 23, 28, 0); } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(21, 23, 28, 0.37); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.37)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #454c5c); border-color: rgba(21, 23, 28, 0.67); } .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { background-image: linear-gradient(to bottom, #50586b); border-color: rgba(21, 23, 28, 0.67); } .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, rgba(63, 69, 84, 0.991)); border-color: rgba(21, 23, 28, 0.67); } .path-bar .button { padding: 5px 10px; } .path-bar .button:first-child { padding-left: 10px; } .path-bar .button:last-child { padding-right: 10px; } .path-bar .button:only-child { padding-left: 14px; padding-right: 14px; } .path-bar .button GtkLabel:last-child { padding-left: 4px; } .path-bar .button GtkLabel:first-child { padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 2px; padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-color: rgba(92, 97, 108, 0.2); } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { color: #ffffff; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); border-radius: 3px; border-width: 0; } column-header .button { color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294e2; box-shadow: none; transition: none; } column-header .button:active { color: #5c616c; transition: none; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; border-image: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294e2; box-shadow: inset 1px 1px 0 1px #5294e2, inset -1px 0 0 1px #5294e2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active, column-header .button:hover { background-color: #ffffff; } column-header .button:active:hover { color: #5c616c; } column-header .button:insensitive { border-color: #F5F6F7; background-image: none; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #2f343f; color: rgba(207, 218, 231, 0.8); } .menubar:backdrop { color: rgba(207, 218, 231, 0.5); } .menubar > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } .menubar > .menuitem:hover { background-color: #5294e2; color: #ffffff; } .menubar > .menuitem:insensitive { color: rgba(207, 218, 231, 0.2); border-color: transparent; } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #ffffff; border: 1px solid #dcdfe3; } .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } .menu .menuitem { padding: 5px; } .menu .menuitem:hover { color: #ffffff; background-color: #5294e2; } .menu .menuitem:insensitive { color: rgba(92, 97, 108, 0.55); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator { color: rgba(255, 255, 255, 0); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; } .menu.button.top { border-bottom: 1px solid #efeff0; } .menu.button.bottom { border-top: 1px solid #efeff0; } .menu.button:hover { background-color: #efeff0; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: alpha(currentColor,0.55); } .popover { margin: 10px; padding: 2px; border: 1px solid #cdd2d7; border-radius: 3px; background-clip: border-box; background-color: #ffffff; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .popover .separator, .popover GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .popover .view.separator { color: rgba(255, 255, 255, 0); } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .notebook { padding: 0; background-color: #ffffff; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { border: 1px solid #dcdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { border: 0px solid #dcdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px #dcdfe3; } .notebook.header.bottom { box-shadow: inset 0 1px #dcdfe3; } .notebook.header.right { box-shadow: inset 1px 0 #dcdfe3; } .notebook.header.left { box-shadow: inset -1px 0 #dcdfe3; } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; } .notebook tab.top, .notebook tab.bottom { padding: 4px 15px; } .notebook tab.left, .notebook tab.right { padding: 4px 15px; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; } .notebook tab.reorderable-page.top, .notebook tab.top { padding-top: 6px; border-radius: 3.5px 2px 0 0; border-width: 0; border-top-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; border-width: 0; border-bottom-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; border-width: 0; border-right-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; border-width: 0; border-left-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(92, 97, 108, 0.775); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #5c616c; } .notebook tab .button { padding: 0; color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { color: #5294e2; } .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { color: rgba(92, 97, 108, 0.55); } .notebook.arrow:hover { color: rgba(92, 97, 108, 0.775); } .notebook.arrow:active { color: #5c616c; } .notebook.arrow:insensitive { color: rgba(92, 97, 108, 0.25); } .scrollbar { background-clip: padding-box; background-image: none; border-style: solid; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkRange-slider-width: 13; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.trough { background-color: #fcfcfc; border-left: 1px solid #dcdfe3; } .scrollbar.trough.horizontal { border-left: none; border-top: 1px solid #dcdfe3; } .scrollbar.slider { border-radius: 21px 20px 20px 21px; border: 3px solid transparent; border-left-width: 4px; background-color: #b8babf; } .scrollbar.slider.horizontal { border-radius: 21px 21px 20px 20px; border-left-width: 3px; border-top-width: 4px; } .scrollbar.slider:hover { background-color: #cfd1d4; } .scrollbar.slider:prelight:active, .scrollbar.slider:active { background-color: #5294e2; } .scrollbar.slider.fine-tune { border-width: 4px; } .scrollbar.slider.fine-tune:prelight:active { background-color: #5294e2; } .scrollbar.slider:insensitive { background-color: transparent; } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; background-color: #fcfcfc; } GtkSwitch { font: 1; -GtkSwitch-slider-width: 41; outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; } GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { background-position: left center; } GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } .menu .menuitem:hover GtkSwitch.trough, .list-row:selected GtkSwitch.trough, GtkInfoBar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } .header-bar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active, .list-row:selected GtkSwitch.trough:active, GtkInfoBar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } .header-bar GtkSwitch.trough:active, .primary-toolbar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } .menu .menuitem:hover GtkSwitch.trough:insensitive, .list-row:selected GtkSwitch.trough:insensitive, GtkInfoBar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:insensitive, .primary-toolbar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active:insensitive, .list-row:selected GtkSwitch.trough:active:insensitive, GtkInfoBar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:active:insensitive, .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } GtkFileChooserDialog .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } GtkFileChooserDialog .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } GtkIconView.view.check, GtkFlowBox.view.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } GtkIconView.view.check:checked, GtkFlowBox.view.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; } .scale.trough { margin: 5px; } .scale.fine-tune.trough { border-radius: 5px; margin: 3px; } .scale.slider { background-clip: border-box; background-image: linear-gradient(to bottom, #fbfbfc); border: 1px solid rgba(123, 142, 186, 0.5); border-radius: 50%; box-shadow: none; } .scale.slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(123, 142, 186, 0.5); } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #fbfbfb); border-color: rgba(123, 142, 186, 0.3); } .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .osd .scale.slider { background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95)); border-color: #5294e2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294e2); } .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } .menu .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .menu .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } .menu .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } .menu .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, #cfd6e6); } .scale.trough.highlight { background-image: linear-gradient(to bottom, #5294e2); } .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd .scale.trough { background-image: linear-gradient(to bottom, rgba(69, 74, 89, 0.95)); outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294e2); } .menu .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .menu .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .menu .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } .menu .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } GtkProgressBar { padding: 0; font-size: smaller; color: rgba(92, 97, 108, 0.7); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } .progressbar { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } .progressbar.osd { background-color: #5294e2; } .list-row:selected .progressbar, GtkInfoBar .progressbar { background-color: #ffffff; } .osd .scale.progressbar { background-color: #5294e2; } GtkProgressBar.trough, .level-bar.trough { border: none; border-radius: 3px; background-color: #cfd6e6; } GtkProgressBar.trough.osd, .osd.level-bar.trough { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected GtkProgressBar.trough, .list-row:selected .level-bar.trough, GtkInfoBar GtkProgressBar.trough, GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } GtkLevelBar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; border-radius: 4px; } .level-bar.fill-block { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #73d216; background-color: #73d216; } .level-bar.fill-block.level-low { border-color: #F27835; background-color: #F27835; } .level-bar.fill-block.empty-fill-block { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } .frame { border: 1px solid #dcdfe3; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } .list, .list-row { background-color: #ffffff; border-color: #dcdfe3; } .list-row, .grid-child { padding: 2px; } .list-row.button { background-color: transparent; border-style: none; border-radius: 0; box-shadow: none; } .list-row.button:hover { background-color: rgba(0, 0, 0, 0.05); } .list-row.button:active { color: #5c616c; } .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } .list-row.button:selected:insensitive GtkLabel { color: inherit; } .list-row, list-row.button { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.button:hover { transition: none; } .app-notification, .app-notification.frame { padding: 10px; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: rgba(31, 33, 40, 0.95); } .app-notification .button, .app-notification.frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .app-notification .button.flat, .app-notification.frame .button.flat { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: #aaaeb7; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkCalendar { color: #5c616c; border: 1px solid #dcdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { background-color: #5294e2; color: #ffffff; border-radius: 1.5px; } GtkCalendar.header { color: #5c616c; border: none; border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(92, 97, 108, 0.45); border-color: transparent; background-color: transparent; background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #5c616c; } GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { color: rgba(92, 97, 108, 0.55); background-color: transparent; background-image: none; } GtkCalendar.highlight { color: alpha(currentColor,0.55); } .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { background-color: rgba(47, 52, 63, 0.97); border-bottom: 1px solid rgba(32, 35, 43, 0.97); } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .message-dialog.csd .dialog-action-area .button { padding: 8px; border-radius: 0; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 3px; } .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 3px; } GtkFileChooserDialog .search-bar { background-color: #F5F6F7; border-color: #dcdfe3; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #dcdfe3; } .sidebar { border: none; background-color: #fbfbfc; } .sidebar .scrollbar.trough { background-color: transparent; border-width: 2px; border-color: transparent; } .sidebar:selected { background-color: #5294e2; } GtkPlacesSidebar.sidebar .view { color: #5c616c; background-color: transparent; } GtkPlacesSidebar.sidebar .view:selected { color: #ffffff; background-color: #5294e2; } .sidebar-item { padding: 10px 4px; } .sidebar-item > GtkLabel { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > GtkLabel { background-size: 6px 6px, 0 0; } GtkPaned { margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } .pane-separator { background-image: linear-gradient(to bottom, #dcdfe3); } GtkInfoBar { border-style: none; } .info, .question, .warning, .error, GtkInfoBar { background-color: #5294e2; color: #ffffff; } .list-row:selected .button, GtkInfoBar .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } .list-row:selected .flat.button, GtkInfoBar .flat.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .list-row:selected .button:hover, GtkInfoBar .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .tooltip { color: #BAC3CF; border-radius: 2px; } .tooltip.background { background-color: rgba(75, 81, 98, 0.95); background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } GtkColorSwatch { border: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); } GtkColorSwatch.color-light:hover { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4)); } GtkColorSwatch.color-dark:hover { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } GtkColorSwatch:hover { border-color: rgba(0, 0, 0, 0.5); } GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch.left, GtkColorSwatch:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } GtkColorSwatch.right, GtkColorSwatch:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch:only-child { border-radius: 3px; } GtkColorSwatch.color-active-badge { border-width: 2px; } GtkColorSwatch.color-active-badge:hover { background-image: none; } GtkColorSwatch.color-active-badge.color-light, GtkColorSwatch.color-active-badge.color-light:hover { color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-active-badge.color-dark, GtkColorSwatch.color-active-badge.color-dark:hover { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); } GtkColorChooserWidget #add-color-button { border-color: #e8ebed; background-color: #e8ebed; color: #F5F6F7; box-shadow: none; } GtkColorChooserWidget #add-color-button:hover { border-color: #dcdfe3; background-color: #dcdfe3; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } .scale-popup .button { padding: 6px; } .scale-popup .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkVolumeButton.button { padding: 8px; } .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .window-frame { border-radius: 3px 3px 0 0; border-width: 0px; box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.97), 0 8px 8px 0 rgba(0, 0, 0, 0.2); margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 5px 5px 0 rgba(0, 0, 0, 0.2); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; border-radius: 0; } .window-frame.csd.popup, .window-frame.csd.menu { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.message-dialog { border-radius: 3px; } .header-bar.default-decoration .button.titlebutton, .titlebar.default-decoration .button.titlebutton, .header-bar.selection-mode.default-decoration .button.titlebutton, .titlebar.selection-mode.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { padding: 8px 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); color: transparent; background-position: center; background-repeat: no-repeat; } .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3), .titlebar .right .button.titlebutton:nth-last-child(3), .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3), .titlebar .left .button.titlebutton:nth-child(3), .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3), .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3), .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar.selection-mode .left .button.titlebutton:nth-child(3), .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3), .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, .titlebar .left .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .header-bar .left .button.titlebutton:nth-child(3):active:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .titlebar .right .button.titlebutton:nth-last-child(3):active:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .titlebar .left .button.titlebutton:nth-child(3):active:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .header-bar .left .button.titlebutton:nth-child(3):backdrop, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .titlebar .left .button.titlebutton:nth-child(3):backdrop, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2), .titlebar .right .button.titlebutton:nth-last-child(2), .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2), .titlebar .left .button.titlebutton:nth-child(2), .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2), .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2), .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar.selection-mode .left .button.titlebutton:nth-child(2), .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2), .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, .titlebar .left .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .header-bar .left .button.titlebutton:nth-child(2):active:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .titlebar .right .button.titlebutton:nth-last-child(2):active:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .titlebar .left .button.titlebutton:nth-child(2):active:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .header-bar .left .button.titlebutton:nth-child(2):backdrop, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .titlebar .left .button.titlebutton:nth-child(2):backdrop, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, .header-bar .left:dir(rtl) .button.titlebutton:last-child, .titlebar .right .button.titlebutton:last-child, .titlebar .right:dir(rtl) .button.titlebutton:first-child, .titlebar .left .button.titlebutton:first-child, .titlebar .left:dir(rtl) .button.titlebutton:last-child, .header-bar.selection-mode .right .button.titlebutton:last-child, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child, .header-bar.selection-mode .left .button.titlebutton:first-child, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child, .titlebar.selection-mode .right .button.titlebutton:last-child, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child, .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, .titlebar .left .button.titlebutton:first-child:backdrop:hover, .titlebar .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .right .button.titlebutton:last-child:hover, .header-bar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, .header-bar .left .button.titlebutton:first-child:active:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:active:hover, .titlebar .right .button.titlebutton:last-child:active:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:active:hover, .titlebar .left .button.titlebutton:first-child:active:hover, .titlebar .left:dir(rtl) .button.titlebutton:last-child:active:hover, .header-bar.selection-mode .right .button.titlebutton:last-child:active:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:active:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:active:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:backdrop, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop, .header-bar .left .button.titlebutton:first-child:backdrop, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop, .titlebar .right .button.titlebutton:last-child:backdrop, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop, .titlebar .left .button.titlebutton:first-child:backdrop, .titlebar .left:dir(rtl) .button.titlebutton:last-child:backdrop, .header-bar.selection-mode .right .button.titlebutton:last-child:backdrop, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } .header-bar .left GtkMenuButton.button.titlebutton:first-child, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar .left GtkMenuButton.button.titlebutton:first-child, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child { padding: 4px 6px 4px 6px; color: rgba(207, 218, 231, 0.8); } .header-bar .left GtkMenuButton.button.titlebutton:first-child, .header-bar .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:backdrop, .header-bar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child, .titlebar .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:backdrop, .titlebar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover { background-image: none; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .header-bar .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .header-bar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:checked, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:checked, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked, .titlebar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:checked, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:checked, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:focus:selected { background-image: none; background-color: #5294e2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, ScratchMainWindow .notebook tab.top:active, ScratchMainWindow .notebook tab.top.active-page, ScratchMainWindow .notebook tab.top.active-page:hover, EphyNotebook.notebook tab.reorderable-page.top:active, EphyNotebook.notebook tab.reorderable-page.top.active-page, EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, EphyNotebook.notebook tab.top:active, EphyNotebook.notebook tab.top.active-page, EphyNotebook.notebook tab.top.active-page:hover, MidoriNotebook .notebook tab.reorderable-page.top:active, MidoriNotebook .notebook tab.reorderable-page.top.active-page, MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, MidoriNotebook .notebook tab.top:active, MidoriNotebook .notebook tab.top.active-page, MidoriNotebook .notebook tab.top.active-page:hover, TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top.active-page, TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; } GtkHTML { background-color: #ffffff; color: #5c616c; } GtkHTML:active { color: #ffffff; background-color: #5294e2; } SushiFontWidget { padding: 6px 12px; } TerminalWindow .background { background-color: transparent; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { border-width: 0; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { color: #5c616c; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } NautilusNotebook.notebook { background-color: #ffffff; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { padding: 5px; box-shadow: none; background-color: #ffffff; } NemoWindow EelEditableLabel.entry { transition: none; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #dcdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { background-color: rgba(134, 144, 165, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:insensitive { color: rgba(207, 218, 231, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .gedit-headerbar-paned { color: rgba(38, 42, 51, 0.97); } .open-document-selector-listbox-row { border-bottom: 1px solid #e7e9ec; padding: 6px 6px 6px 12px; } .open-document-selector-listbox-row .path-label { font-size: smaller; color: rgba(92, 97, 108, 0.7); } .open-document-selector-listbox-row:selected .path-label { color: rgba(255, 255, 255, 0.7); } .gedit-document-panel .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { color: #92959d; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; background-color: transparent; border: none; box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { border-top: 1px solid #dcdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton:checked.button.flat { border-bottom-style: none; border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { border-bottom: 1px solid #dcdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); margin: 2px; padding: 2px; } GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294e2; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { box-shadow: 1px 0 #5294e2; } GbEditorFrame .gb-search-slider { padding: 2px; } GdTaggedEntry { color: #5c616c; } .preferences.sidebar GtkViewport { border: none; } .preferences.sidebar GtkListBox { background-color: #F5F6F7; } .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } GtkBox.gb-command-bar-box { border: none; background-color: #353945; } GtkBox.gb-command-bar-box GtkLabel { color: #BAC3CF; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #BAC3CF; background-image: none; background-color: #353945; padding: 6px 6px 6px 6px; border: none; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #ffffff; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook GtkLabel.button.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } EphyWindow .floating-bar { color: #5c616c; } .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: #a9caf1; } .documents-entry-tag { background-color: #5294e2; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; background-color: #639fe5; } .documents-entry-tag:active { color: #ffffff; background-color: #4189df; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; border: none; box-shadow: none; icon-shadow: none; } .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } TotemGrilo.vertical GdMainView.frame { border-width: 0; } SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: #5294e2; } .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; } .gnome-panel-menu-bar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: #BAC3CF; background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: #BAC3CF; } PanelApplet .button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: rgba(0, 0, 0, 0.25); border-radius: 0; border-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: #5294e2; } WnckPager { color: #5d6268; } WnckPager:selected { color: #5294e2; } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: #BAC3CF; } .xfce4-panel.panel { background-color: rgba(43, 46, 55, 0.95); text-shadow: none; icon-shadow: none; } .xfce4-panel.panel .button.flat { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); border-radius: 0; border: none; } .xfce4-panel.panel .button.flat:hover { border: none; background-color: rgba(65, 70, 84, 0.95); } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { color: #ffffff; border: none; background-color: #5294e2; } .floating-bar { background-color: #5294e2; color: #ffffff; } .floating-bar.top { border-radius: 0 0 2px 2px; } .floating-bar.right { border-radius: 2px 0 0 2px; } .floating-bar.bottom { border-radius: 2px 2px 0 0; } .floating-bar.left { border-radius: 0 2px 2px 0; } .floating-bar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { color: #ffffff; background-color: #5294e2; outline-color: transparent; } MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { background-color: transparent; } MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { outline-color: transparent; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } .marlin-pathbar.pathbar:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } WingpanelWidgetsIndicatorPopover.popover { padding: 0; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; border: solid transparent; border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage { padding: 0 3px; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active { background-color: rgba(0, 0, 0, 0.04); border: solid rgba(0, 0, 0, 0.08); border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive { color: rgba(92, 97, 108, 0.55); } PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: #5c616c; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { border: 1px solid rgba(32, 35, 43, 0.97); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } UnityDecoration.top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97)); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: rgba(64, 71, 86, 0.97); border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar GtkLabel { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #dcdfe3; border-right: 1px solid #dcdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #dcdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } .bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #dcdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: white; } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: #F5F6F7; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #5c616c; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { color: #a9acb2; font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(92, 97, 108, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry.entry { padding: 4px; } .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: #8a8e96; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: rgba(43, 46, 55, 0.95); color: #BAC3CF; font: bold; box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } #panel_window .menubar { padding-left: 5px; } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { font: normal; } #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: #5c616c; } #content_frame { padding-bottom: 14px; background-color: #F5F6F7; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } #content_frame .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } #content_frame .button:active, #content_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } #content_frame .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } #content_frame .button:insensitive > GtkLabel { color: inherit; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: rgba(53, 57, 69, 0.95); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px rgba(53, 57, 69, 0.95); } #buttonbox_frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } #buttonbox_frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } #buttonbox_frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } #login_window #user_combobox { color: #5c616c; font: 13px; } #login_window #user_combobox .menu { font: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font: bold; } .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: rgba(38, 42, 51, 0.97); } NemoWindow GtkEventBox { background-color: #F5F6F7; } GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } NautilusWindow GtkBox.sidebar { background-color: transparent; } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, NautilusWindow .source-list.view:prelight, NemoWindow.csd.background, NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar { background-color: rgba(53, 57, 69, 0.95); } GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, NautilusWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow .sidebar .view, NemoWindow .sidebar .source-list.sidebar row, NemoWindow MarlinPlacesSidebar .view, NemoWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #BAC3CF; } GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, NautilusWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow .sidebar .view.image, NemoWindow .sidebar .source-list.sidebar row.image, NemoWindow MarlinPlacesSidebar .view.image, NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image { color: rgba(186, 195, 207, 0.7); } GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, NautilusWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar .source-list.sidebar row.cell:selected, NemoWindow MarlinPlacesSidebar .view.cell:selected, NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294e2; color: #ffffff; } GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame { color: #BAC3CF; } GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator { color: transparent; } GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #353945; } GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: rgba(53, 57, 69, 0.95); } NautilusWindow NautilusWindowSlot { background-color: #ffffff; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { background-color: rgba(53, 57, 69, 0.95); } GtkFileChooserDialog .sidebar { background-color: transparent; } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-vbox > .frame { color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: rgba(42, 45, 55, 0.95); } GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #BAC3CF; } FeedReaderreaderUI.background.csd > .titlebar .pane-separator, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, GeditWindow.background.csd > .titlebar .pane-separator, GeditWindow.background.csd.maximized > .titlebar .pane-separator, GeditWindow.background.csd > .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { background-color: rgba(38, 42, 51, 0.97); } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: rgba(47, 52, 63, 0.97); } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: rgba(50, 56, 67, 0.97); } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #2f343f; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #323843; } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background .gedit-side-panel-paned .pane-separator { background-color: rgba(53, 57, 69, 0.95); } GeditWindow.background .gedit-bottom-panel-paned .pane-separator { background-color: #dcdfe3; } GeditWindow.background > .titlebar.default-decoration, GeditWindow.background > .titlebar.default-decoration:backdrop { background-color: #2f343f; } .gedit-bottom-panel-paned { background-color: #ffffff; } .gedit-document-panel { background-color: rgba(53, 57, 69, 0.95); } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel .list-row { color: #BAC3CF; } .gedit-document-panel .list-row { background-color: rgba(186, 195, 207, 0); border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:active .button { color: #ffffff; } .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { color: #BAC3CF; } GeditFileBrowserWidget { background-color: rgba(53, 57, 69, 0.95); } .maximized GeditFileBrowserWidget { background-color: #353945; } GeditFileBrowserWidget .scrollbars-junction, GeditFileBrowserWidget .scrollbars-junction.frame { border-color: transparent; background-color: transparent; } GeditFileBrowserWidget .horizontal { background-color: transparent; border-color: rgba(37, 40, 49, 0.95); } GeditFileBrowserWidget .horizontal GtkComboBox { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditFileBrowserWidget .horizontal .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } GtkFileChooserDialog .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditFileBrowserWidget .horizontal .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditFileBrowserWidget .horizontal .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } GtkFileChooserDialog .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } GtkFileChooserDialog .action-bar.frame .image.entry, GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog .action-bar.frame .image.entry:hover, GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { color: inherit; } GtkFileChooserDialog .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294e2); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } GtkFileChooserDialog .sidebar .trough.scrollbar, GtkFileChooserDialog MarlinPlacesSidebar .trough.scrollbar, NautilusWindow .sidebar .trough.scrollbar, NautilusWindow MarlinPlacesSidebar .trough.scrollbar, NemoWindow .sidebar .trough.scrollbar, NemoWindow MarlinPlacesSidebar .trough.scrollbar, MarlinViewWindow .sidebar .trough.scrollbar, MarlinViewWindow MarlinPlacesSidebar .trough.scrollbar, GeditFileBrowserWidget .trough.scrollbar { background-color: transparent; border-color: transparent; } GtkFileChooserDialog .sidebar .slider.scrollbar, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar, NautilusWindow .sidebar .slider.scrollbar, NautilusWindow MarlinPlacesSidebar .slider.scrollbar, NemoWindow .sidebar .slider.scrollbar, NemoWindow MarlinPlacesSidebar .slider.scrollbar, MarlinViewWindow .sidebar .slider.scrollbar, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar, GeditFileBrowserWidget .slider.scrollbar { border-radius: 20px; border: 3px solid transparent; background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog .sidebar .slider.scrollbar:hover, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar:hover, NautilusWindow .sidebar .slider.scrollbar:hover, NautilusWindow MarlinPlacesSidebar .slider.scrollbar:hover, NemoWindow .sidebar .slider.scrollbar:hover, NemoWindow MarlinPlacesSidebar .slider.scrollbar:hover, MarlinViewWindow .sidebar .slider.scrollbar:hover, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar:hover, GeditFileBrowserWidget .slider.scrollbar:hover { background-color: #f6f7f9; } GtkFileChooserDialog .sidebar .slider.scrollbar:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar:prelight:active, NautilusWindow .sidebar .slider.scrollbar:prelight:active, NautilusWindow MarlinPlacesSidebar .slider.scrollbar:prelight:active, NemoWindow .sidebar .slider.scrollbar:prelight:active, NemoWindow MarlinPlacesSidebar .slider.scrollbar:prelight:active, MarlinViewWindow .sidebar .slider.scrollbar:prelight:active, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar:prelight:active, GeditFileBrowserWidget .slider.scrollbar:prelight:active { background-color: #5294e2; } GtkFileChooserDialog .sidebar .slider.fine-tune.scrollbar, GtkFileChooserDialog MarlinPlacesSidebar .slider.fine-tune.scrollbar, NautilusWindow .sidebar .slider.fine-tune.scrollbar, NautilusWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar, NemoWindow .sidebar .slider.fine-tune.scrollbar, NemoWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar, MarlinViewWindow .sidebar .slider.fine-tune.scrollbar, MarlinViewWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar, GeditFileBrowserWidget .slider.fine-tune.scrollbar { border-width: 4px; } GtkFileChooserDialog .sidebar .slider.fine-tune.scrollbar:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, NautilusWindow .sidebar .slider.fine-tune.scrollbar:prelight:active, NautilusWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, NemoWindow .sidebar .slider.fine-tune.scrollbar:prelight:active, NemoWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, MarlinViewWindow .sidebar .slider.fine-tune.scrollbar:prelight:active, MarlinViewWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, GeditFileBrowserWidget .slider.fine-tune.scrollbar:prelight:active { background-color: #5294e2; } GtkFileChooserDialog .sidebar .slider.scrollbar:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar:insensitive, NautilusWindow .sidebar .slider.scrollbar:insensitive, NautilusWindow MarlinPlacesSidebar .slider.scrollbar:insensitive, NemoWindow .sidebar .slider.scrollbar:insensitive, NemoWindow MarlinPlacesSidebar .slider.scrollbar:insensitive, MarlinViewWindow .sidebar .slider.scrollbar:insensitive, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar:insensitive, GeditFileBrowserWidget .slider.scrollbar:insensitive { background-color: transparent; } /* GTK NAMED COLORS */ @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; @define-color theme_base_color #ffffff; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #5c616c; @define-color text_color #5c616c; @define-color bg_color #F5F6F7; @define-color base_color #ffffff; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #fbfbfc; @define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; @define-color borders #dcdfe3; @define-color unfocused_borders #dcdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #2679db; @define-color wm_title alpha(#cfdae7, 0.8); @define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343f; @define-color wm_bg_unfocused #323843; @define-color wm_highlight #363b48; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #cc575d; @define-color wm_button_close_hover_bg #d7787d; @define-color wm_button_close_active_bg #be3841; @define-color wm_icon_close_bg #2f343f; @define-color wm_button_hover_bg #454C5C; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #262932; @define-color wm_icon_bg #90939B; @define-color wm_icon_unfocused_bg #666A74; @define-color wm_icon_hover_bg #C4C7CC; @define-color wm_icon_active_bg #ffffff; @define-color content_view_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.14/gtk-solid-dark.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkPaned-handle-size: 1; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #a9caf1; -GtkWidget-visited-link-color: #7eafe9; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(211, 218, 227, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } .background { color: #D3DAE3; background-color: #383C4A; } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #383C4A; color: #D3DAE3; } .gtkstyle-fallback:prelight { background-color: #4e5467; color: #D3DAE3; } .gtkstyle-fallback:active { background-color: #22242d; color: #D3DAE3; } .gtkstyle-fallback:insensitive { background-color: #3c4150; color: rgba(211, 218, 227, 0.45); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view { color: #D3DAE3; background-color: #404552; } .view.dim-label, GtkLabel.view.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator, .header-bar .view.subtitle { color: rgba(211, 218, 227, 0.55); } .view.dim-label:selected, GtkLabel.view.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, GtkLabel.view.separator:selected:focus, .header-bar .view.subtitle:selected:focus { color: rgba(255, 255, 255, 0.65); text-shadow: none; } .rubberband { border: 1px solid #5294e2; background-color: rgba(82, 148, 226, 0.2); } GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #D3DAE3; } GtkLabel:insensitive { color: rgba(211, 218, 227, 0.45); } .dim-label, GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator, .header-bar .subtitle { opacity: 0.55; } GtkAssistant .sidebar { background-color: #404552; border-top: 1px solid #2b2e39; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #2b2e39; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #2b2e39; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294e2; color: #ffffff; } GtkTextView { background-color: #3c414e; } GtkFlowBox .grid-child { padding: 3px; border-radius: 3px; } GtkFlowBox .grid-child:selected { outline-offset: -2px; } .popover.osd, .osd { color: #BAC3CF; border: none; background-color: #353945; background-clip: padding-box; outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } .entry { border: 1px solid; padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); border: none; border-radius: 0; } .entry:focus { background-clip: border-box; color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); box-shadow: inset 1px 0 #5294e2, inset -1px 0 #5294e2, inset 0 1px #5294e2, inset 0 -1px #5294e2; } .entry:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(64, 69, 82, 0.55); background-image: linear-gradient(to bottom, rgba(64, 69, 82, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #5294e2; color: #ffffff; } .entry.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .linked > .entry:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked > .entry:first-child:dir(rtl) { border-right-style: none; } .linked > .entry:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } .linked > .entry:last-child:dir(rtl) { border-left-style: solid; } .entry.warning { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #ab6441); } .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } .entry.warning:selected, .entry.warning:selected:focus { background-color: white; color: #F27835; } .entry.error { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #b14342); } .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } .entry.error:selected, .entry.error:selected:focus { background-color: white; color: #FC4138; } .entry.image { color: #b6bcc6; } .linked.vertical > .entry { border-bottom-color: #3a3e4a; box-shadow: none; } .linked.vertical > .entry:focus { border-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:insensitive { border-bottom-color: #3a3e4a; } .linked.vertical > .entry:first-child { border-bottom-color: #3a3e4a; } .linked.vertical > .entry:first-child:focus { border-bottom-color: #5294e2; box-shadow: none; } .linked.vertical > .entry:first-child:insensitive { border-bottom-color: #3a3e4a; } .linked.vertical > .entry:last-child { border-bottom-color: rgba(0, 0, 0, 0.14); } .linked.vertical > .entry:last-child:focus { border-bottom-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:last-child:insensitive { border-bottom-color: rgba(0, 0, 0, 0.14); } .osd .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } .osd .entry.image, .osd .entry.image:hover { color: inherit; } .osd .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294e2); } .osd .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } GtkSearchEntry.entry { border-radius: 20px; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 5px 8px; color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .button.flat { border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(68, 74, 88, 0); border-color: rgba(43, 46, 57, 0); transition: none; } .button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } .button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; transition-duration: 50ms; } .button:active { color: #D3DAE3; } .button:active:hover, .button:checked { color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; } .button:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); background-color: #353945; border-color: #23262e; } .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294e2; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .button.osd:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); border-radius: 0; border-left-style: none; border-right-style: none; } .osd .button:dir(rtl) { border-radius: 0; border-right-style: none; border-left-style: none; } .osd .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:dir(rtl) { border-left-style: solid; } .osd .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child { box-shadow: none; } .osd .button:active, .osd .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child { box-shadow: none; } .osd .button.flat:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); background-image: none; } .osd .button.flat:active, .osd .button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .button.suggested-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(211, 218, 227, 0.45); } .button.suggested-action:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .button.suggested-action:insensitive > GtkLabel { color: inherit; } .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .button.destructive-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(211, 218, 227, 0.45); } .button.destructive-action:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { padding: 7px; } .header-bar .button.image-button, .header-bar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .header-bar .titlebar.selection-mode .button.titlebutton, .titlebar.selection-mode .header-bar .button.titlebutton { padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { padding: 5px 8px; } .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 2px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar GtkToolButton > .button { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .inline-toolbar GtkToolButton > .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5), inset -1px 0 rgba(43, 46, 57, 0.5); } .inline-toolbar GtkToolButton > .button.flat:active, .osd .button:active, .inline-toolbar .button:active, .linked > .button:active, GtkComboBox.combobox-entry .entry:active, GtkComboBox.combobox-entry .button:active, .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, .linked > GtkComboBox > .button:active:dir(ltr), .inline-toolbar GtkToolButton > .button.flat:checked, .osd .button:checked, .inline-toolbar .button:checked, .linked > .button:checked, GtkComboBox.combobox-entry .entry:checked, GtkComboBox.combobox-entry .button:checked, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked, .linked > GtkComboBox > .button:checked:dir(ltr) { box-shadow: none; } .inline-toolbar.toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), .linked > .button:dir(rtl):hover, .linked > .button:dir(rtl):active, .linked > .button:dir(rtl):checked, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } .osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, .primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(43, 46, 57, 0.5); } .osd .button:first-child:active, .inline-toolbar .button:first-child:active, .linked > .button:first-child:active, .inline-toolbar GtkToolButton:first-child > .button.flat:active, GtkComboBox.combobox-entry .entry:first-child:active, GtkComboBox.combobox-entry .button:first-child:active, .linked > GtkComboBox:first-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, .osd .button:first-child:checked, .inline-toolbar .button:first-child:checked, .linked > .button:first-child:checked, .inline-toolbar GtkToolButton:first-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:first-child:checked, GtkComboBox.combobox-entry .button:first-child:checked, .linked > GtkComboBox:first-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } .osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, .primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } .osd .button:last-child:active, .inline-toolbar .button:last-child:active, .linked > .button:last-child:active, .inline-toolbar GtkToolButton:last-child > .button.flat:active, GtkComboBox.combobox-entry .entry:last-child:active, GtkComboBox.combobox-entry .button:last-child:active, .linked > GtkComboBox:last-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, .osd .button:last-child:checked, .inline-toolbar .button:last-child:checked, .linked > .button:last-child:checked, .inline-toolbar GtkToolButton:last-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:last-child:checked, GtkComboBox.combobox-entry .button:last-child:checked, .linked > GtkComboBox:last-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } .osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, .primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } .osd .button:only-child:active, .inline-toolbar .button:only-child:active, .linked > .button:only-child:active, .inline-toolbar GtkToolButton:only-child > .button.flat:active, GtkComboBox.combobox-entry .entry:only-child:active, GtkComboBox.combobox-entry .button:only-child:active, .linked > GtkComboBox:only-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, .osd .button:only-child:checked, .inline-toolbar .button:only-child:checked, .linked > .button:only-child:checked, .inline-toolbar GtkToolButton:only-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:only-child:checked, GtkComboBox.combobox-entry .button:only-child:checked, .linked > GtkComboBox:only-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 -1px rgba(43, 46, 57, 0.5), inset 0 1px rgba(43, 46, 57, 0.5); } .linked.vertical > .entry:active, .linked.vertical > .button:active, .linked.vertical > GtkComboBoxText > .button:active, .linked.vertical > GtkComboBox > .button:active, .linked.vertical > .entry:checked, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button:checked, .linked.vertical > GtkComboBox > .button:checked { box-shadow: none; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px rgba(43, 46, 57, 0.5); } .linked.vertical > .entry:first-child:active, .linked.vertical > .button:first-child:active, .linked.vertical > GtkComboBoxText:first-child > .button:active, .linked.vertical > GtkComboBox:first-child > .button:active, .linked.vertical > .entry:first-child:checked, .linked.vertical > .button:first-child:checked, .linked.vertical > GtkComboBoxText:first-child > .button:checked, .linked.vertical > GtkComboBox:first-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px rgba(43, 46, 57, 0.5); } .linked.vertical > .entry:last-child:active, .linked.vertical > .button:last-child:active, .linked.vertical > GtkComboBoxText:last-child > .button:active, .linked.vertical > GtkComboBox:last-child > .button:active, .linked.vertical > .entry:last-child:checked, .linked.vertical > .button:last-child:checked, .linked.vertical > GtkComboBoxText:last-child > .button:checked, .linked.vertical > GtkComboBox:last-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } .linked.vertical > .entry:only-child:active, .linked.vertical > .button:only-child:active, .linked.vertical > GtkComboBoxText:only-child > .button:active, .linked.vertical > GtkComboBox:only-child > .button:active, .linked.vertical > .entry:only-child:checked, .linked.vertical > .button:only-child:checked, .linked.vertical > GtkComboBoxText:only-child > .button:checked, .linked.vertical > GtkComboBox:only-child > .button:checked { box-shadow: none; } .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .notebook tab .button, .list-row.button, .app-notification .button.flat, .app-notification.frame .button.flat, .app-notification .button.flat:insensitive, .app-notification.frame .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } /* menu buttons */ .menuitem.button.flat { transition: none; outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { background-color: #484c59; } .menuitem.button.flat:checked { color: #D3DAE3; } *:link, .button:link, .button:visited { color: #a9caf1; } *:link:visited, .button:visited { color: #7eafe9; } *:selected *:link:visited, *:selected .button:visited:link, *:selected .button:visited { color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #d5e5f8; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #a9caf1; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #dceaf9; } *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #dceaf9; } .spinbutton { border-radius: 3px; } .spinbutton .button { background-image: none; border: 1px solid rgba(43, 46, 57, 0.6); border-style: none none none solid; color: #ccd3dc; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } .spinbutton .button:insensitive { color: rgba(211, 218, 227, 0.45); } .spinbutton .button:active { background-color: #5294e2; color: #ffffff; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #5294e2; border-radius: 0; box-shadow: none; } GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .button { padding-top: 3px; padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(211, 218, 227, 0.45); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-left-style: none; } GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 #2b2e39; } GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.55); } GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 #2b2e39; } GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(43, 46, 57, 0.55); } .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #383C4A; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.9); } .primary-toolbar { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #2f343f, #20232b) 1 0 1 0; } .inline-toolbar { background-color: #313541; border-style: solid; border-color: #2b2e39; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: #383C4A; border-style: solid; border-color: #2b2e39; border-width: 0 0 1px; padding: 3px; } .action-bar { background-color: #313541; } .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: #262a33; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; } .csd .header-bar { background-color: #2f343f; border-color: #262a33; } .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { padding-left: 12px; padding-right: 12px; } .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294e2; border-color: #4189df; box-shadow: none; } .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { background-color: #5294e2; color: rgba(255, 255, 255, 0.6); } .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343f; border-color: #262a33; } .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized .csd .header-bar.default-decoration, .maximized .header-bar.default-decoration:backdrop, .maximized .csd .header-bar.default-decoration:backdrop { background-color: #2f343f; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 3px 3px 0 0; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: inset 0 1px #363b48; } .csd .titlebar { background-color: #2f343f; } .titlebar:backdrop { color: rgba(207, 218, 231, 0.5); background-color: #323843; } .csd .titlebar:backdrop { background-color: #323843; } .maximized .titlebar { background-color: #2f343f; } .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #323843; } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } .primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); background-clip: padding-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar .entry.warning, .header-bar .entry.warning { color: white; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #a45d39); } .primary-toolbar .entry.warning:focus, .header-bar .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); } .primary-toolbar .entry.warning:selected, .header-bar .entry.warning:selected, .primary-toolbar .entry.warning:selected:focus, .header-bar .entry.warning:selected:focus { background-color: white; color: #F27835; } .primary-toolbar .entry.error, .header-bar .entry.error { color: white; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #aa3c3b); } .primary-toolbar .entry.error:focus, .header-bar .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); } .primary-toolbar .entry.error:selected, .header-bar .entry.error:selected, .primary-toolbar .entry.error:selected:focus, .header-bar .entry.error:selected:focus { background-color: white; color: #FC4138; } .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { background-color: rgba(134, 144, 165, 0.4); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .primary-toolbar .linked.stack-switcher > .button:insensitive, .header-bar .linked.stack-switcher > .button:insensitive, .primary-toolbar .linked.path-bar > .button:insensitive, .header-bar .linked.path-bar > .button:insensitive { color: rgba(207, 218, 231, 0.4); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked { box-shadow: none; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive, .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .header-bar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .button.suggested-action:insensitive > GtkLabel, .header-bar .button.suggested-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive, .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .header-bar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .button.destructive-action:insensitive > GtkLabel, .header-bar .button.destructive-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(207, 218, 231, 0.05); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr), .header-bar GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(21, 23, 28, 0); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl), .header-bar GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(21, 23, 28, 0); } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(21, 23, 28, 0.4); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.4)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #454c5c); border-color: rgba(21, 23, 28, 0.7); } .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { background-image: linear-gradient(to bottom, #50586b); border-color: rgba(21, 23, 28, 0.7); } .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #3e4553); border-color: rgba(21, 23, 28, 0.7); } .path-bar .button { padding: 5px 10px; } .path-bar .button:first-child { padding-left: 10px; } .path-bar .button:last-child { padding-right: 10px; } .path-bar .button:only-child { padding-left: 14px; padding-right: 14px; } .path-bar .button GtkLabel:last-child { padding-left: 4px; } .path-bar .button GtkLabel:first-child { padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 2px; padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-color: rgba(211, 218, 227, 0.2); } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #93b7e3; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #8a909b; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #D3DAE3; } GtkTreeView.view.expander:selected { color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } GtkTreeView.view.trough { color: #D3DAE3; background-image: linear-gradient(to bottom, #2b2e39); border-radius: 3px; border-width: 0; } GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { color: #ffffff; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); border-radius: 3px; border-width: 0; } column-header .button { color: #b6bcc6; background-color: #404552; } column-header .button:hover { color: #5294e2; box-shadow: none; transition: none; } column-header .button:active { color: #D3DAE3; transition: none; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; border-image: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294e2; box-shadow: inset 1px 1px 0 1px #5294e2, inset -1px 0 0 1px #5294e2, inset 1px 1px #404552, inset -1px 0 #404552; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, rgba(255, 255, 255, 0) 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active, column-header .button:hover { background-color: #404552; } column-header .button:active:hover { color: #D3DAE3; } column-header .button:insensitive { border-color: #383C4A; background-image: none; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #2f343f; color: rgba(207, 218, 231, 0.8); } .menubar:backdrop { color: rgba(207, 218, 231, 0.5); } .menubar > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } .menubar > .menuitem:hover { background-color: #5294e2; color: #ffffff; } .menubar > .menuitem:insensitive { color: rgba(207, 218, 231, 0.2); border-color: transparent; } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #383C4A; border: 1px solid #2b2e39; } .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } .menu .menuitem { padding: 5px; } .menu .menuitem:hover { color: #ffffff; background-color: #5294e2; } .menu .menuitem:insensitive { color: rgba(211, 218, 227, 0.45); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator { color: rgba(64, 69, 82, 0); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; } .menu.button.top { border-bottom: 1px solid #4f5461; } .menu.button.bottom { border-top: 1px solid #4f5461; } .menu.button:hover { background-color: #4f5461; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: alpha(currentColor,0.55); } .popover { margin: 10px; padding: 2px; border: 1px solid #20222a; border-radius: 3px; background-clip: border-box; background-color: #383C4A; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.35); } .popover .separator, .popover GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .popover .view.separator { color: rgba(64, 69, 82, 0); } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .notebook { padding: 0; background-color: #404552; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { border: 1px solid #2b2e39; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #383C4A; } .notebook.header.frame { border: 0px solid #2b2e39; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px #2b2e39; } .notebook.header.bottom { box-shadow: inset 0 1px #2b2e39; } .notebook.header.right { box-shadow: inset 1px 0 #2b2e39; } .notebook.header.left { box-shadow: inset -1px 0 #2b2e39; } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; } .notebook tab.top, .notebook tab.bottom { padding: 4px 15px; } .notebook tab.left, .notebook tab.right { padding: 4px 15px; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; } .notebook tab.reorderable-page.top, .notebook tab.top { padding-top: 6px; border-radius: 3.5px 2px 0 0; border-width: 0; border-top-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #404552; box-shadow: inset 0 1px #2b2e39, inset 0 -1px #404552, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; border-width: 0; border-bottom-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #404552; box-shadow: inset 0 -1px #404552, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; border-width: 0; border-right-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #404552; box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #404552, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; border-width: 0; border-left-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #404552; box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #404552; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(211, 218, 227, 0.45); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(211, 218, 227, 0.725); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #D3DAE3; } .notebook tab .button { padding: 0; color: #9da3ad; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { color: #5294e2; } .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { color: rgba(211, 218, 227, 0.45); } .notebook.arrow:hover { color: rgba(211, 218, 227, 0.725); } .notebook.arrow:active { color: #D3DAE3; } .notebook.arrow:insensitive { color: rgba(211, 218, 227, 0.15); } .scrollbar { background-clip: padding-box; background-image: none; border-style: solid; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkRange-slider-width: 13; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.trough { background-color: #3e434f; border-left: 1px solid #2b2e39; } .scrollbar.trough.horizontal { border-left: none; border-top: 1px solid #2b2e39; } .scrollbar.slider { border-radius: 21px 20px 20px 21px; border: 3px solid transparent; border-left-width: 4px; background-color: #767b87; } .scrollbar.slider.horizontal { border-radius: 21px 21px 20px 20px; border-left-width: 3px; border-top-width: 4px; } .scrollbar.slider:hover { background-color: #5f6470; } .scrollbar.slider:prelight:active, .scrollbar.slider:active { background-color: #5294e2; } .scrollbar.slider.fine-tune { border-width: 4px; } .scrollbar.slider.fine-tune:prelight:active { background-color: #5294e2; } .scrollbar.slider:insensitive { background-color: transparent; } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; background-color: #3e434f; } GtkSwitch { font: 1; -GtkSwitch-slider-width: 41; outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; } GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { background-position: left center; } GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-dark.png"), url("assets/switch-dark@2.png")); } .menu .menuitem:hover GtkSwitch.trough, .list-row:selected GtkSwitch.trough, GtkInfoBar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } .header-bar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-dark.png"), url("assets/switch-active-dark@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active, .list-row:selected GtkSwitch.trough:active, GtkInfoBar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } .header-bar GtkSwitch.trough:active, .primary-toolbar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); } .menu .menuitem:hover GtkSwitch.trough:insensitive, .list-row:selected GtkSwitch.trough:insensitive, GtkInfoBar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:insensitive, .primary-toolbar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-dark.png"), url("assets/switch-active-insensitive-dark@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active:insensitive, .list-row:selected GtkSwitch.trough:active:insensitive, GtkInfoBar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:active:insensitive, .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } GtkIconView.view.check, GtkFlowBox.view.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); background-color: transparent; } GtkIconView.view.check:checked, GtkFlowBox.view.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(211, 218, 227, 0.45); } .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; } .scale.trough { margin: 5px; } .scale.fine-tune.trough { border-radius: 5px; margin: 3px; } .scale.slider { background-clip: border-box; background-image: linear-gradient(to bottom, #444a58); border: 1px solid #262933; border-radius: 50%; box-shadow: none; } .scale.slider:hover { background-image: linear-gradient(to bottom, #505666); border-color: #262933; } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #3c414e); border-color: rgba(38, 41, 51, 0.8); } .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .osd .scale.slider { background-image: linear-gradient(to bottom, #353945); border-color: #5294e2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294e2); } .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } .menu .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .menu .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } .menu .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } .menu .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, #2d303b); } .scale.trough.highlight { background-image: linear-gradient(to bottom, #5294e2); } .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(45, 48, 59, 0.55)); } .osd .scale.trough { background-image: linear-gradient(to bottom, #454a59); outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294e2); } .menu .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .menu .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .menu .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } .menu .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } GtkProgressBar { padding: 0; font-size: smaller; color: rgba(211, 218, 227, 0.7); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } .progressbar { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } .progressbar.osd { background-color: #5294e2; } .list-row:selected .progressbar, GtkInfoBar .progressbar { background-color: #ffffff; } .osd .scale.progressbar { background-color: #5294e2; } GtkProgressBar.trough, .level-bar.trough { border: none; border-radius: 3px; background-color: #2d303b; } GtkProgressBar.trough.osd, .osd.level-bar.trough { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected GtkProgressBar.trough, .list-row:selected .level-bar.trough, GtkInfoBar GtkProgressBar.trough, GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } GtkLevelBar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; border-radius: 4px; } .level-bar.fill-block { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #73d216; background-color: #73d216; } .level-bar.fill-block.level-low { border-color: #F27835; background-color: #F27835; } .level-bar.fill-block.empty-fill-block { background-color: #404552; border-color: #404552; } .frame { border: 1px solid #2b2e39; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } .list, .list-row { background-color: #404552; border-color: #2b2e39; } .list-row, .grid-child { padding: 2px; } .list-row.button { background-color: transparent; border-style: none; border-radius: 0; box-shadow: none; } .list-row.button:hover { background-color: rgba(255, 255, 255, 0.03); } .list-row.button:active { color: #D3DAE3; } .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } .list-row.button:selected:insensitive GtkLabel { color: inherit; } .list-row, list-row.button { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.button:hover { transition: none; } .app-notification, .app-notification.frame { padding: 10px; color: #BAC3CF; background-color: #353945; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #1f2128; } .app-notification .button, .app-notification.frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .app-notification .button.flat, .app-notification.frame .button.flat { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: white; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkCalendar { color: #D3DAE3; border: 1px solid #2b2e39; border-radius: 3px; padding: 2px; } GtkCalendar:selected { background-color: #5294e2; color: #ffffff; border-radius: 1.5px; } GtkCalendar.header { color: #D3DAE3; border: none; border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(211, 218, 227, 0.45); border-color: transparent; background-color: transparent; background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #D3DAE3; } GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { color: rgba(211, 218, 227, 0.45); background-color: transparent; background-image: none; } GtkCalendar.highlight { color: alpha(currentColor,0.55); } .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { background-color: #2f343f; border-bottom: 1px solid #20232b; } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .message-dialog.csd .dialog-action-area .button { padding: 8px; border-radius: 0; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 3px; } .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 3px; } GtkFileChooserDialog .search-bar { background-color: #383C4A; border-color: #2b2e39; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #2b2e39; } .sidebar { border: none; background-color: #3c4150; } .sidebar .scrollbar.trough { background-color: transparent; border-width: 2px; border-color: transparent; } .sidebar:selected { background-color: #5294e2; } GtkPlacesSidebar.sidebar .view { color: #D3DAE3; background-color: transparent; } GtkPlacesSidebar.sidebar .view:selected { color: #ffffff; background-color: #5294e2; } .sidebar-item { padding: 10px 4px; } .sidebar-item > GtkLabel { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > GtkLabel { background-size: 6px 6px, 0 0; } GtkPaned { margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } .pane-separator { background-image: linear-gradient(to bottom, #2b2e39); } GtkInfoBar { border-style: none; } .info, .question, .warning, .error, GtkInfoBar { background-color: #5294e2; color: #ffffff; } .list-row:selected .button, GtkInfoBar .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } .list-row:selected .flat.button, GtkInfoBar .flat.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .list-row:selected .button:hover, GtkInfoBar .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .tooltip { color: #BAC3CF; border-radius: 2px; } .tooltip.background { background-color: #4b5162; background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } GtkColorSwatch { border: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); } GtkColorSwatch.color-light:hover { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4)); } GtkColorSwatch.color-dark:hover { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } GtkColorSwatch:hover { border-color: rgba(0, 0, 0, 0.5); } GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch.left, GtkColorSwatch:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } GtkColorSwatch.right, GtkColorSwatch:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch:only-child { border-radius: 3px; } GtkColorSwatch.color-active-badge { border-width: 2px; } GtkColorSwatch.color-active-badge:hover { background-image: none; } GtkColorSwatch.color-active-badge.color-light, GtkColorSwatch.color-active-badge.color-light:hover { color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-active-badge.color-dark, GtkColorSwatch.color-active-badge.color-dark:hover { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); } GtkColorChooserWidget #add-color-button { border-color: #313541; background-color: #313541; color: #383C4A; box-shadow: none; } GtkColorChooserWidget #add-color-button:hover { border-color: #2b2e39; background-color: #2b2e39; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } .scale-popup .button { padding: 6px; } .scale-popup .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } GtkVolumeButton.button { padding: 8px; } .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .window-frame { border-radius: 3px 3px 0 0; border-width: 0px; box-shadow: 0 0 0 1px #20232b, 0 8px 8px 0 rgba(0, 0, 0, 0.35); margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 5px 5px 0 rgba(0, 0, 0, 0.35); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; border-radius: 0; } .window-frame.csd.popup, .window-frame.csd.menu { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.45), 0 0 0 1px #22242d; } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25); } .window-frame.csd.message-dialog { border-radius: 3px; } .header-bar.default-decoration .button.titlebutton, .titlebar.default-decoration .button.titlebutton, .header-bar.selection-mode.default-decoration .button.titlebutton, .titlebar.selection-mode.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { padding: 8px 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); color: transparent; background-position: center; background-repeat: no-repeat; } .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3), .titlebar .right .button.titlebutton:nth-last-child(3), .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3), .titlebar .left .button.titlebutton:nth-child(3), .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3), .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3), .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar.selection-mode .left .button.titlebutton:nth-child(3), .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3), .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, .titlebar .left .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .header-bar .left .button.titlebutton:nth-child(3):active:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .titlebar .right .button.titlebutton:nth-last-child(3):active:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .titlebar .left .button.titlebutton:nth-child(3):active:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .header-bar .left .button.titlebutton:nth-child(3):backdrop, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .titlebar .left .button.titlebutton:nth-child(3):backdrop, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2), .titlebar .right .button.titlebutton:nth-last-child(2), .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2), .titlebar .left .button.titlebutton:nth-child(2), .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2), .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2), .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar.selection-mode .left .button.titlebutton:nth-child(2), .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2), .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, .titlebar .left .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .header-bar .left .button.titlebutton:nth-child(2):active:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .titlebar .right .button.titlebutton:nth-last-child(2):active:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .titlebar .left .button.titlebutton:nth-child(2):active:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .header-bar .left .button.titlebutton:nth-child(2):backdrop, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .titlebar .left .button.titlebutton:nth-child(2):backdrop, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, .header-bar .left:dir(rtl) .button.titlebutton:last-child, .titlebar .right .button.titlebutton:last-child, .titlebar .right:dir(rtl) .button.titlebutton:first-child, .titlebar .left .button.titlebutton:first-child, .titlebar .left:dir(rtl) .button.titlebutton:last-child, .header-bar.selection-mode .right .button.titlebutton:last-child, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child, .header-bar.selection-mode .left .button.titlebutton:first-child, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child, .titlebar.selection-mode .right .button.titlebutton:last-child, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child, .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, .titlebar .left .button.titlebutton:first-child:backdrop:hover, .titlebar .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .right .button.titlebutton:last-child:hover, .header-bar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, .header-bar .left .button.titlebutton:first-child:active:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:active:hover, .titlebar .right .button.titlebutton:last-child:active:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:active:hover, .titlebar .left .button.titlebutton:first-child:active:hover, .titlebar .left:dir(rtl) .button.titlebutton:last-child:active:hover, .header-bar.selection-mode .right .button.titlebutton:last-child:active:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:active:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:active:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:backdrop, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop, .header-bar .left .button.titlebutton:first-child:backdrop, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop, .titlebar .right .button.titlebutton:last-child:backdrop, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop, .titlebar .left .button.titlebutton:first-child:backdrop, .titlebar .left:dir(rtl) .button.titlebutton:last-child:backdrop, .header-bar.selection-mode .right .button.titlebutton:last-child:backdrop, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } .header-bar .left GtkMenuButton.button.titlebutton:first-child, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar .left GtkMenuButton.button.titlebutton:first-child, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child { padding: 4px 6px 4px 6px; color: rgba(207, 218, 231, 0.8); } .header-bar .left GtkMenuButton.button.titlebutton:first-child, .header-bar .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:backdrop, .header-bar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child, .titlebar .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:backdrop, .titlebar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover { background-image: none; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .header-bar .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .header-bar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:checked, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:checked, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked, .titlebar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:checked, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:checked, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:focus:selected { background-image: none; background-color: #5294e2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, ScratchMainWindow .notebook tab.top:active, ScratchMainWindow .notebook tab.top.active-page, ScratchMainWindow .notebook tab.top.active-page:hover, EphyNotebook.notebook tab.reorderable-page.top:active, EphyNotebook.notebook tab.reorderable-page.top.active-page, EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, EphyNotebook.notebook tab.top:active, EphyNotebook.notebook tab.top.active-page, EphyNotebook.notebook tab.top.active-page:hover, MidoriNotebook .notebook tab.reorderable-page.top:active, MidoriNotebook .notebook tab.reorderable-page.top.active-page, MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, MidoriNotebook .notebook tab.top:active, MidoriNotebook .notebook tab.top.active-page, MidoriNotebook .notebook tab.top.active-page:hover, TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top.active-page, TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } GtkHTML { background-color: #404552; color: #D3DAE3; } GtkHTML:active { color: #ffffff; background-color: #5294e2; } SushiFontWidget { padding: 6px 12px; } TerminalWindow .background { background-color: transparent; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { border-width: 0; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { color: #D3DAE3; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } NautilusNotebook.notebook { background-color: #404552; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { padding: 5px; box-shadow: none; background-color: #404552; } NemoWindow EelEditableLabel.entry { transition: none; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #2b2e39; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { background-color: rgba(134, 144, 165, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:insensitive { color: rgba(207, 218, 231, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .gedit-headerbar-paned { color: #262a33; } .open-document-selector-listbox-row { border-bottom: 1px solid #2d303b; padding: 6px 6px 6px 12px; } .open-document-selector-listbox-row .path-label { font-size: smaller; color: rgba(211, 218, 227, 0.7); } .open-document-selector-listbox-row:selected .path-label { color: rgba(255, 255, 255, 0.7); } .gedit-document-panel .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { color: #9da3ad; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; background-color: transparent; border: none; box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } .gedit-document-panel .prelight-row .button:active { color: #D3DAE3; } .gedit-document-panel-dragged-row { border: 1px solid #2b2e39; background-color: #22242d; color: #D3DAE3; } GeditStatusbar { border-top: 1px solid #2b2e39; background-color: #383C4A; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton:checked.button.flat { border-bottom-style: none; border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { border-bottom: 1px solid #2b2e39; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(211, 218, 227, 0.6); margin: 2px; padding: 2px; } GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #3c4150; padding: 6px; border-color: #2b2e39; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294e2; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { box-shadow: 1px 0 #5294e2; } GbEditorFrame .gb-search-slider { padding: 2px; } GdTaggedEntry { color: #D3DAE3; } .preferences.sidebar GtkViewport { border: none; } .preferences.sidebar GtkListBox { background-color: #383C4A; } .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } GtkBox.gb-command-bar-box { border: none; background-color: #353945; } GtkBox.gb-command-bar-box GtkLabel { color: #BAC3CF; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #BAC3CF; background-image: none; background-color: #353945; padding: 6px 6px 6px 6px; border: none; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #2b2e39; } GbViewStack.focused GtkBox.header.notebook { background-color: #404552; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook GtkLabel.button.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } EphyWindow .floating-bar { color: #D3DAE3; } .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon { background-color: rgba(211, 218, 227, 0.3); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: #a9caf1; } .documents-entry-tag { background-color: #5294e2; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; background-color: #639fe5; } .documents-entry-tag:active { color: #ffffff; background-color: #4189df; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; border: none; box-shadow: none; icon-shadow: none; } .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } TotemGrilo.vertical GdMainView.frame { border-width: 0; } SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: #5294e2; } .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; } .gnome-panel-menu-bar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: #BAC3CF; background-image: linear-gradient(to bottom, #2b2e37); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: #BAC3CF; } PanelApplet .button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: rgba(0, 0, 0, 0.25); border-radius: 0; border-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: #5294e2; } WnckPager { color: #5d6268; } WnckPager:selected { color: #5294e2; } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: #BAC3CF; } .xfce4-panel.panel { background-color: #2b2e37; text-shadow: none; icon-shadow: none; } .xfce4-panel.panel .button.flat { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); border-radius: 0; border: none; } .xfce4-panel.panel .button.flat:hover { border: none; background-color: #414654; } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { color: #ffffff; border: none; background-color: #5294e2; } .floating-bar { background-color: #5294e2; color: #ffffff; } .floating-bar.top { border-radius: 0 0 2px 2px; } .floating-bar.right { border-radius: 2px 0 0 2px; } .floating-bar.bottom { border-radius: 2px 2px 0 0; } .floating-bar.left { border-radius: 0 2px 2px 0; } .floating-bar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { color: #ffffff; background-color: #5294e2; outline-color: transparent; } MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { background-color: transparent; } MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { outline-color: transparent; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } .marlin-pathbar.pathbar:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } WingpanelWidgetsIndicatorPopover.popover { padding: 0; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; border: solid transparent; border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage { padding: 0 3px; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active { background-color: rgba(255, 255, 255, 0.05); border: solid rgba(255, 255, 255, 0.07); border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive { color: rgba(211, 218, 227, 0.45); } PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: #D3DAE3; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { border: 1px solid #20232b; border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px #363b48; } UnityDecoration.top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #20232b); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: #404756; border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar GtkLabel { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #2b2e39; border-right: 1px solid #2b2e39; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #2b2e39; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } .bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #2b2e39; background-color: #383C4A; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: #383C4A; color: #D3DAE3; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: #434859; } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: #383C4A; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #D3DAE3; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { background-color: #404552; } GraniteWidgetsWelcome GtkLabel { color: #868b97; font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(211, 218, 227, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #404552); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry.entry { padding: 4px; } .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: #a5abb5; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: #2b2e37; color: #BAC3CF; font: bold; box-shadow: inset 0 -1px #1b1d23; } #panel_window .menubar { padding-left: 5px; } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { font: normal; } #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: #D3DAE3; } #content_frame { padding-bottom: 14px; background-color: #383C4A; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame .button { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } #content_frame .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } #content_frame .button:active, #content_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } #content_frame .button:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } #content_frame .button:insensitive > GtkLabel { color: inherit; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: #2f343f; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px #262a33; } #buttonbox_frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } #buttonbox_frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } #buttonbox_frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } #login_window #user_combobox { color: #D3DAE3; font: 13px; } #login_window #user_combobox .menu { font: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font: bold; } .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: #262a33; } NemoWindow GtkEventBox { background-color: #383C4A; } GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog .sidebar, NautilusWindow .sidebar, NemoWindow .sidebar { border-right: 1px solid #2a2d37; } GtkFileChooserDialog .sidebar:dir(rtl), NautilusWindow .sidebar:dir(rtl), NemoWindow .sidebar:dir(rtl) { border-left: 1px solid #2a2d37; } NautilusWindow GtkBox.sidebar { background-color: transparent; } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, NautilusWindow .source-list.view:prelight, NemoWindow.csd.background, NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar { background-color: #353945; } GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, NautilusWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow .sidebar .view, NemoWindow .sidebar .source-list.sidebar row, NemoWindow MarlinPlacesSidebar .view, NemoWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #BAC3CF; } GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, NautilusWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow .sidebar .view.image, NemoWindow .sidebar .source-list.sidebar row.image, NemoWindow MarlinPlacesSidebar .view.image, NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image { color: rgba(186, 195, 207, 0.7); } GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, NautilusWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar .source-list.sidebar row.cell:selected, NemoWindow MarlinPlacesSidebar .view.cell:selected, NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294e2; color: #ffffff; } GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame { color: #BAC3CF; } GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator { color: transparent; } GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #353945; } GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: #2a2d37; } NautilusWindow NautilusWindowSlot { background-color: #404552; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { background-color: #353945; } GtkFileChooserDialog .sidebar { background-color: transparent; } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #383C4A; } GtkFileChooserDialog .dialog-action-box { background-color: #383C4A; } GtkFileChooserDialog .dialog-vbox > .frame { color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: #1f2128; } GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #BAC3CF; } FeedReaderreaderUI.background.csd > .titlebar .pane-separator, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, GeditWindow.background.csd > .titlebar .pane-separator, GeditWindow.background.csd.maximized > .titlebar .pane-separator, GeditWindow.background.csd > .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { background-color: #262a33; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #2f343f; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #323843; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #2f343f; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #323843; } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background .gedit-side-panel-paned .pane-separator { background-color: #2a2d37; } GeditWindow.background .gedit-bottom-panel-paned .pane-separator { background-color: #2b2e39; } GeditWindow.background > .titlebar.default-decoration, GeditWindow.background > .titlebar.default-decoration:backdrop { background-color: #2f343f; } .gedit-bottom-panel-paned { background-color: #404552; } .gedit-document-panel { background-color: #353945; } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel .list-row { color: #BAC3CF; } .gedit-document-panel .list-row { background-color: rgba(186, 195, 207, 0); border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:active .button { color: #ffffff; } .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { color: #BAC3CF; } GeditFileBrowserWidget { background-color: #353945; } .maximized GeditFileBrowserWidget { background-color: #353945; } GeditFileBrowserWidget .scrollbars-junction, GeditFileBrowserWidget .scrollbars-junction.frame { border-color: transparent; background-color: transparent; } GeditFileBrowserWidget .horizontal { background-color: transparent; border-color: #252831; } GeditFileBrowserWidget .horizontal GtkComboBox { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditFileBrowserWidget .horizontal .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } GtkFileChooserDialog .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditFileBrowserWidget .horizontal .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditFileBrowserWidget .horizontal .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } GtkFileChooserDialog .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } GtkFileChooserDialog .action-bar.frame .image.entry, GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog .action-bar.frame .image.entry:hover, GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { color: inherit; } GtkFileChooserDialog .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294e2); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } GtkFileChooserDialog .sidebar .trough.scrollbar, GtkFileChooserDialog MarlinPlacesSidebar .trough.scrollbar, NautilusWindow .sidebar .trough.scrollbar, NautilusWindow MarlinPlacesSidebar .trough.scrollbar, NemoWindow .sidebar .trough.scrollbar, NemoWindow MarlinPlacesSidebar .trough.scrollbar, MarlinViewWindow .sidebar .trough.scrollbar, MarlinViewWindow MarlinPlacesSidebar .trough.scrollbar, GeditFileBrowserWidget .trough.scrollbar { background-color: transparent; border-color: transparent; } GtkFileChooserDialog .sidebar .slider.scrollbar, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar, NautilusWindow .sidebar .slider.scrollbar, NautilusWindow MarlinPlacesSidebar .slider.scrollbar, NemoWindow .sidebar .slider.scrollbar, NemoWindow MarlinPlacesSidebar .slider.scrollbar, MarlinViewWindow .sidebar .slider.scrollbar, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar, GeditFileBrowserWidget .slider.scrollbar { border-radius: 20px; border: 3px solid transparent; background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog .sidebar .slider.scrollbar:hover, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar:hover, NautilusWindow .sidebar .slider.scrollbar:hover, NautilusWindow MarlinPlacesSidebar .slider.scrollbar:hover, NemoWindow .sidebar .slider.scrollbar:hover, NemoWindow MarlinPlacesSidebar .slider.scrollbar:hover, MarlinViewWindow .sidebar .slider.scrollbar:hover, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar:hover, GeditFileBrowserWidget .slider.scrollbar:hover { background-color: #f6f7f9; } GtkFileChooserDialog .sidebar .slider.scrollbar:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar:prelight:active, NautilusWindow .sidebar .slider.scrollbar:prelight:active, NautilusWindow MarlinPlacesSidebar .slider.scrollbar:prelight:active, NemoWindow .sidebar .slider.scrollbar:prelight:active, NemoWindow MarlinPlacesSidebar .slider.scrollbar:prelight:active, MarlinViewWindow .sidebar .slider.scrollbar:prelight:active, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar:prelight:active, GeditFileBrowserWidget .slider.scrollbar:prelight:active { background-color: #5294e2; } GtkFileChooserDialog .sidebar .slider.fine-tune.scrollbar, GtkFileChooserDialog MarlinPlacesSidebar .slider.fine-tune.scrollbar, NautilusWindow .sidebar .slider.fine-tune.scrollbar, NautilusWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar, NemoWindow .sidebar .slider.fine-tune.scrollbar, NemoWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar, MarlinViewWindow .sidebar .slider.fine-tune.scrollbar, MarlinViewWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar, GeditFileBrowserWidget .slider.fine-tune.scrollbar { border-width: 4px; } GtkFileChooserDialog .sidebar .slider.fine-tune.scrollbar:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, NautilusWindow .sidebar .slider.fine-tune.scrollbar:prelight:active, NautilusWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, NemoWindow .sidebar .slider.fine-tune.scrollbar:prelight:active, NemoWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, MarlinViewWindow .sidebar .slider.fine-tune.scrollbar:prelight:active, MarlinViewWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, GeditFileBrowserWidget .slider.fine-tune.scrollbar:prelight:active { background-color: #5294e2; } GtkFileChooserDialog .sidebar .slider.scrollbar:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar:insensitive, NautilusWindow .sidebar .slider.scrollbar:insensitive, NautilusWindow MarlinPlacesSidebar .slider.scrollbar:insensitive, NemoWindow .sidebar .slider.scrollbar:insensitive, NemoWindow MarlinPlacesSidebar .slider.scrollbar:insensitive, MarlinViewWindow .sidebar .slider.scrollbar:insensitive, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar:insensitive, GeditFileBrowserWidget .slider.scrollbar:insensitive { background-color: transparent; } /* GTK NAMED COLORS */ @define-color theme_fg_color #D3DAE3; @define-color theme_text_color #D3DAE3; @define-color theme_bg_color #383C4A; @define-color theme_base_color #404552; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #D3DAE3; @define-color text_color #D3DAE3; @define-color bg_color #383C4A; @define-color base_color #404552; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #3c4150; @define-color insensitive_fg_color alpha(#d3dae3, 0.5); @define-color insensitive_base_color #404552; @define-color theme_unfocused_fg_color #D3DAE3; @define-color theme_unfocused_text_color #D3DAE3; @define-color theme_unfocused_bg_color #383C4A; @define-color theme_unfocused_base_color #404552; @define-color borders #2b2e39; @define-color unfocused_borders #2b2e39; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #a9caf1; @define-color wm_title alpha(#cfdae7, 0.8); @define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343f; @define-color wm_bg_unfocused #323843; @define-color wm_highlight #363b48; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #cc575d; @define-color wm_button_close_hover_bg #d7787d; @define-color wm_button_close_active_bg #be3841; @define-color wm_icon_close_bg #2f343f; @define-color wm_button_hover_bg #454C5C; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #262932; @define-color wm_icon_bg #90939B; @define-color wm_icon_unfocused_bg #666A74; @define-color wm_icon_hover_bg #C4C7CC; @define-color wm_icon_active_bg #ffffff; @define-color content_view_bg #404552; ================================================ FILE: common/gtk-3.0/3.14/gtk-solid-darker.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkPaned-handle-size: 1; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #2679db; -GtkWidget-visited-link-color: #1e61b0; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(92, 97, 108, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } .background { color: #5c616c; background-color: #F5F6F7; } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #F5F6F7; color: #5c616c; } .gtkstyle-fallback:prelight { background-color: white; color: #5c616c; } .gtkstyle-fallback:active { background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view { color: #5c616c; background-color: #ffffff; } .view.dim-label, GtkLabel.view.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator, .header-bar .view.subtitle { color: rgba(92, 97, 108, 0.55); } .view.dim-label:selected, GtkLabel.view.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, GtkLabel.view.separator:selected:focus, .header-bar .view.subtitle:selected:focus { color: rgba(255, 255, 255, 0.65); text-shadow: none; } .rubberband { border: 1px solid #5294e2; background-color: rgba(82, 148, 226, 0.2); } GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #5c616c; } GtkLabel:insensitive { color: rgba(92, 97, 108, 0.55); } .dim-label, GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator, .header-bar .subtitle { opacity: 0.55; } GtkAssistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #dcdfe3; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294e2; color: #ffffff; } GtkTextView { background-color: #fafbfb; } GtkFlowBox .grid-child { padding: 3px; border-radius: 3px; } GtkFlowBox .grid-child:selected { outline-offset: -2px; } .popover.osd, .osd { color: #BAC3CF; border: none; background-color: #353945; background-clip: padding-box; outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } .entry { border: 1px solid; padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); border: none; border-radius: 0; } .entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294e2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #5294e2; color: #ffffff; } .entry.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .linked > .entry:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked > .entry:first-child:dir(rtl) { border-right-style: none; } .linked > .entry:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } .linked > .entry:last-child:dir(rtl) { border-left-style: solid; } .entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } .entry.warning:selected, .entry.warning:selected:focus { background-color: white; color: #F27835; } .entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } .entry.error:selected, .entry.error:selected:focus { background-color: white; color: #FC4138; } .entry.image { color: #7d8189; } .linked.vertical > .entry { border-bottom-color: #f4f5f6; box-shadow: none; } .linked.vertical > .entry:focus { border-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:insensitive { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:first-child { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:first-child:focus { border-bottom-color: #5294e2; box-shadow: none; } .linked.vertical > .entry:first-child:insensitive { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:last-child { border-bottom-color: rgba(0, 0, 0, 0.14); } .linked.vertical > .entry:last-child:focus { border-bottom-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:last-child:insensitive { border-bottom-color: rgba(0, 0, 0, 0.14); } .osd .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } .osd .entry.image, .osd .entry.image:hover { color: inherit; } .osd .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294e2); } .osd .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } GtkSearchEntry.entry { border-radius: 20px; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 5px 8px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .button.flat { border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(251, 251, 252, 0); border-color: rgba(207, 214, 230, 0); transition: none; } .button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } .button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; transition-duration: 50ms; } .button:active { color: #5c616c; } .button:active:hover, .button:checked { color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; } .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); background-color: #353945; border-color: #23262e; } .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294e2; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .button.osd:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); border-radius: 0; border-left-style: none; border-right-style: none; } .osd .button:dir(rtl) { border-radius: 0; border-right-style: none; border-left-style: none; } .osd .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:dir(rtl) { border-left-style: solid; } .osd .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child { box-shadow: none; } .osd .button:active, .osd .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child { box-shadow: none; } .osd .button.flat:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); background-image: none; } .osd .button.flat:active, .osd .button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .button.suggested-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.suggested-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.suggested-action:insensitive > GtkLabel { color: inherit; } .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .button.destructive-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.destructive-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { padding: 7px; } .header-bar .button.image-button, .header-bar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .header-bar .titlebar.selection-mode .button.titlebutton, .titlebar.selection-mode .header-bar .button.titlebutton { padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { padding: 5px 8px; } .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar GtkToolButton > .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .inline-toolbar GtkToolButton > .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } .inline-toolbar GtkToolButton > .button.flat:active, .osd .button:active, .inline-toolbar .button:active, .linked > .button:active, GtkComboBox.combobox-entry .entry:active, GtkComboBox.combobox-entry .button:active, .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, .linked > GtkComboBox > .button:active:dir(ltr), .inline-toolbar GtkToolButton > .button.flat:checked, .osd .button:checked, .inline-toolbar .button:checked, .linked > .button:checked, GtkComboBox.combobox-entry .entry:checked, GtkComboBox.combobox-entry .button:checked, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked, .linked > GtkComboBox > .button:checked:dir(ltr) { box-shadow: none; } .inline-toolbar.toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), .linked > .button:dir(rtl):hover, .linked > .button:dir(rtl):active, .linked > .button:dir(rtl):checked, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } .osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, .primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } .osd .button:first-child:active, .inline-toolbar .button:first-child:active, .linked > .button:first-child:active, .inline-toolbar GtkToolButton:first-child > .button.flat:active, GtkComboBox.combobox-entry .entry:first-child:active, GtkComboBox.combobox-entry .button:first-child:active, .linked > GtkComboBox:first-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, .osd .button:first-child:checked, .inline-toolbar .button:first-child:checked, .linked > .button:first-child:checked, .inline-toolbar GtkToolButton:first-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:first-child:checked, GtkComboBox.combobox-entry .button:first-child:checked, .linked > GtkComboBox:first-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } .osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, .primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } .osd .button:last-child:active, .inline-toolbar .button:last-child:active, .linked > .button:last-child:active, .inline-toolbar GtkToolButton:last-child > .button.flat:active, GtkComboBox.combobox-entry .entry:last-child:active, GtkComboBox.combobox-entry .button:last-child:active, .linked > GtkComboBox:last-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, .osd .button:last-child:checked, .inline-toolbar .button:last-child:checked, .linked > .button:last-child:checked, .inline-toolbar GtkToolButton:last-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:last-child:checked, GtkComboBox.combobox-entry .button:last-child:checked, .linked > GtkComboBox:last-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } .osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, .primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } .osd .button:only-child:active, .inline-toolbar .button:only-child:active, .linked > .button:only-child:active, .inline-toolbar GtkToolButton:only-child > .button.flat:active, GtkComboBox.combobox-entry .entry:only-child:active, GtkComboBox.combobox-entry .button:only-child:active, .linked > GtkComboBox:only-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, .osd .button:only-child:checked, .inline-toolbar .button:only-child:checked, .linked > .button:only-child:checked, .inline-toolbar GtkToolButton:only-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:only-child:checked, GtkComboBox.combobox-entry .button:only-child:checked, .linked > GtkComboBox:only-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 -1px rgba(207, 214, 230, 0.4), inset 0 1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:active, .linked.vertical > .button:active, .linked.vertical > GtkComboBoxText > .button:active, .linked.vertical > GtkComboBox > .button:active, .linked.vertical > .entry:checked, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button:checked, .linked.vertical > GtkComboBox > .button:checked { box-shadow: none; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:first-child:active, .linked.vertical > .button:first-child:active, .linked.vertical > GtkComboBoxText:first-child > .button:active, .linked.vertical > GtkComboBox:first-child > .button:active, .linked.vertical > .entry:first-child:checked, .linked.vertical > .button:first-child:checked, .linked.vertical > GtkComboBoxText:first-child > .button:checked, .linked.vertical > GtkComboBox:first-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:last-child:active, .linked.vertical > .button:last-child:active, .linked.vertical > GtkComboBoxText:last-child > .button:active, .linked.vertical > GtkComboBox:last-child > .button:active, .linked.vertical > .entry:last-child:checked, .linked.vertical > .button:last-child:checked, .linked.vertical > GtkComboBoxText:last-child > .button:checked, .linked.vertical > GtkComboBox:last-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } .linked.vertical > .entry:only-child:active, .linked.vertical > .button:only-child:active, .linked.vertical > GtkComboBoxText:only-child > .button:active, .linked.vertical > GtkComboBox:only-child > .button:active, .linked.vertical > .entry:only-child:checked, .linked.vertical > .button:only-child:checked, .linked.vertical > GtkComboBoxText:only-child > .button:checked, .linked.vertical > GtkComboBox:only-child > .button:checked { box-shadow: none; } .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .notebook tab .button, .list-row.button, .app-notification .button.flat, .app-notification.frame .button.flat, .app-notification .button.flat:insensitive, .app-notification.frame .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } /* menu buttons */ .menuitem.button.flat { transition: none; outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { background-color: #edeff0; } .menuitem.button.flat:checked { color: #5c616c; } *:link, .button:link, .button:visited { color: #2679db; } *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited:link, *:selected .button:visited { color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #dceaf9; } *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #dceaf9; } .spinbutton { border-radius: 3px; } .spinbutton .button { background-image: none; border: 1px solid rgba(220, 223, 227, 0.6); border-style: none none none solid; color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } .spinbutton .button:insensitive { color: rgba(92, 97, 108, 0.55); } .spinbutton .button:active { background-color: #5294e2; color: #ffffff; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #5294e2; border-radius: 0; box-shadow: none; } GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .button { padding-top: 3px; padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: 1px 0 #5294e2; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-left-style: none; } GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: -1px 0 #5294e2; } GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 #cfd6e6; } GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.55); } GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 #cfd6e6; } GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.55); } .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.9); } .primary-toolbar { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #2f343f, #20232b) 1 0 1 0; } .inline-toolbar { background-color: #edeef0; border-style: solid; border-color: #dcdfe3; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; border-color: #dcdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { background-color: #edeef0; } .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: #262a33; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; } .csd .header-bar { background-color: #2f343f; border-color: #262a33; } .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { padding-left: 12px; padding-right: 12px; } .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294e2; border-color: #4189df; box-shadow: none; } .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { background-color: #5294e2; color: rgba(255, 255, 255, 0.6); } .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343f; border-color: #262a33; } .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized .csd .header-bar.default-decoration, .maximized .header-bar.default-decoration:backdrop, .maximized .csd .header-bar.default-decoration:backdrop { background-color: #2f343f; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 3px 3px 0 0; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: inset 0 1px #363b48; } .csd .titlebar { background-color: #2f343f; } .titlebar:backdrop { color: rgba(207, 218, 231, 0.5); background-color: #323843; } .csd .titlebar:backdrop { background-color: #323843; } .maximized .titlebar { background-color: #2f343f; } .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #323843; } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } .primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); background-clip: padding-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar .entry.warning, .header-bar .entry.warning { color: white; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #a45d39); } .primary-toolbar .entry.warning:focus, .header-bar .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); } .primary-toolbar .entry.warning:selected, .header-bar .entry.warning:selected, .primary-toolbar .entry.warning:selected:focus, .header-bar .entry.warning:selected:focus { background-color: white; color: #F27835; } .primary-toolbar .entry.error, .header-bar .entry.error { color: white; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #aa3c3b); } .primary-toolbar .entry.error:focus, .header-bar .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); } .primary-toolbar .entry.error:selected, .header-bar .entry.error:selected, .primary-toolbar .entry.error:selected:focus, .header-bar .entry.error:selected:focus { background-color: white; color: #FC4138; } .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { background-color: rgba(134, 144, 165, 0.4); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .primary-toolbar .linked.stack-switcher > .button:insensitive, .header-bar .linked.stack-switcher > .button:insensitive, .primary-toolbar .linked.path-bar > .button:insensitive, .header-bar .linked.path-bar > .button:insensitive { color: rgba(207, 218, 231, 0.4); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked { box-shadow: none; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive, .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .header-bar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .button.suggested-action:insensitive > GtkLabel, .header-bar .button.suggested-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive, .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .header-bar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .button.destructive-action:insensitive > GtkLabel, .header-bar .button.destructive-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(207, 218, 231, 0.05); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr), .header-bar GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(21, 23, 28, 0); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl), .header-bar GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(21, 23, 28, 0); } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(21, 23, 28, 0.4); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.4)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #454c5c); border-color: rgba(21, 23, 28, 0.7); } .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { background-image: linear-gradient(to bottom, #50586b); border-color: rgba(21, 23, 28, 0.7); } .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #3e4553); border-color: rgba(21, 23, 28, 0.7); } .path-bar .button { padding: 5px 10px; } .path-bar .button:first-child { padding-left: 10px; } .path-bar .button:last-child { padding-right: 10px; } .path-bar .button:only-child { padding-left: 14px; padding-right: 14px; } .path-bar .button GtkLabel:last-child { padding-left: 4px; } .path-bar .button GtkLabel:first-child { padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 2px; padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-color: rgba(92, 97, 108, 0.2); } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { color: #ffffff; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); border-radius: 3px; border-width: 0; } column-header .button { color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294e2; box-shadow: none; transition: none; } column-header .button:active { color: #5c616c; transition: none; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; border-image: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294e2; box-shadow: inset 1px 1px 0 1px #5294e2, inset -1px 0 0 1px #5294e2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active, column-header .button:hover { background-color: #ffffff; } column-header .button:active:hover { color: #5c616c; } column-header .button:insensitive { border-color: #F5F6F7; background-image: none; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #2f343f; color: rgba(207, 218, 231, 0.8); } .menubar:backdrop { color: rgba(207, 218, 231, 0.5); } .menubar > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } .menubar > .menuitem:hover { background-color: #5294e2; color: #ffffff; } .menubar > .menuitem:insensitive { color: rgba(207, 218, 231, 0.2); border-color: transparent; } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #ffffff; border: 1px solid #dcdfe3; } .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } .menu .menuitem { padding: 5px; } .menu .menuitem:hover { color: #ffffff; background-color: #5294e2; } .menu .menuitem:insensitive { color: rgba(92, 97, 108, 0.55); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator { color: rgba(255, 255, 255, 0); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; } .menu.button.top { border-bottom: 1px solid #efeff0; } .menu.button.bottom { border-top: 1px solid #efeff0; } .menu.button:hover { background-color: #efeff0; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: alpha(currentColor,0.55); } .popover { margin: 10px; padding: 2px; border: 1px solid #cdd2d7; border-radius: 3px; background-clip: border-box; background-color: #ffffff; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .popover .separator, .popover GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .popover .view.separator { color: rgba(255, 255, 255, 0); } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .notebook { padding: 0; background-color: #ffffff; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { border: 1px solid #dcdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { border: 0px solid #dcdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px #dcdfe3; } .notebook.header.bottom { box-shadow: inset 0 1px #dcdfe3; } .notebook.header.right { box-shadow: inset 1px 0 #dcdfe3; } .notebook.header.left { box-shadow: inset -1px 0 #dcdfe3; } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; } .notebook tab.top, .notebook tab.bottom { padding: 4px 15px; } .notebook tab.left, .notebook tab.right { padding: 4px 15px; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; } .notebook tab.reorderable-page.top, .notebook tab.top { padding-top: 6px; border-radius: 3.5px 2px 0 0; border-width: 0; border-top-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; border-width: 0; border-bottom-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; border-width: 0; border-right-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; border-width: 0; border-left-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(92, 97, 108, 0.775); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #5c616c; } .notebook tab .button { padding: 0; color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { color: #5294e2; } .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { color: rgba(92, 97, 108, 0.55); } .notebook.arrow:hover { color: rgba(92, 97, 108, 0.775); } .notebook.arrow:active { color: #5c616c; } .notebook.arrow:insensitive { color: rgba(92, 97, 108, 0.25); } .scrollbar { background-clip: padding-box; background-image: none; border-style: solid; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkRange-slider-width: 13; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.trough { background-color: #fcfcfc; border-left: 1px solid #dcdfe3; } .scrollbar.trough.horizontal { border-left: none; border-top: 1px solid #dcdfe3; } .scrollbar.slider { border-radius: 21px 20px 20px 21px; border: 3px solid transparent; border-left-width: 4px; background-color: #b8babf; } .scrollbar.slider.horizontal { border-radius: 21px 21px 20px 20px; border-left-width: 3px; border-top-width: 4px; } .scrollbar.slider:hover { background-color: #cfd1d4; } .scrollbar.slider:prelight:active, .scrollbar.slider:active { background-color: #5294e2; } .scrollbar.slider.fine-tune { border-width: 4px; } .scrollbar.slider.fine-tune:prelight:active { background-color: #5294e2; } .scrollbar.slider:insensitive { background-color: transparent; } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; background-color: #fcfcfc; } GtkSwitch { font: 1; -GtkSwitch-slider-width: 41; outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; } GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { background-position: left center; } GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } .menu .menuitem:hover GtkSwitch.trough, .list-row:selected GtkSwitch.trough, GtkInfoBar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } .header-bar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active, .list-row:selected GtkSwitch.trough:active, GtkInfoBar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } .header-bar GtkSwitch.trough:active, .primary-toolbar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } .menu .menuitem:hover GtkSwitch.trough:insensitive, .list-row:selected GtkSwitch.trough:insensitive, GtkInfoBar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:insensitive, .primary-toolbar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active:insensitive, .list-row:selected GtkSwitch.trough:active:insensitive, GtkInfoBar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:active:insensitive, .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } GtkFileChooserDialog .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } GtkFileChooserDialog .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } GtkIconView.view.check, GtkFlowBox.view.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } GtkIconView.view.check:checked, GtkFlowBox.view.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; } .scale.trough { margin: 5px; } .scale.fine-tune.trough { border-radius: 5px; margin: 3px; } .scale.slider { background-clip: border-box; background-image: linear-gradient(to bottom, #fbfbfc); border: 1px solid rgba(123, 142, 186, 0.5); border-radius: 50%; box-shadow: none; } .scale.slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(123, 142, 186, 0.5); } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #fbfbfb); border-color: rgba(123, 142, 186, 0.3); } .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .osd .scale.slider { background-image: linear-gradient(to bottom, #353945); border-color: #5294e2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294e2); } .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } .menu .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .menu .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } .menu .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } .menu .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, #cfd6e6); } .scale.trough.highlight { background-image: linear-gradient(to bottom, #5294e2); } .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd .scale.trough { background-image: linear-gradient(to bottom, #454a59); outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294e2); } .menu .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .menu .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .menu .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } .menu .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } GtkProgressBar { padding: 0; font-size: smaller; color: rgba(92, 97, 108, 0.7); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } .progressbar { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } .progressbar.osd { background-color: #5294e2; } .list-row:selected .progressbar, GtkInfoBar .progressbar { background-color: #ffffff; } .osd .scale.progressbar { background-color: #5294e2; } GtkProgressBar.trough, .level-bar.trough { border: none; border-radius: 3px; background-color: #cfd6e6; } GtkProgressBar.trough.osd, .osd.level-bar.trough { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected GtkProgressBar.trough, .list-row:selected .level-bar.trough, GtkInfoBar GtkProgressBar.trough, GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } GtkLevelBar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; border-radius: 4px; } .level-bar.fill-block { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #73d216; background-color: #73d216; } .level-bar.fill-block.level-low { border-color: #F27835; background-color: #F27835; } .level-bar.fill-block.empty-fill-block { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } .frame { border: 1px solid #dcdfe3; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } .list, .list-row { background-color: #ffffff; border-color: #dcdfe3; } .list-row, .grid-child { padding: 2px; } .list-row.button { background-color: transparent; border-style: none; border-radius: 0; box-shadow: none; } .list-row.button:hover { background-color: rgba(0, 0, 0, 0.05); } .list-row.button:active { color: #5c616c; } .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } .list-row.button:selected:insensitive GtkLabel { color: inherit; } .list-row, list-row.button { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.button:hover { transition: none; } .app-notification, .app-notification.frame { padding: 10px; color: #BAC3CF; background-color: #353945; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #1f2128; } .app-notification .button, .app-notification.frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .app-notification .button.flat, .app-notification.frame .button.flat { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: #aaaeb7; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkCalendar { color: #5c616c; border: 1px solid #dcdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { background-color: #5294e2; color: #ffffff; border-radius: 1.5px; } GtkCalendar.header { color: #5c616c; border: none; border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(92, 97, 108, 0.45); border-color: transparent; background-color: transparent; background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #5c616c; } GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { color: rgba(92, 97, 108, 0.55); background-color: transparent; background-image: none; } GtkCalendar.highlight { color: alpha(currentColor,0.55); } .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { background-color: #2f343f; border-bottom: 1px solid #20232b; } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .message-dialog.csd .dialog-action-area .button { padding: 8px; border-radius: 0; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 3px; } .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 3px; } GtkFileChooserDialog .search-bar { background-color: #F5F6F7; border-color: #dcdfe3; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #dcdfe3; } .sidebar { border: none; background-color: #fbfbfc; } .sidebar .scrollbar.trough { background-color: transparent; border-width: 2px; border-color: transparent; } .sidebar:selected { background-color: #5294e2; } GtkPlacesSidebar.sidebar .view { color: #5c616c; background-color: transparent; } GtkPlacesSidebar.sidebar .view:selected { color: #ffffff; background-color: #5294e2; } .sidebar-item { padding: 10px 4px; } .sidebar-item > GtkLabel { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > GtkLabel { background-size: 6px 6px, 0 0; } GtkPaned { margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } .pane-separator { background-image: linear-gradient(to bottom, #dcdfe3); } GtkInfoBar { border-style: none; } .info, .question, .warning, .error, GtkInfoBar { background-color: #5294e2; color: #ffffff; } .list-row:selected .button, GtkInfoBar .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } .list-row:selected .flat.button, GtkInfoBar .flat.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .list-row:selected .button:hover, GtkInfoBar .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .tooltip { color: #BAC3CF; border-radius: 2px; } .tooltip.background { background-color: #4b5162; background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } GtkColorSwatch { border: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); } GtkColorSwatch.color-light:hover { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4)); } GtkColorSwatch.color-dark:hover { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } GtkColorSwatch:hover { border-color: rgba(0, 0, 0, 0.5); } GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch.left, GtkColorSwatch:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } GtkColorSwatch.right, GtkColorSwatch:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch:only-child { border-radius: 3px; } GtkColorSwatch.color-active-badge { border-width: 2px; } GtkColorSwatch.color-active-badge:hover { background-image: none; } GtkColorSwatch.color-active-badge.color-light, GtkColorSwatch.color-active-badge.color-light:hover { color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-active-badge.color-dark, GtkColorSwatch.color-active-badge.color-dark:hover { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); } GtkColorChooserWidget #add-color-button { border-color: #e8ebed; background-color: #e8ebed; color: #F5F6F7; box-shadow: none; } GtkColorChooserWidget #add-color-button:hover { border-color: #dcdfe3; background-color: #dcdfe3; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } .scale-popup .button { padding: 6px; } .scale-popup .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkVolumeButton.button { padding: 8px; } .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .window-frame { border-radius: 3px 3px 0 0; border-width: 0px; box-shadow: 0 0 0 1px #20232b, 0 8px 8px 0 rgba(0, 0, 0, 0.2); margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 5px 5px 0 rgba(0, 0, 0, 0.2); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; border-radius: 0; } .window-frame.csd.popup, .window-frame.csd.menu { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.message-dialog { border-radius: 3px; } .header-bar.default-decoration .button.titlebutton, .titlebar.default-decoration .button.titlebutton, .header-bar.selection-mode.default-decoration .button.titlebutton, .titlebar.selection-mode.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { padding: 8px 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); color: transparent; background-position: center; background-repeat: no-repeat; } .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3), .titlebar .right .button.titlebutton:nth-last-child(3), .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3), .titlebar .left .button.titlebutton:nth-child(3), .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3), .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3), .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar.selection-mode .left .button.titlebutton:nth-child(3), .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3), .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, .titlebar .left .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .header-bar .left .button.titlebutton:nth-child(3):active:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .titlebar .right .button.titlebutton:nth-last-child(3):active:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .titlebar .left .button.titlebutton:nth-child(3):active:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .header-bar .left .button.titlebutton:nth-child(3):backdrop, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .titlebar .left .button.titlebutton:nth-child(3):backdrop, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2), .titlebar .right .button.titlebutton:nth-last-child(2), .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2), .titlebar .left .button.titlebutton:nth-child(2), .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2), .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2), .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar.selection-mode .left .button.titlebutton:nth-child(2), .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2), .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, .titlebar .left .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .header-bar .left .button.titlebutton:nth-child(2):active:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .titlebar .right .button.titlebutton:nth-last-child(2):active:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .titlebar .left .button.titlebutton:nth-child(2):active:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .header-bar .left .button.titlebutton:nth-child(2):backdrop, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .titlebar .left .button.titlebutton:nth-child(2):backdrop, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, .header-bar .left:dir(rtl) .button.titlebutton:last-child, .titlebar .right .button.titlebutton:last-child, .titlebar .right:dir(rtl) .button.titlebutton:first-child, .titlebar .left .button.titlebutton:first-child, .titlebar .left:dir(rtl) .button.titlebutton:last-child, .header-bar.selection-mode .right .button.titlebutton:last-child, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child, .header-bar.selection-mode .left .button.titlebutton:first-child, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child, .titlebar.selection-mode .right .button.titlebutton:last-child, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child, .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, .titlebar .left .button.titlebutton:first-child:backdrop:hover, .titlebar .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .right .button.titlebutton:last-child:hover, .header-bar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, .header-bar .left .button.titlebutton:first-child:active:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:active:hover, .titlebar .right .button.titlebutton:last-child:active:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:active:hover, .titlebar .left .button.titlebutton:first-child:active:hover, .titlebar .left:dir(rtl) .button.titlebutton:last-child:active:hover, .header-bar.selection-mode .right .button.titlebutton:last-child:active:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:active:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:active:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:backdrop, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop, .header-bar .left .button.titlebutton:first-child:backdrop, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop, .titlebar .right .button.titlebutton:last-child:backdrop, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop, .titlebar .left .button.titlebutton:first-child:backdrop, .titlebar .left:dir(rtl) .button.titlebutton:last-child:backdrop, .header-bar.selection-mode .right .button.titlebutton:last-child:backdrop, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } .header-bar .left GtkMenuButton.button.titlebutton:first-child, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar .left GtkMenuButton.button.titlebutton:first-child, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child { padding: 4px 6px 4px 6px; color: rgba(207, 218, 231, 0.8); } .header-bar .left GtkMenuButton.button.titlebutton:first-child, .header-bar .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:backdrop, .header-bar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child, .titlebar .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:backdrop, .titlebar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover { background-image: none; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .header-bar .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .header-bar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:checked, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:checked, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked, .titlebar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:checked, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:checked, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:focus:selected { background-image: none; background-color: #5294e2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, ScratchMainWindow .notebook tab.top:active, ScratchMainWindow .notebook tab.top.active-page, ScratchMainWindow .notebook tab.top.active-page:hover, EphyNotebook.notebook tab.reorderable-page.top:active, EphyNotebook.notebook tab.reorderable-page.top.active-page, EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, EphyNotebook.notebook tab.top:active, EphyNotebook.notebook tab.top.active-page, EphyNotebook.notebook tab.top.active-page:hover, MidoriNotebook .notebook tab.reorderable-page.top:active, MidoriNotebook .notebook tab.reorderable-page.top.active-page, MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, MidoriNotebook .notebook tab.top:active, MidoriNotebook .notebook tab.top.active-page, MidoriNotebook .notebook tab.top.active-page:hover, TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top.active-page, TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; } GtkHTML { background-color: #ffffff; color: #5c616c; } GtkHTML:active { color: #ffffff; background-color: #5294e2; } SushiFontWidget { padding: 6px 12px; } TerminalWindow .background { background-color: transparent; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { border-width: 0; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { color: #5c616c; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } NautilusNotebook.notebook { background-color: #ffffff; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { padding: 5px; box-shadow: none; background-color: #ffffff; } NemoWindow EelEditableLabel.entry { transition: none; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #dcdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { background-color: rgba(134, 144, 165, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:insensitive { color: rgba(207, 218, 231, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .gedit-headerbar-paned { color: #262a33; } .open-document-selector-listbox-row { border-bottom: 1px solid #e7e9ec; padding: 6px 6px 6px 12px; } .open-document-selector-listbox-row .path-label { font-size: smaller; color: rgba(92, 97, 108, 0.7); } .open-document-selector-listbox-row:selected .path-label { color: rgba(255, 255, 255, 0.7); } .gedit-document-panel .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { color: #92959d; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; background-color: transparent; border: none; box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { border-top: 1px solid #dcdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton:checked.button.flat { border-bottom-style: none; border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { border-bottom: 1px solid #dcdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); margin: 2px; padding: 2px; } GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294e2; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { box-shadow: 1px 0 #5294e2; } GbEditorFrame .gb-search-slider { padding: 2px; } GdTaggedEntry { color: #5c616c; } .preferences.sidebar GtkViewport { border: none; } .preferences.sidebar GtkListBox { background-color: #F5F6F7; } .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } GtkBox.gb-command-bar-box { border: none; background-color: #353945; } GtkBox.gb-command-bar-box GtkLabel { color: #BAC3CF; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #BAC3CF; background-image: none; background-color: #353945; padding: 6px 6px 6px 6px; border: none; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #ffffff; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook GtkLabel.button.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } EphyWindow .floating-bar { color: #5c616c; } .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: #a9caf1; } .documents-entry-tag { background-color: #5294e2; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; background-color: #639fe5; } .documents-entry-tag:active { color: #ffffff; background-color: #4189df; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; border: none; box-shadow: none; icon-shadow: none; } .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } TotemGrilo.vertical GdMainView.frame { border-width: 0; } SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: #5294e2; } .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; } .gnome-panel-menu-bar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: #BAC3CF; background-image: linear-gradient(to bottom, #2b2e37); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: #BAC3CF; } PanelApplet .button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: rgba(0, 0, 0, 0.25); border-radius: 0; border-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: #5294e2; } WnckPager { color: #5d6268; } WnckPager:selected { color: #5294e2; } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: #BAC3CF; } .xfce4-panel.panel { background-color: #2b2e37; text-shadow: none; icon-shadow: none; } .xfce4-panel.panel .button.flat { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); border-radius: 0; border: none; } .xfce4-panel.panel .button.flat:hover { border: none; background-color: #414654; } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { color: #ffffff; border: none; background-color: #5294e2; } .floating-bar { background-color: #5294e2; color: #ffffff; } .floating-bar.top { border-radius: 0 0 2px 2px; } .floating-bar.right { border-radius: 2px 0 0 2px; } .floating-bar.bottom { border-radius: 2px 2px 0 0; } .floating-bar.left { border-radius: 0 2px 2px 0; } .floating-bar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { color: #ffffff; background-color: #5294e2; outline-color: transparent; } MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { background-color: transparent; } MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { outline-color: transparent; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } .marlin-pathbar.pathbar:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } WingpanelWidgetsIndicatorPopover.popover { padding: 0; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; border: solid transparent; border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage { padding: 0 3px; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active { background-color: rgba(0, 0, 0, 0.04); border: solid rgba(0, 0, 0, 0.08); border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive { color: rgba(92, 97, 108, 0.55); } PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: #5c616c; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { border: 1px solid #20232b; border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px #363b48; } UnityDecoration.top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #20232b); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: #404756; border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar GtkLabel { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #dcdfe3; border-right: 1px solid #dcdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #dcdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } .bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #dcdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: white; } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: #F5F6F7; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #5c616c; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { color: #a9acb2; font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(92, 97, 108, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry.entry { padding: 4px; } .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: #8a8e96; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: #2b2e37; color: #BAC3CF; font: bold; box-shadow: inset 0 -1px #1b1d23; } #panel_window .menubar { padding-left: 5px; } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { font: normal; } #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: #5c616c; } #content_frame { padding-bottom: 14px; background-color: #F5F6F7; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } #content_frame .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } #content_frame .button:active, #content_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } #content_frame .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } #content_frame .button:insensitive > GtkLabel { color: inherit; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: #353945; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px #353945; } #buttonbox_frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } #buttonbox_frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } #buttonbox_frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } #login_window #user_combobox { color: #5c616c; font: 13px; } #login_window #user_combobox .menu { font: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font: bold; } .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: #262a33; } NemoWindow GtkEventBox { background-color: #F5F6F7; } GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } NautilusWindow GtkBox.sidebar { background-color: transparent; } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, NautilusWindow .source-list.view:prelight, NemoWindow.csd.background, NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar { background-color: #353945; } GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, NautilusWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow .sidebar .view, NemoWindow .sidebar .source-list.sidebar row, NemoWindow MarlinPlacesSidebar .view, NemoWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #BAC3CF; } GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, NautilusWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow .sidebar .view.image, NemoWindow .sidebar .source-list.sidebar row.image, NemoWindow MarlinPlacesSidebar .view.image, NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image { color: rgba(186, 195, 207, 0.7); } GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, NautilusWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar .source-list.sidebar row.cell:selected, NemoWindow MarlinPlacesSidebar .view.cell:selected, NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294e2; color: #ffffff; } GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame { color: #BAC3CF; } GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator { color: transparent; } GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #353945; } GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: #353945; } NautilusWindow NautilusWindowSlot { background-color: #ffffff; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { background-color: #353945; } GtkFileChooserDialog .sidebar { background-color: transparent; } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-vbox > .frame { color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: #2a2d37; } GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #BAC3CF; } FeedReaderreaderUI.background.csd > .titlebar .pane-separator, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, GeditWindow.background.csd > .titlebar .pane-separator, GeditWindow.background.csd.maximized > .titlebar .pane-separator, GeditWindow.background.csd > .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { background-color: #262a33; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #2f343f; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #323843; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #2f343f; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #323843; } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background .gedit-side-panel-paned .pane-separator { background-color: #353945; } GeditWindow.background .gedit-bottom-panel-paned .pane-separator { background-color: #dcdfe3; } GeditWindow.background > .titlebar.default-decoration, GeditWindow.background > .titlebar.default-decoration:backdrop { background-color: #2f343f; } .gedit-bottom-panel-paned { background-color: #ffffff; } .gedit-document-panel { background-color: #353945; } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel .list-row { color: #BAC3CF; } .gedit-document-panel .list-row { background-color: rgba(186, 195, 207, 0); border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:active .button { color: #ffffff; } .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { color: #BAC3CF; } GeditFileBrowserWidget { background-color: #353945; } .maximized GeditFileBrowserWidget { background-color: #353945; } GeditFileBrowserWidget .scrollbars-junction, GeditFileBrowserWidget .scrollbars-junction.frame { border-color: transparent; background-color: transparent; } GeditFileBrowserWidget .horizontal { background-color: transparent; border-color: #252831; } GeditFileBrowserWidget .horizontal GtkComboBox { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditFileBrowserWidget .horizontal .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } GtkFileChooserDialog .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditFileBrowserWidget .horizontal .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditFileBrowserWidget .horizontal .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } GtkFileChooserDialog .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } GtkFileChooserDialog .action-bar.frame .image.entry, GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog .action-bar.frame .image.entry:hover, GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { color: inherit; } GtkFileChooserDialog .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294e2); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } GtkFileChooserDialog .sidebar .trough.scrollbar, GtkFileChooserDialog MarlinPlacesSidebar .trough.scrollbar, NautilusWindow .sidebar .trough.scrollbar, NautilusWindow MarlinPlacesSidebar .trough.scrollbar, NemoWindow .sidebar .trough.scrollbar, NemoWindow MarlinPlacesSidebar .trough.scrollbar, MarlinViewWindow .sidebar .trough.scrollbar, MarlinViewWindow MarlinPlacesSidebar .trough.scrollbar, GeditFileBrowserWidget .trough.scrollbar { background-color: transparent; border-color: transparent; } GtkFileChooserDialog .sidebar .slider.scrollbar, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar, NautilusWindow .sidebar .slider.scrollbar, NautilusWindow MarlinPlacesSidebar .slider.scrollbar, NemoWindow .sidebar .slider.scrollbar, NemoWindow MarlinPlacesSidebar .slider.scrollbar, MarlinViewWindow .sidebar .slider.scrollbar, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar, GeditFileBrowserWidget .slider.scrollbar { border-radius: 20px; border: 3px solid transparent; background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog .sidebar .slider.scrollbar:hover, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar:hover, NautilusWindow .sidebar .slider.scrollbar:hover, NautilusWindow MarlinPlacesSidebar .slider.scrollbar:hover, NemoWindow .sidebar .slider.scrollbar:hover, NemoWindow MarlinPlacesSidebar .slider.scrollbar:hover, MarlinViewWindow .sidebar .slider.scrollbar:hover, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar:hover, GeditFileBrowserWidget .slider.scrollbar:hover { background-color: #f6f7f9; } GtkFileChooserDialog .sidebar .slider.scrollbar:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar:prelight:active, NautilusWindow .sidebar .slider.scrollbar:prelight:active, NautilusWindow MarlinPlacesSidebar .slider.scrollbar:prelight:active, NemoWindow .sidebar .slider.scrollbar:prelight:active, NemoWindow MarlinPlacesSidebar .slider.scrollbar:prelight:active, MarlinViewWindow .sidebar .slider.scrollbar:prelight:active, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar:prelight:active, GeditFileBrowserWidget .slider.scrollbar:prelight:active { background-color: #5294e2; } GtkFileChooserDialog .sidebar .slider.fine-tune.scrollbar, GtkFileChooserDialog MarlinPlacesSidebar .slider.fine-tune.scrollbar, NautilusWindow .sidebar .slider.fine-tune.scrollbar, NautilusWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar, NemoWindow .sidebar .slider.fine-tune.scrollbar, NemoWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar, MarlinViewWindow .sidebar .slider.fine-tune.scrollbar, MarlinViewWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar, GeditFileBrowserWidget .slider.fine-tune.scrollbar { border-width: 4px; } GtkFileChooserDialog .sidebar .slider.fine-tune.scrollbar:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, NautilusWindow .sidebar .slider.fine-tune.scrollbar:prelight:active, NautilusWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, NemoWindow .sidebar .slider.fine-tune.scrollbar:prelight:active, NemoWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, MarlinViewWindow .sidebar .slider.fine-tune.scrollbar:prelight:active, MarlinViewWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, GeditFileBrowserWidget .slider.fine-tune.scrollbar:prelight:active { background-color: #5294e2; } GtkFileChooserDialog .sidebar .slider.scrollbar:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar:insensitive, NautilusWindow .sidebar .slider.scrollbar:insensitive, NautilusWindow MarlinPlacesSidebar .slider.scrollbar:insensitive, NemoWindow .sidebar .slider.scrollbar:insensitive, NemoWindow MarlinPlacesSidebar .slider.scrollbar:insensitive, MarlinViewWindow .sidebar .slider.scrollbar:insensitive, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar:insensitive, GeditFileBrowserWidget .slider.scrollbar:insensitive { background-color: transparent; } /* GTK NAMED COLORS */ @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; @define-color theme_base_color #ffffff; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #5c616c; @define-color text_color #5c616c; @define-color bg_color #F5F6F7; @define-color base_color #ffffff; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #fbfbfc; @define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; @define-color borders #dcdfe3; @define-color unfocused_borders #dcdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #2679db; @define-color wm_title alpha(#cfdae7, 0.8); @define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343f; @define-color wm_bg_unfocused #323843; @define-color wm_highlight #363b48; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #cc575d; @define-color wm_button_close_hover_bg #d7787d; @define-color wm_button_close_active_bg #be3841; @define-color wm_icon_close_bg #2f343f; @define-color wm_button_hover_bg #454C5C; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #262932; @define-color wm_icon_bg #90939B; @define-color wm_icon_unfocused_bg #666A74; @define-color wm_icon_hover_bg #C4C7CC; @define-color wm_icon_active_bg #ffffff; @define-color content_view_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.14/gtk-solid.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkPaned-handle-size: 1; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #2679db; -GtkWidget-visited-link-color: #1e61b0; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(92, 97, 108, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } .background { color: #5c616c; background-color: #F5F6F7; } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #F5F6F7; color: #5c616c; } .gtkstyle-fallback:prelight { background-color: white; color: #5c616c; } .gtkstyle-fallback:active { background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view { color: #5c616c; background-color: #ffffff; } .view.dim-label, GtkLabel.view.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator, .header-bar .view.subtitle { color: rgba(92, 97, 108, 0.55); } .view.dim-label:selected, GtkLabel.view.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, GtkLabel.view.separator:selected:focus, .header-bar .view.subtitle:selected:focus { color: rgba(255, 255, 255, 0.65); text-shadow: none; } .rubberband { border: 1px solid #5294e2; background-color: rgba(82, 148, 226, 0.2); } GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #5c616c; } GtkLabel:insensitive { color: rgba(92, 97, 108, 0.55); } .dim-label, GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator, .header-bar .subtitle { opacity: 0.55; } GtkAssistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #dcdfe3; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294e2; color: #ffffff; } GtkTextView { background-color: #fafbfb; } GtkFlowBox .grid-child { padding: 3px; border-radius: 3px; } GtkFlowBox .grid-child:selected { outline-offset: -2px; } .popover.osd, .osd { color: #BAC3CF; border: none; background-color: #353945; background-clip: padding-box; outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } .entry { border: 1px solid; padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); border: none; border-radius: 0; } .entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294e2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #5294e2; color: #ffffff; } .entry.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .linked > .entry:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked > .entry:first-child:dir(rtl) { border-right-style: none; } .linked > .entry:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } .linked > .entry:last-child:dir(rtl) { border-left-style: solid; } .entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } .entry.warning:selected, .entry.warning:selected:focus { background-color: white; color: #F27835; } .entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } .entry.error:selected, .entry.error:selected:focus { background-color: white; color: #FC4138; } .entry.image { color: #7d8189; } .linked.vertical > .entry { border-bottom-color: #f4f5f6; box-shadow: none; } .linked.vertical > .entry:focus { border-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:insensitive { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:first-child { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:first-child:focus { border-bottom-color: #5294e2; box-shadow: none; } .linked.vertical > .entry:first-child:insensitive { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:last-child { border-bottom-color: rgba(0, 0, 0, 0.14); } .linked.vertical > .entry:last-child:focus { border-bottom-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:last-child:insensitive { border-bottom-color: rgba(0, 0, 0, 0.14); } .osd .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } .osd .entry.image, .osd .entry.image:hover { color: inherit; } .osd .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294e2); } .osd .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } GtkSearchEntry.entry { border-radius: 20px; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 5px 8px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .button.flat { border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(251, 251, 252, 0); border-color: rgba(207, 214, 230, 0); transition: none; } .button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } .button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; transition-duration: 50ms; } .button:active { color: #5c616c; } .button:active:hover, .button:checked { color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; } .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); background-color: #353945; border-color: #23262e; } .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294e2; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .button.osd:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); border-radius: 0; border-left-style: none; border-right-style: none; } .osd .button:dir(rtl) { border-radius: 0; border-right-style: none; border-left-style: none; } .osd .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:dir(rtl) { border-left-style: solid; } .osd .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child { box-shadow: none; } .osd .button:active, .osd .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child { box-shadow: none; } .osd .button.flat:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); background-image: none; } .osd .button.flat:active, .osd .button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .button.suggested-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.suggested-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.suggested-action:insensitive > GtkLabel { color: inherit; } .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .button.destructive-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.destructive-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { padding: 7px; } .header-bar .button.image-button, .header-bar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .header-bar .titlebar.selection-mode .button.titlebutton, .titlebar.selection-mode .header-bar .button.titlebutton { padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { padding: 5px 8px; } .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar GtkToolButton > .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .inline-toolbar GtkToolButton > .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } .inline-toolbar GtkToolButton > .button.flat:active, .osd .button:active, .inline-toolbar .button:active, .linked > .button:active, GtkComboBox.combobox-entry .entry:active, GtkComboBox.combobox-entry .button:active, .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, .linked > GtkComboBox > .button:active:dir(ltr), .inline-toolbar GtkToolButton > .button.flat:checked, .osd .button:checked, .inline-toolbar .button:checked, .linked > .button:checked, GtkComboBox.combobox-entry .entry:checked, GtkComboBox.combobox-entry .button:checked, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked, .linked > GtkComboBox > .button:checked:dir(ltr) { box-shadow: none; } .inline-toolbar.toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), .linked > .button:dir(rtl):hover, .linked > .button:dir(rtl):active, .linked > .button:dir(rtl):checked, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } .osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, .primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } .osd .button:first-child:active, .inline-toolbar .button:first-child:active, .linked > .button:first-child:active, .inline-toolbar GtkToolButton:first-child > .button.flat:active, GtkComboBox.combobox-entry .entry:first-child:active, GtkComboBox.combobox-entry .button:first-child:active, .linked > GtkComboBox:first-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, .osd .button:first-child:checked, .inline-toolbar .button:first-child:checked, .linked > .button:first-child:checked, .inline-toolbar GtkToolButton:first-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:first-child:checked, GtkComboBox.combobox-entry .button:first-child:checked, .linked > GtkComboBox:first-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } .osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, .primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } .osd .button:last-child:active, .inline-toolbar .button:last-child:active, .linked > .button:last-child:active, .inline-toolbar GtkToolButton:last-child > .button.flat:active, GtkComboBox.combobox-entry .entry:last-child:active, GtkComboBox.combobox-entry .button:last-child:active, .linked > GtkComboBox:last-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, .osd .button:last-child:checked, .inline-toolbar .button:last-child:checked, .linked > .button:last-child:checked, .inline-toolbar GtkToolButton:last-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:last-child:checked, GtkComboBox.combobox-entry .button:last-child:checked, .linked > GtkComboBox:last-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } .osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, .primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } .osd .button:only-child:active, .inline-toolbar .button:only-child:active, .linked > .button:only-child:active, .inline-toolbar GtkToolButton:only-child > .button.flat:active, GtkComboBox.combobox-entry .entry:only-child:active, GtkComboBox.combobox-entry .button:only-child:active, .linked > GtkComboBox:only-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, .osd .button:only-child:checked, .inline-toolbar .button:only-child:checked, .linked > .button:only-child:checked, .inline-toolbar GtkToolButton:only-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:only-child:checked, GtkComboBox.combobox-entry .button:only-child:checked, .linked > GtkComboBox:only-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 -1px rgba(207, 214, 230, 0.4), inset 0 1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:active, .linked.vertical > .button:active, .linked.vertical > GtkComboBoxText > .button:active, .linked.vertical > GtkComboBox > .button:active, .linked.vertical > .entry:checked, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button:checked, .linked.vertical > GtkComboBox > .button:checked { box-shadow: none; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:first-child:active, .linked.vertical > .button:first-child:active, .linked.vertical > GtkComboBoxText:first-child > .button:active, .linked.vertical > GtkComboBox:first-child > .button:active, .linked.vertical > .entry:first-child:checked, .linked.vertical > .button:first-child:checked, .linked.vertical > GtkComboBoxText:first-child > .button:checked, .linked.vertical > GtkComboBox:first-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:last-child:active, .linked.vertical > .button:last-child:active, .linked.vertical > GtkComboBoxText:last-child > .button:active, .linked.vertical > GtkComboBox:last-child > .button:active, .linked.vertical > .entry:last-child:checked, .linked.vertical > .button:last-child:checked, .linked.vertical > GtkComboBoxText:last-child > .button:checked, .linked.vertical > GtkComboBox:last-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } .linked.vertical > .entry:only-child:active, .linked.vertical > .button:only-child:active, .linked.vertical > GtkComboBoxText:only-child > .button:active, .linked.vertical > GtkComboBox:only-child > .button:active, .linked.vertical > .entry:only-child:checked, .linked.vertical > .button:only-child:checked, .linked.vertical > GtkComboBoxText:only-child > .button:checked, .linked.vertical > GtkComboBox:only-child > .button:checked { box-shadow: none; } .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .notebook tab .button, .list-row.button, .app-notification .button.flat, .app-notification.frame .button.flat, .app-notification .button.flat:insensitive, .app-notification.frame .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } /* menu buttons */ .menuitem.button.flat { transition: none; outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { background-color: #edeff0; } .menuitem.button.flat:checked { color: #5c616c; } *:link, .button:link, .button:visited { color: #2679db; } *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited:link, *:selected .button:visited { color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #dceaf9; } *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #dceaf9; } .spinbutton { border-radius: 3px; } .spinbutton .button { background-image: none; border: 1px solid rgba(220, 223, 227, 0.6); border-style: none none none solid; color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } .spinbutton .button:insensitive { color: rgba(92, 97, 108, 0.55); } .spinbutton .button:active { background-color: #5294e2; color: #ffffff; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #5294e2; border-radius: 0; box-shadow: none; } GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .button { padding-top: 3px; padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: 1px 0 #5294e2; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-left-style: none; } GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: -1px 0 #5294e2; } GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 #cfd6e6; } GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.55); } GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 #cfd6e6; } GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.55); } .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.9); } .primary-toolbar { color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #e7e8eb, #d4d5db) 1 0 1 0; } .inline-toolbar { background-color: #edeef0; border-style: solid; border-color: #dcdfe3; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; border-color: #dcdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { background-color: #edeef0; } .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: #d4d5db; color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; } .csd .header-bar { background-color: #e7e8eb; border-color: #d4d5db; } .header-bar:backdrop { color: rgba(82, 93, 118, 0.5); } .header-bar .title { padding-left: 12px; padding-right: 12px; } .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294e2; border-color: #4189df; box-shadow: none; } .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { background-color: #5294e2; color: rgba(255, 255, 255, 0.6); } .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #e7e8eb; border-color: #d4d5db; } .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: #e7e8eb; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized .csd .header-bar.default-decoration, .maximized .header-bar.default-decoration:backdrop, .maximized .csd .header-bar.default-decoration:backdrop { background-color: #e7e8eb; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 4px 4px 0 0; color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; box-shadow: inset 0 1px #eff0f2; } .csd .titlebar { background-color: #e7e8eb; } .titlebar:backdrop { color: rgba(82, 93, 118, 0.5); background-color: #eff0f2; } .csd .titlebar:backdrop { background-color: #eff0f2; } .maximized .titlebar { background-color: #e7e8eb; } .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #eff0f2; } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } .primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); background-clip: border-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar .entry.warning, .header-bar .entry.warning { color: white; border-color: #F27835; background-image: linear-gradient(to bottom, #eea57e); } .primary-toolbar .entry.warning:focus, .header-bar .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); } .primary-toolbar .entry.warning:selected, .header-bar .entry.warning:selected, .primary-toolbar .entry.warning:selected:focus, .header-bar .entry.warning:selected:focus { background-color: white; color: #F27835; } .primary-toolbar .entry.error, .header-bar .entry.error { color: white; border-color: #FC4138; background-image: linear-gradient(to bottom, #f48480); } .primary-toolbar .entry.error:focus, .header-bar .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); } .primary-toolbar .entry.error:selected, .header-bar .entry.error:selected, .primary-toolbar .entry.error:selected:focus, .header-bar .entry.error:selected:focus { background-color: white; color: #FC4138; } .primary-toolbar .button, .header-bar .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); outline-offset: -3px; background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; background-clip: border-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { background-color: rgba(255, 255, 255, 0.9); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .primary-toolbar .linked.stack-switcher > .button:insensitive, .header-bar .linked.stack-switcher > .button:insensitive, .primary-toolbar .linked.path-bar > .button:insensitive, .header-bar .linked.path-bar > .button:insensitive { color: rgba(82, 93, 118, 0.4); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked { box-shadow: none; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive, .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .header-bar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .button.suggested-action:insensitive > GtkLabel, .header-bar .button.suggested-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive, .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .header-bar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .button.destructive-action:insensitive > GtkLabel, .header-bar .button.destructive-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(82, 93, 118, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(82, 93, 118, 0.05); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(82, 93, 118, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(82, 93, 118, 0.2); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr), .header-bar GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(82, 93, 118, 0); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl), .header-bar GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(82, 93, 118, 0); } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(82, 93, 118, 0.15); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #fbfbfc); border-color: rgba(82, 93, 118, 0.3); } .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(82, 93, 118, 0.3); } .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #f5f5f7); border-color: rgba(82, 93, 118, 0.3); } .path-bar .button { padding: 5px 10px; } .path-bar .button:first-child { padding-left: 10px; } .path-bar .button:last-child { padding-right: 10px; } .path-bar .button:only-child { padding-left: 14px; padding-right: 14px; } .path-bar .button GtkLabel:last-child { padding-left: 4px; } .path-bar .button GtkLabel:first-child { padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 2px; padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-color: rgba(92, 97, 108, 0.2); } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { color: #ffffff; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); border-radius: 3px; border-width: 0; } column-header .button { color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294e2; box-shadow: none; transition: none; } column-header .button:active { color: #5c616c; transition: none; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; border-image: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294e2; box-shadow: inset 1px 1px 0 1px #5294e2, inset -1px 0 0 1px #5294e2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active, column-header .button:hover { background-color: #ffffff; } column-header .button:active:hover { color: #5c616c; } column-header .button:insensitive { border-color: #F5F6F7; background-image: none; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #e7e8eb; color: rgba(82, 93, 118, 0.8); } .menubar:backdrop { color: rgba(82, 93, 118, 0.5); } .menubar > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } .menubar > .menuitem:hover { background-color: #5294e2; color: #ffffff; } .menubar > .menuitem:insensitive { color: rgba(82, 93, 118, 0.2); border-color: transparent; } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #ffffff; border: 1px solid #dcdfe3; } .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } .menu .menuitem { padding: 5px; } .menu .menuitem:hover { color: #ffffff; background-color: #5294e2; } .menu .menuitem:insensitive { color: rgba(92, 97, 108, 0.55); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator { color: rgba(255, 255, 255, 0); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; } .menu.button.top { border-bottom: 1px solid #efeff0; } .menu.button.bottom { border-top: 1px solid #efeff0; } .menu.button:hover { background-color: #efeff0; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: alpha(currentColor,0.55); } .popover { margin: 10px; padding: 2px; border: 1px solid #cdd2d7; border-radius: 3px; background-clip: border-box; background-color: #ffffff; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .popover .separator, .popover GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .popover .view.separator { color: rgba(255, 255, 255, 0); } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .notebook { padding: 0; background-color: #ffffff; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { border: 1px solid #dcdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { border: 0px solid #dcdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px #dcdfe3; } .notebook.header.bottom { box-shadow: inset 0 1px #dcdfe3; } .notebook.header.right { box-shadow: inset 1px 0 #dcdfe3; } .notebook.header.left { box-shadow: inset -1px 0 #dcdfe3; } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; } .notebook tab.top, .notebook tab.bottom { padding: 4px 15px; } .notebook tab.left, .notebook tab.right { padding: 4px 15px; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; } .notebook tab.reorderable-page.top, .notebook tab.top { padding-top: 6px; border-radius: 3.5px 2px 0 0; border-width: 0; border-top-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; border-width: 0; border-bottom-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; border-width: 0; border-right-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; border-width: 0; border-left-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(92, 97, 108, 0.775); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #5c616c; } .notebook tab .button { padding: 0; color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { color: #5294e2; } .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { color: rgba(92, 97, 108, 0.55); } .notebook.arrow:hover { color: rgba(92, 97, 108, 0.775); } .notebook.arrow:active { color: #5c616c; } .notebook.arrow:insensitive { color: rgba(92, 97, 108, 0.25); } .scrollbar { background-clip: padding-box; background-image: none; border-style: solid; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkRange-slider-width: 13; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.trough { background-color: #fcfcfc; border-left: 1px solid #dcdfe3; } .scrollbar.trough.horizontal { border-left: none; border-top: 1px solid #dcdfe3; } .scrollbar.slider { border-radius: 21px 20px 20px 21px; border: 3px solid transparent; border-left-width: 4px; background-color: #b8babf; } .scrollbar.slider.horizontal { border-radius: 21px 21px 20px 20px; border-left-width: 3px; border-top-width: 4px; } .scrollbar.slider:hover { background-color: #cfd1d4; } .scrollbar.slider:prelight:active, .scrollbar.slider:active { background-color: #5294e2; } .scrollbar.slider.fine-tune { border-width: 4px; } .scrollbar.slider.fine-tune:prelight:active { background-color: #5294e2; } .scrollbar.slider:insensitive { background-color: transparent; } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; background-color: #fcfcfc; } GtkSwitch { font: 1; -GtkSwitch-slider-width: 41; outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; } GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { background-position: left center; } GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } .menu .menuitem:hover GtkSwitch.trough, .list-row:selected GtkSwitch.trough, GtkInfoBar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } .header-bar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); } GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active, .list-row:selected GtkSwitch.trough:active, GtkInfoBar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } .header-bar GtkSwitch.trough:active, .primary-toolbar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); } GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } .menu .menuitem:hover GtkSwitch.trough:insensitive, .list-row:selected GtkSwitch.trough:insensitive, GtkInfoBar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:insensitive, .primary-toolbar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); } GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active:insensitive, .list-row:selected GtkSwitch.trough:active:insensitive, GtkInfoBar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:active:insensitive, .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } GtkFileChooserDialog .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } GtkFileChooserDialog .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } GtkIconView.view.check, GtkFlowBox.view.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } GtkIconView.view.check:checked, GtkFlowBox.view.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; } .scale.trough { margin: 5px; } .scale.fine-tune.trough { border-radius: 5px; margin: 3px; } .scale.slider { background-clip: border-box; background-image: linear-gradient(to bottom, #fbfbfc); border: 1px solid rgba(123, 142, 186, 0.5); border-radius: 50%; box-shadow: none; } .scale.slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(123, 142, 186, 0.5); } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #fbfbfb); border-color: rgba(123, 142, 186, 0.3); } .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .osd .scale.slider { background-image: linear-gradient(to bottom, #353945); border-color: #5294e2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294e2); } .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } .menu .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .menu .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } .menu .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } .menu .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, #cfd6e6); } .scale.trough.highlight { background-image: linear-gradient(to bottom, #5294e2); } .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd .scale.trough { background-image: linear-gradient(to bottom, #454a59); outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294e2); } .menu .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .menu .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .menu .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } .menu .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } GtkProgressBar { padding: 0; font-size: smaller; color: rgba(92, 97, 108, 0.7); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } .progressbar { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } .progressbar.osd { background-color: #5294e2; } .list-row:selected .progressbar, GtkInfoBar .progressbar { background-color: #ffffff; } .osd .scale.progressbar { background-color: #5294e2; } GtkProgressBar.trough, .level-bar.trough { border: none; border-radius: 3px; background-color: #cfd6e6; } GtkProgressBar.trough.osd, .osd.level-bar.trough { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected GtkProgressBar.trough, .list-row:selected .level-bar.trough, GtkInfoBar GtkProgressBar.trough, GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } GtkLevelBar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; border-radius: 4px; } .level-bar.fill-block { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #73d216; background-color: #73d216; } .level-bar.fill-block.level-low { border-color: #F27835; background-color: #F27835; } .level-bar.fill-block.empty-fill-block { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } .frame { border: 1px solid #dcdfe3; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } .list, .list-row { background-color: #ffffff; border-color: #dcdfe3; } .list-row, .grid-child { padding: 2px; } .list-row.button { background-color: transparent; border-style: none; border-radius: 0; box-shadow: none; } .list-row.button:hover { background-color: rgba(0, 0, 0, 0.05); } .list-row.button:active { color: #5c616c; } .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } .list-row.button:selected:insensitive GtkLabel { color: inherit; } .list-row, list-row.button { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.button:hover { transition: none; } .app-notification, .app-notification.frame { padding: 10px; color: #BAC3CF; background-color: #353945; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #1f2128; } .app-notification .button, .app-notification.frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .app-notification .button.flat, .app-notification.frame .button.flat { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: #aaaeb7; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkCalendar { color: #5c616c; border: 1px solid #dcdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { background-color: #5294e2; color: #ffffff; border-radius: 1.5px; } GtkCalendar.header { color: #5c616c; border: none; border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(92, 97, 108, 0.45); border-color: transparent; background-color: transparent; background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #5c616c; } GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { color: rgba(92, 97, 108, 0.55); background-color: transparent; background-image: none; } GtkCalendar.highlight { color: alpha(currentColor,0.55); } .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { background-color: #e7e8eb; border-bottom: 1px solid #d4d5db; } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .message-dialog.csd .dialog-action-area .button { padding: 8px; border-radius: 0; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 3px; } .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 3px; } GtkFileChooserDialog .search-bar { background-color: #F5F6F7; border-color: #dcdfe3; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #dcdfe3; } .sidebar { border: none; background-color: #fbfbfc; } .sidebar .scrollbar.trough { background-color: transparent; border-width: 2px; border-color: transparent; } .sidebar:selected { background-color: #5294e2; } GtkPlacesSidebar.sidebar .view { color: #5c616c; background-color: transparent; } GtkPlacesSidebar.sidebar .view:selected { color: #ffffff; background-color: #5294e2; } .sidebar-item { padding: 10px 4px; } .sidebar-item > GtkLabel { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > GtkLabel { background-size: 6px 6px, 0 0; } GtkPaned { margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } .pane-separator { background-image: linear-gradient(to bottom, #dcdfe3); } GtkInfoBar { border-style: none; } .info, .question, .warning, .error, GtkInfoBar { background-color: #5294e2; color: #ffffff; } .list-row:selected .button, GtkInfoBar .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } .list-row:selected .flat.button, GtkInfoBar .flat.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .list-row:selected .button:hover, GtkInfoBar .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .tooltip { color: #BAC3CF; border-radius: 2px; } .tooltip.background { background-color: #4b5162; background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } GtkColorSwatch { border: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); } GtkColorSwatch.color-light:hover { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4)); } GtkColorSwatch.color-dark:hover { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } GtkColorSwatch:hover { border-color: rgba(0, 0, 0, 0.5); } GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch.left, GtkColorSwatch:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } GtkColorSwatch.right, GtkColorSwatch:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch:only-child { border-radius: 3px; } GtkColorSwatch.color-active-badge { border-width: 2px; } GtkColorSwatch.color-active-badge:hover { background-image: none; } GtkColorSwatch.color-active-badge.color-light, GtkColorSwatch.color-active-badge.color-light:hover { color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-active-badge.color-dark, GtkColorSwatch.color-active-badge.color-dark:hover { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); } GtkColorChooserWidget #add-color-button { border-color: #e8ebed; background-color: #e8ebed; color: #F5F6F7; box-shadow: none; } GtkColorChooserWidget #add-color-button:hover { border-color: #dcdfe3; background-color: #dcdfe3; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } .scale-popup .button { padding: 6px; } .scale-popup .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkVolumeButton.button { padding: 8px; } .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .window-frame { border-radius: 4px 4px 0 0; border-width: 0px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.2); margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 5px 5px 0 rgba(0, 0, 0, 0.2); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; border-radius: 0; } .window-frame.csd.popup, .window-frame.csd.menu { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.message-dialog { border-radius: 3px; } .header-bar.default-decoration .button.titlebutton, .titlebar.default-decoration .button.titlebutton, .header-bar.selection-mode.default-decoration .button.titlebutton, .titlebar.selection-mode.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { padding: 8px 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); color: transparent; background-position: center; background-repeat: no-repeat; } .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3), .titlebar .right .button.titlebutton:nth-last-child(3), .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3), .titlebar .left .button.titlebutton:nth-child(3), .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3), .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3), .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar.selection-mode .left .button.titlebutton:nth-child(3), .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3), .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, .titlebar .left .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .header-bar .left .button.titlebutton:nth-child(3):active:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .titlebar .right .button.titlebutton:nth-last-child(3):active:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .titlebar .left .button.titlebutton:nth-child(3):active:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .header-bar .left .button.titlebutton:nth-child(3):backdrop, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .titlebar .left .button.titlebutton:nth-child(3):backdrop, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2), .titlebar .right .button.titlebutton:nth-last-child(2), .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2), .titlebar .left .button.titlebutton:nth-child(2), .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2), .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2), .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar.selection-mode .left .button.titlebutton:nth-child(2), .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2), .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, .titlebar .left .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .header-bar .left .button.titlebutton:nth-child(2):active:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .titlebar .right .button.titlebutton:nth-last-child(2):active:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .titlebar .left .button.titlebutton:nth-child(2):active:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .header-bar .left .button.titlebutton:nth-child(2):backdrop, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .titlebar .left .button.titlebutton:nth-child(2):backdrop, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); } .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, .header-bar .left:dir(rtl) .button.titlebutton:last-child, .titlebar .right .button.titlebutton:last-child, .titlebar .right:dir(rtl) .button.titlebutton:first-child, .titlebar .left .button.titlebutton:first-child, .titlebar .left:dir(rtl) .button.titlebutton:last-child, .header-bar.selection-mode .right .button.titlebutton:last-child, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child, .header-bar.selection-mode .left .button.titlebutton:first-child, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child, .titlebar.selection-mode .right .button.titlebutton:last-child, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child, .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, .titlebar .left .button.titlebutton:first-child:backdrop:hover, .titlebar .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .right .button.titlebutton:last-child:hover, .header-bar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, .header-bar .left .button.titlebutton:first-child:active:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:active:hover, .titlebar .right .button.titlebutton:last-child:active:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:active:hover, .titlebar .left .button.titlebutton:first-child:active:hover, .titlebar .left:dir(rtl) .button.titlebutton:last-child:active:hover, .header-bar.selection-mode .right .button.titlebutton:last-child:active:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:active:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:active:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } .header-bar .right .button.titlebutton:last-child:backdrop, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop, .header-bar .left .button.titlebutton:first-child:backdrop, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop, .titlebar .right .button.titlebutton:last-child:backdrop, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop, .titlebar .left .button.titlebutton:first-child:backdrop, .titlebar .left:dir(rtl) .button.titlebutton:last-child:backdrop, .header-bar.selection-mode .right .button.titlebutton:last-child:backdrop, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); } .header-bar .left GtkMenuButton.button.titlebutton:first-child, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar .left GtkMenuButton.button.titlebutton:first-child, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child { padding: 4px 6px 4px 6px; color: rgba(82, 93, 118, 0.8); } .header-bar .left GtkMenuButton.button.titlebutton:first-child, .header-bar .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:backdrop, .header-bar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child, .titlebar .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:backdrop, .titlebar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover { background-image: none; background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .header-bar .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .header-bar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:checked, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:checked, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked, .titlebar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:checked, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:checked, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:focus:selected { background-image: none; background-color: #5294e2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, ScratchMainWindow .notebook tab.top:active, ScratchMainWindow .notebook tab.top.active-page, ScratchMainWindow .notebook tab.top.active-page:hover, EphyNotebook.notebook tab.reorderable-page.top:active, EphyNotebook.notebook tab.reorderable-page.top.active-page, EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, EphyNotebook.notebook tab.top:active, EphyNotebook.notebook tab.top.active-page, EphyNotebook.notebook tab.top.active-page:hover, MidoriNotebook .notebook tab.reorderable-page.top:active, MidoriNotebook .notebook tab.reorderable-page.top.active-page, MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, MidoriNotebook .notebook tab.top:active, MidoriNotebook .notebook tab.top.active-page, MidoriNotebook .notebook tab.top.active-page:hover, TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top.active-page, TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } GtkHTML { background-color: #ffffff; color: #5c616c; } GtkHTML:active { color: #ffffff; background-color: #5294e2; } SushiFontWidget { padding: 6px 12px; } TerminalWindow .background { background-color: transparent; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { border-width: 0; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { color: #5c616c; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } NautilusNotebook.notebook { background-color: #ffffff; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { padding: 5px; box-shadow: none; background-color: #ffffff; } NemoWindow EelEditableLabel.entry { transition: none; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #dcdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { background-color: rgba(255, 255, 255, 0.9); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:insensitive { color: rgba(82, 93, 118, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .gedit-headerbar-paned { color: #d4d5db; } .open-document-selector-listbox-row { border-bottom: 1px solid #e7e9ec; padding: 6px 6px 6px 12px; } .open-document-selector-listbox-row .path-label { font-size: smaller; color: rgba(92, 97, 108, 0.7); } .open-document-selector-listbox-row:selected .path-label { color: rgba(255, 255, 255, 0.7); } .gedit-document-panel .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { color: #92959d; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; background-color: transparent; border: none; box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { border-top: 1px solid #dcdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton:checked.button.flat { border-bottom-style: none; border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { border-bottom: 1px solid #dcdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); margin: 2px; padding: 2px; } GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294e2; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { box-shadow: 1px 0 #5294e2; } GbEditorFrame .gb-search-slider { padding: 2px; } GdTaggedEntry { color: #5c616c; } .preferences.sidebar GtkViewport { border: none; } .preferences.sidebar GtkListBox { background-color: #F5F6F7; } .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } GtkBox.gb-command-bar-box { border: none; background-color: #353945; } GtkBox.gb-command-bar-box GtkLabel { color: #BAC3CF; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #BAC3CF; background-image: none; background-color: #353945; padding: 6px 6px 6px 6px; border: none; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #ffffff; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook GtkLabel.button.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } EphyWindow .floating-bar { color: #5c616c; } .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: #a9caf1; } .documents-entry-tag { background-color: #5294e2; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; background-color: #639fe5; } .documents-entry-tag:active { color: #ffffff; background-color: #4189df; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; border: none; box-shadow: none; icon-shadow: none; } .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } TotemGrilo.vertical GdMainView.frame { border-width: 0; } SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: #5294e2; } .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; } .gnome-panel-menu-bar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: #BAC3CF; background-image: linear-gradient(to bottom, #2b2e37); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: #BAC3CF; } PanelApplet .button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: rgba(0, 0, 0, 0.25); border-radius: 0; border-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: #5294e2; } WnckPager { color: #5d6268; } WnckPager:selected { color: #5294e2; } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: #BAC3CF; } .xfce4-panel.panel { background-color: #2b2e37; text-shadow: none; icon-shadow: none; } .xfce4-panel.panel .button.flat { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); border-radius: 0; border: none; } .xfce4-panel.panel .button.flat:hover { border: none; background-color: #414654; } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { color: #ffffff; border: none; background-color: #5294e2; } .floating-bar { background-color: #5294e2; color: #ffffff; } .floating-bar.top { border-radius: 0 0 2px 2px; } .floating-bar.right { border-radius: 2px 0 0 2px; } .floating-bar.bottom { border-radius: 2px 2px 0 0; } .floating-bar.left { border-radius: 0 2px 2px 0; } .floating-bar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { color: #ffffff; background-color: #5294e2; outline-color: transparent; } MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { background-color: transparent; } MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { outline-color: transparent; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); } .marlin-pathbar.pathbar:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } WingpanelWidgetsIndicatorPopover.popover { padding: 0; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; border: solid transparent; border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage { padding: 0 3px; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active { background-color: rgba(0, 0, 0, 0.04); border: solid rgba(0, 0, 0, 0.08); border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive { color: rgba(92, 97, 108, 0.55); } PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: #5c616c; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { border: 1px solid rgba(0, 0, 0, 0.1); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #e7e8eb); color: rgba(82, 93, 118, 0.8); box-shadow: inset 0 1px #eff0f2; } UnityDecoration.top:backdrop { border-bottom-width: 0; color: rgba(82, 93, 118, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: #fdfdfe; border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar GtkLabel { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #dcdfe3; border-right: 1px solid #dcdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #dcdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } .bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #dcdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: white; } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: #F5F6F7; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #5c616c; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { color: #a9acb2; font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(92, 97, 108, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry.entry { padding: 4px; } .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: #8a8e96; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: #2b2e37; color: #BAC3CF; font: bold; box-shadow: inset 0 -1px #1b1d23; } #panel_window .menubar { padding-left: 5px; } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { font: normal; } #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: #5c616c; } #content_frame { padding-bottom: 14px; background-color: #F5F6F7; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } #content_frame .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } #content_frame .button:active, #content_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } #content_frame .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } #content_frame .button:insensitive > GtkLabel { color: inherit; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: #353945; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px #353945; } #buttonbox_frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } #buttonbox_frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } #buttonbox_frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } #login_window #user_combobox { color: #5c616c; font: 13px; } #login_window #user_combobox .menu { font: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font: bold; } .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: #d4d5db; } NemoWindow GtkEventBox { background-color: #F5F6F7; } GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } NautilusWindow GtkBox.sidebar { background-color: transparent; } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, NautilusWindow .source-list.view:prelight, NemoWindow.csd.background, NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar { background-color: #353945; } GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, NautilusWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow .sidebar .view, NemoWindow .sidebar .source-list.sidebar row, NemoWindow MarlinPlacesSidebar .view, NemoWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #BAC3CF; } GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, NautilusWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow .sidebar .view.image, NemoWindow .sidebar .source-list.sidebar row.image, NemoWindow MarlinPlacesSidebar .view.image, NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image { color: rgba(186, 195, 207, 0.7); } GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, NautilusWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar .source-list.sidebar row.cell:selected, NemoWindow MarlinPlacesSidebar .view.cell:selected, NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294e2; color: #ffffff; } GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame { color: #BAC3CF; } GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator { color: transparent; } GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #353945; } GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: #353945; } NautilusWindow NautilusWindowSlot { background-color: #ffffff; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { background-color: #353945; } GtkFileChooserDialog .sidebar { background-color: transparent; } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-vbox > .frame { color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: #2a2d37; } GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #BAC3CF; } FeedReaderreaderUI.background.csd > .titlebar .pane-separator, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, GeditWindow.background.csd > .titlebar .pane-separator, GeditWindow.background.csd.maximized > .titlebar .pane-separator, GeditWindow.background.csd > .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { background-color: #d4d5db; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #e7e8eb; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #eff0f2; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #e7e8eb; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #eff0f2; } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background .gedit-side-panel-paned .pane-separator { background-color: #353945; } GeditWindow.background .gedit-bottom-panel-paned .pane-separator { background-color: #dcdfe3; } GeditWindow.background > .titlebar.default-decoration, GeditWindow.background > .titlebar.default-decoration:backdrop { background-color: #e7e8eb; } .gedit-bottom-panel-paned { background-color: #ffffff; } .gedit-document-panel { background-color: #353945; } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel .list-row { color: #BAC3CF; } .gedit-document-panel .list-row { background-color: rgba(186, 195, 207, 0); border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:active .button { color: #ffffff; } .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { color: #BAC3CF; } GeditFileBrowserWidget { background-color: #353945; } .maximized GeditFileBrowserWidget { background-color: #353945; } GeditFileBrowserWidget .scrollbars-junction, GeditFileBrowserWidget .scrollbars-junction.frame { border-color: transparent; background-color: transparent; } GeditFileBrowserWidget .horizontal { background-color: transparent; border-color: #252831; } GeditFileBrowserWidget .horizontal GtkComboBox { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditFileBrowserWidget .horizontal .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } GtkFileChooserDialog .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditFileBrowserWidget .horizontal .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditFileBrowserWidget .horizontal .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } GtkFileChooserDialog .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } GtkFileChooserDialog .action-bar.frame .image.entry, GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog .action-bar.frame .image.entry:hover, GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { color: inherit; } GtkFileChooserDialog .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294e2); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } GtkFileChooserDialog .sidebar .trough.scrollbar, GtkFileChooserDialog MarlinPlacesSidebar .trough.scrollbar, NautilusWindow .sidebar .trough.scrollbar, NautilusWindow MarlinPlacesSidebar .trough.scrollbar, NemoWindow .sidebar .trough.scrollbar, NemoWindow MarlinPlacesSidebar .trough.scrollbar, MarlinViewWindow .sidebar .trough.scrollbar, MarlinViewWindow MarlinPlacesSidebar .trough.scrollbar, GeditFileBrowserWidget .trough.scrollbar { background-color: transparent; border-color: transparent; } GtkFileChooserDialog .sidebar .slider.scrollbar, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar, NautilusWindow .sidebar .slider.scrollbar, NautilusWindow MarlinPlacesSidebar .slider.scrollbar, NemoWindow .sidebar .slider.scrollbar, NemoWindow MarlinPlacesSidebar .slider.scrollbar, MarlinViewWindow .sidebar .slider.scrollbar, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar, GeditFileBrowserWidget .slider.scrollbar { border-radius: 20px; border: 3px solid transparent; background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog .sidebar .slider.scrollbar:hover, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar:hover, NautilusWindow .sidebar .slider.scrollbar:hover, NautilusWindow MarlinPlacesSidebar .slider.scrollbar:hover, NemoWindow .sidebar .slider.scrollbar:hover, NemoWindow MarlinPlacesSidebar .slider.scrollbar:hover, MarlinViewWindow .sidebar .slider.scrollbar:hover, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar:hover, GeditFileBrowserWidget .slider.scrollbar:hover { background-color: #f6f7f9; } GtkFileChooserDialog .sidebar .slider.scrollbar:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar:prelight:active, NautilusWindow .sidebar .slider.scrollbar:prelight:active, NautilusWindow MarlinPlacesSidebar .slider.scrollbar:prelight:active, NemoWindow .sidebar .slider.scrollbar:prelight:active, NemoWindow MarlinPlacesSidebar .slider.scrollbar:prelight:active, MarlinViewWindow .sidebar .slider.scrollbar:prelight:active, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar:prelight:active, GeditFileBrowserWidget .slider.scrollbar:prelight:active { background-color: #5294e2; } GtkFileChooserDialog .sidebar .slider.fine-tune.scrollbar, GtkFileChooserDialog MarlinPlacesSidebar .slider.fine-tune.scrollbar, NautilusWindow .sidebar .slider.fine-tune.scrollbar, NautilusWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar, NemoWindow .sidebar .slider.fine-tune.scrollbar, NemoWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar, MarlinViewWindow .sidebar .slider.fine-tune.scrollbar, MarlinViewWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar, GeditFileBrowserWidget .slider.fine-tune.scrollbar { border-width: 4px; } GtkFileChooserDialog .sidebar .slider.fine-tune.scrollbar:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, NautilusWindow .sidebar .slider.fine-tune.scrollbar:prelight:active, NautilusWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, NemoWindow .sidebar .slider.fine-tune.scrollbar:prelight:active, NemoWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, MarlinViewWindow .sidebar .slider.fine-tune.scrollbar:prelight:active, MarlinViewWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, GeditFileBrowserWidget .slider.fine-tune.scrollbar:prelight:active { background-color: #5294e2; } GtkFileChooserDialog .sidebar .slider.scrollbar:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar:insensitive, NautilusWindow .sidebar .slider.scrollbar:insensitive, NautilusWindow MarlinPlacesSidebar .slider.scrollbar:insensitive, NemoWindow .sidebar .slider.scrollbar:insensitive, NemoWindow MarlinPlacesSidebar .slider.scrollbar:insensitive, MarlinViewWindow .sidebar .slider.scrollbar:insensitive, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar:insensitive, GeditFileBrowserWidget .slider.scrollbar:insensitive { background-color: transparent; } /* GTK NAMED COLORS */ @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; @define-color theme_base_color #ffffff; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #5c616c; @define-color text_color #5c616c; @define-color bg_color #F5F6F7; @define-color base_color #ffffff; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #fbfbfc; @define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; @define-color borders #dcdfe3; @define-color unfocused_borders #dcdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #2679db; @define-color wm_title alpha(#525d76, 0.8); @define-color wm_unfocused_title alpha(#525d76, 0.5); @define-color wm_bg #e7e8eb; @define-color wm_bg_unfocused #eff0f2; @define-color wm_highlight #eff0f2; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #f46067; @define-color wm_button_close_hover_bg #f68086; @define-color wm_button_close_active_bg #f13039; @define-color wm_icon_close_bg #F8F8F9; @define-color wm_button_hover_bg #fdfdfd; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #D1D3DA; @define-color wm_icon_bg #90949E; @define-color wm_icon_unfocused_bg #B6B8C0; @define-color wm_icon_hover_bg #7A7F8B; @define-color wm_icon_active_bg #ffffff; @define-color content_view_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.14/gtk.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkPaned-handle-size: 1; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #2679db; -GtkWidget-visited-link-color: #1e61b0; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(92, 97, 108, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } .background { color: #5c616c; background-color: rgba(245, 246, 247, 0.999); } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #F5F6F7; color: #5c616c; } .gtkstyle-fallback:prelight { background-color: white; color: #5c616c; } .gtkstyle-fallback:active { background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view { color: #5c616c; background-color: #ffffff; } .view.dim-label, GtkLabel.view.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator, .header-bar .view.subtitle { color: rgba(92, 97, 108, 0.55); } .view.dim-label:selected, GtkLabel.view.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, GtkLabel.view.separator:selected:focus, .header-bar .view.subtitle:selected:focus { color: rgba(255, 255, 255, 0.65); text-shadow: none; } .rubberband { border: 1px solid #5294e2; background-color: rgba(82, 148, 226, 0.2); } GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #5c616c; } GtkLabel:insensitive { color: rgba(92, 97, 108, 0.55); } .dim-label, GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator, .header-bar .subtitle { opacity: 0.55; } GtkAssistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #dcdfe3; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294e2; color: #ffffff; } GtkTextView { background-color: #fafbfb; } GtkFlowBox .grid-child { padding: 3px; border-radius: 3px; } GtkFlowBox .grid-child:selected { outline-offset: -2px; } .popover.osd, .osd { color: #BAC3CF; border: none; background-color: rgba(53, 57, 69, 0.95); background-clip: padding-box; outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } .entry { border: 1px solid; padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); border: none; border-radius: 0; } .entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294e2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #5294e2; color: #ffffff; } .entry.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .linked > .entry:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked > .entry:first-child:dir(rtl) { border-right-style: none; } .linked > .entry:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } .linked > .entry:last-child:dir(rtl) { border-left-style: solid; } .entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } .entry.warning:selected, .entry.warning:selected:focus { background-color: white; color: #F27835; } .entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } .entry.error:selected, .entry.error:selected:focus { background-color: white; color: #FC4138; } .entry.image { color: #7d8189; } .linked.vertical > .entry { border-bottom-color: #f4f5f6; box-shadow: none; } .linked.vertical > .entry:focus { border-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:insensitive { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:first-child { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:first-child:focus { border-bottom-color: #5294e2; box-shadow: none; } .linked.vertical > .entry:first-child:insensitive { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:last-child { border-bottom-color: rgba(0, 0, 0, 0.14); } .linked.vertical > .entry:last-child:focus { border-bottom-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:last-child:insensitive { border-bottom-color: rgba(0, 0, 0, 0.14); } .osd .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } .osd .entry.image, .osd .entry.image:hover { color: inherit; } .osd .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294e2); } .osd .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } GtkSearchEntry.entry { border-radius: 20px; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 5px 8px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .button.flat { border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(251, 251, 252, 0); border-color: rgba(207, 214, 230, 0); transition: none; } .button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } .button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; transition-duration: 50ms; } .button:active { color: #5c616c; } .button:active:hover, .button:checked { color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; } .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294e2; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .button.osd:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); border-radius: 0; border-left-style: none; border-right-style: none; } .osd .button:dir(rtl) { border-radius: 0; border-right-style: none; border-left-style: none; } .osd .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:dir(rtl) { border-left-style: solid; } .osd .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child { box-shadow: none; } .osd .button:active, .osd .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child { box-shadow: none; } .osd .button.flat:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); background-image: none; } .osd .button.flat:active, .osd .button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .button.suggested-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.suggested-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.suggested-action:insensitive > GtkLabel { color: inherit; } .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .button.destructive-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.destructive-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { padding: 7px; } .header-bar .button.image-button, .header-bar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .header-bar .titlebar.selection-mode .button.titlebutton, .titlebar.selection-mode .header-bar .button.titlebutton { padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { padding: 5px 8px; } .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar GtkToolButton > .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .inline-toolbar GtkToolButton > .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } .inline-toolbar GtkToolButton > .button.flat:active, .osd .button:active, .inline-toolbar .button:active, .linked > .button:active, GtkComboBox.combobox-entry .entry:active, GtkComboBox.combobox-entry .button:active, .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, .linked > GtkComboBox > .button:active:dir(ltr), .inline-toolbar GtkToolButton > .button.flat:checked, .osd .button:checked, .inline-toolbar .button:checked, .linked > .button:checked, GtkComboBox.combobox-entry .entry:checked, GtkComboBox.combobox-entry .button:checked, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked, .linked > GtkComboBox > .button:checked:dir(ltr) { box-shadow: none; } .inline-toolbar.toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), .linked > .button:dir(rtl):hover, .linked > .button:dir(rtl):active, .linked > .button:dir(rtl):checked, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } .osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, .primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } .osd .button:first-child:active, .inline-toolbar .button:first-child:active, .linked > .button:first-child:active, .inline-toolbar GtkToolButton:first-child > .button.flat:active, GtkComboBox.combobox-entry .entry:first-child:active, GtkComboBox.combobox-entry .button:first-child:active, .linked > GtkComboBox:first-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, .osd .button:first-child:checked, .inline-toolbar .button:first-child:checked, .linked > .button:first-child:checked, .inline-toolbar GtkToolButton:first-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:first-child:checked, GtkComboBox.combobox-entry .button:first-child:checked, .linked > GtkComboBox:first-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } .osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, .primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } .osd .button:last-child:active, .inline-toolbar .button:last-child:active, .linked > .button:last-child:active, .inline-toolbar GtkToolButton:last-child > .button.flat:active, GtkComboBox.combobox-entry .entry:last-child:active, GtkComboBox.combobox-entry .button:last-child:active, .linked > GtkComboBox:last-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, .osd .button:last-child:checked, .inline-toolbar .button:last-child:checked, .linked > .button:last-child:checked, .inline-toolbar GtkToolButton:last-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:last-child:checked, GtkComboBox.combobox-entry .button:last-child:checked, .linked > GtkComboBox:last-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } .osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, .primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } .osd .button:only-child:active, .inline-toolbar .button:only-child:active, .linked > .button:only-child:active, .inline-toolbar GtkToolButton:only-child > .button.flat:active, GtkComboBox.combobox-entry .entry:only-child:active, GtkComboBox.combobox-entry .button:only-child:active, .linked > GtkComboBox:only-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, .osd .button:only-child:checked, .inline-toolbar .button:only-child:checked, .linked > .button:only-child:checked, .inline-toolbar GtkToolButton:only-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:only-child:checked, GtkComboBox.combobox-entry .button:only-child:checked, .linked > GtkComboBox:only-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 -1px rgba(207, 214, 230, 0.4), inset 0 1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:active, .linked.vertical > .button:active, .linked.vertical > GtkComboBoxText > .button:active, .linked.vertical > GtkComboBox > .button:active, .linked.vertical > .entry:checked, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button:checked, .linked.vertical > GtkComboBox > .button:checked { box-shadow: none; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:first-child:active, .linked.vertical > .button:first-child:active, .linked.vertical > GtkComboBoxText:first-child > .button:active, .linked.vertical > GtkComboBox:first-child > .button:active, .linked.vertical > .entry:first-child:checked, .linked.vertical > .button:first-child:checked, .linked.vertical > GtkComboBoxText:first-child > .button:checked, .linked.vertical > GtkComboBox:first-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:last-child:active, .linked.vertical > .button:last-child:active, .linked.vertical > GtkComboBoxText:last-child > .button:active, .linked.vertical > GtkComboBox:last-child > .button:active, .linked.vertical > .entry:last-child:checked, .linked.vertical > .button:last-child:checked, .linked.vertical > GtkComboBoxText:last-child > .button:checked, .linked.vertical > GtkComboBox:last-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } .linked.vertical > .entry:only-child:active, .linked.vertical > .button:only-child:active, .linked.vertical > GtkComboBoxText:only-child > .button:active, .linked.vertical > GtkComboBox:only-child > .button:active, .linked.vertical > .entry:only-child:checked, .linked.vertical > .button:only-child:checked, .linked.vertical > GtkComboBoxText:only-child > .button:checked, .linked.vertical > GtkComboBox:only-child > .button:checked { box-shadow: none; } .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .notebook tab .button, .list-row.button, .app-notification .button.flat, .app-notification.frame .button.flat, .app-notification .button.flat:insensitive, .app-notification.frame .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } /* menu buttons */ .menuitem.button.flat { transition: none; outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { background-color: #edeff0; } .menuitem.button.flat:checked { color: #5c616c; } *:link, .button:link, .button:visited { color: #2679db; } *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited:link, *:selected .button:visited { color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #dceaf9; } *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #dceaf9; } .spinbutton { border-radius: 3px; } .spinbutton .button { background-image: none; border: 1px solid rgba(220, 223, 227, 0.6); border-style: none none none solid; color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } .spinbutton .button:insensitive { color: rgba(92, 97, 108, 0.55); } .spinbutton .button:active { background-color: #5294e2; color: #ffffff; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #5294e2; border-radius: 0; box-shadow: none; } GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .button { padding-top: 3px; padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: 1px 0 #5294e2; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-left-style: none; } GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: -1px 0 #5294e2; } GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 #cfd6e6; } GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.55); } GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 #cfd6e6; } GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.55); } .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.85); } .primary-toolbar { color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #e7e8eb, rgba(212, 213, 219, 0.95)) 1 0 1 0; } .inline-toolbar { background-color: #edeef0; border-style: solid; border-color: #dcdfe3; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; border-color: #dcdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { background-color: #edeef0; } .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: #d4d5db; color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; } .csd .header-bar { background-color: rgba(231, 232, 235, 0.95); border-color: rgba(212, 213, 219, 0.95); } .header-bar:backdrop { color: rgba(82, 93, 118, 0.5); } .header-bar .title { padding-left: 12px; padding-right: 12px; } .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: rgba(82, 148, 226, 0.95); outline-color: rgba(82, 148, 226, 0.25); background-color: #ffffff; border-color: #ffffff; } .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #e7e8eb; border-color: #d4d5db; } .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: #e7e8eb; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized .csd .header-bar.default-decoration, .maximized .header-bar.default-decoration:backdrop, .maximized .csd .header-bar.default-decoration:backdrop { background-color: #e7e8eb; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 4px 4px 0 0; color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } .csd .titlebar { background-color: rgba(231, 232, 235, 0.95); } .titlebar:backdrop { color: rgba(82, 93, 118, 0.5); background-color: #eff0f2; } .csd .titlebar:backdrop { background-color: rgba(239, 240, 242, 0.95); } .maximized .titlebar { background-color: #e7e8eb; } .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #eff0f2; } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } .primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); background-clip: border-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar .entry.warning, .header-bar .entry.warning { color: white; border-color: #F27835; background-image: linear-gradient(to bottom, rgba(238, 162, 121, 0.98)); } .primary-toolbar .entry.warning:focus, .header-bar .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); } .primary-toolbar .entry.warning:selected, .header-bar .entry.warning:selected, .primary-toolbar .entry.warning:selected:focus, .header-bar .entry.warning:selected:focus { background-color: white; color: #F27835; } .primary-toolbar .entry.error, .header-bar .entry.error { color: white; border-color: #FC4138; background-image: linear-gradient(to bottom, rgba(244, 128, 123, 0.98)); } .primary-toolbar .entry.error:focus, .header-bar .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); } .primary-toolbar .entry.error:selected, .header-bar .entry.error:selected, .primary-toolbar .entry.error:selected:focus, .header-bar .entry.error:selected:focus { background-color: white; color: #FC4138; } .primary-toolbar .button, .header-bar .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); outline-offset: -3px; background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; background-clip: border-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { background-color: rgba(255, 255, 255, 0.9); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .primary-toolbar .linked.stack-switcher > .button:insensitive, .header-bar .linked.stack-switcher > .button:insensitive, .primary-toolbar .linked.path-bar > .button:insensitive, .header-bar .linked.path-bar > .button:insensitive { color: rgba(82, 93, 118, 0.4); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked { box-shadow: none; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive, .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .header-bar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .button.suggested-action:insensitive > GtkLabel, .header-bar .button.suggested-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive, .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .header-bar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .button.destructive-action:insensitive > GtkLabel, .header-bar .button.destructive-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(82, 93, 118, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(82, 93, 118, 0.05); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(82, 93, 118, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(82, 93, 118, 0.2); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr), .header-bar GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(82, 93, 118, 0); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl), .header-bar GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(82, 93, 118, 0); } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(82, 93, 118, 0.15); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #fbfbfc); border-color: rgba(82, 93, 118, 0.3); } .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(82, 93, 118, 0.3); } .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, rgba(245, 246, 247, 0.985)); border-color: rgba(82, 93, 118, 0.3); } .path-bar .button { padding: 5px 10px; } .path-bar .button:first-child { padding-left: 10px; } .path-bar .button:last-child { padding-right: 10px; } .path-bar .button:only-child { padding-left: 14px; padding-right: 14px; } .path-bar .button GtkLabel:last-child { padding-left: 4px; } .path-bar .button GtkLabel:first-child { padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 2px; padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-color: rgba(92, 97, 108, 0.2); } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { color: #ffffff; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); border-radius: 3px; border-width: 0; } column-header .button { color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294e2; box-shadow: none; transition: none; } column-header .button:active { color: #5c616c; transition: none; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; border-image: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294e2; box-shadow: inset 1px 1px 0 1px #5294e2, inset -1px 0 0 1px #5294e2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active, column-header .button:hover { background-color: #ffffff; } column-header .button:active:hover { color: #5c616c; } column-header .button:insensitive { border-color: #F5F6F7; background-image: none; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #e7e8eb; color: rgba(82, 93, 118, 0.8); } .menubar:backdrop { color: rgba(82, 93, 118, 0.5); } .menubar > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } .menubar > .menuitem:hover { background-color: #5294e2; color: #ffffff; } .menubar > .menuitem:insensitive { color: rgba(82, 93, 118, 0.2); border-color: transparent; } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #ffffff; border: 1px solid #dcdfe3; } .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } .menu .menuitem { padding: 5px; } .menu .menuitem:hover { color: #ffffff; background-color: #5294e2; } .menu .menuitem:insensitive { color: rgba(92, 97, 108, 0.55); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator { color: rgba(255, 255, 255, 0); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; } .menu.button.top { border-bottom: 1px solid #efeff0; } .menu.button.bottom { border-top: 1px solid #efeff0; } .menu.button:hover { background-color: #efeff0; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: alpha(currentColor,0.55); } .popover { margin: 10px; padding: 2px; border: 1px solid #cdd2d7; border-radius: 3px; background-clip: border-box; background-color: #ffffff; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .popover .separator, .popover GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .popover .view.separator { color: rgba(255, 255, 255, 0); } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .notebook { padding: 0; background-color: #ffffff; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { border: 1px solid #dcdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { border: 0px solid #dcdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px #dcdfe3; } .notebook.header.bottom { box-shadow: inset 0 1px #dcdfe3; } .notebook.header.right { box-shadow: inset 1px 0 #dcdfe3; } .notebook.header.left { box-shadow: inset -1px 0 #dcdfe3; } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; } .notebook tab.top, .notebook tab.bottom { padding: 4px 15px; } .notebook tab.left, .notebook tab.right { padding: 4px 15px; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; } .notebook tab.reorderable-page.top, .notebook tab.top { padding-top: 6px; border-radius: 3.5px 2px 0 0; border-width: 0; border-top-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; border-width: 0; border-bottom-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; border-width: 0; border-right-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; border-width: 0; border-left-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(92, 97, 108, 0.775); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #5c616c; } .notebook tab .button { padding: 0; color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { color: #5294e2; } .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { color: rgba(92, 97, 108, 0.55); } .notebook.arrow:hover { color: rgba(92, 97, 108, 0.775); } .notebook.arrow:active { color: #5c616c; } .notebook.arrow:insensitive { color: rgba(92, 97, 108, 0.25); } .scrollbar { background-clip: padding-box; background-image: none; border-style: solid; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkRange-slider-width: 13; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.trough { background-color: #fcfcfc; border-left: 1px solid #dcdfe3; } .scrollbar.trough.horizontal { border-left: none; border-top: 1px solid #dcdfe3; } .scrollbar.slider { border-radius: 21px 20px 20px 21px; border: 3px solid transparent; border-left-width: 4px; background-color: #b8babf; } .scrollbar.slider.horizontal { border-radius: 21px 21px 20px 20px; border-left-width: 3px; border-top-width: 4px; } .scrollbar.slider:hover { background-color: #cfd1d4; } .scrollbar.slider:prelight:active, .scrollbar.slider:active { background-color: #5294e2; } .scrollbar.slider.fine-tune { border-width: 4px; } .scrollbar.slider.fine-tune:prelight:active { background-color: #5294e2; } .scrollbar.slider:insensitive { background-color: transparent; } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; background-color: #fcfcfc; } GtkSwitch { font: 1; -GtkSwitch-slider-width: 41; outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; } GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { background-position: left center; } GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } .menu .menuitem:hover GtkSwitch.trough, .list-row:selected GtkSwitch.trough, GtkInfoBar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } .header-bar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); } GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active, .list-row:selected GtkSwitch.trough:active, GtkInfoBar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } .header-bar GtkSwitch.trough:active, .primary-toolbar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); } GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } .menu .menuitem:hover GtkSwitch.trough:insensitive, .list-row:selected GtkSwitch.trough:insensitive, GtkInfoBar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:insensitive, .primary-toolbar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); } GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active:insensitive, .list-row:selected GtkSwitch.trough:active:insensitive, GtkInfoBar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:active:insensitive, .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } GtkFileChooserDialog .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } GtkFileChooserDialog .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } GtkIconView.view.check, GtkFlowBox.view.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } GtkIconView.view.check:checked, GtkFlowBox.view.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; } .scale.trough { margin: 5px; } .scale.fine-tune.trough { border-radius: 5px; margin: 3px; } .scale.slider { background-clip: border-box; background-image: linear-gradient(to bottom, #fbfbfc); border: 1px solid rgba(123, 142, 186, 0.5); border-radius: 50%; box-shadow: none; } .scale.slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(123, 142, 186, 0.5); } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #fbfbfb); border-color: rgba(123, 142, 186, 0.3); } .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .osd .scale.slider { background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95)); border-color: #5294e2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294e2); } .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } .menu .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .menu .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } .menu .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } .menu .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, #cfd6e6); } .scale.trough.highlight { background-image: linear-gradient(to bottom, #5294e2); } .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd .scale.trough { background-image: linear-gradient(to bottom, rgba(69, 74, 89, 0.95)); outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294e2); } .menu .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .menu .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .menu .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } .menu .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } GtkProgressBar { padding: 0; font-size: smaller; color: rgba(92, 97, 108, 0.7); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } .progressbar { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } .progressbar.osd { background-color: #5294e2; } .list-row:selected .progressbar, GtkInfoBar .progressbar { background-color: #ffffff; } .osd .scale.progressbar { background-color: #5294e2; } GtkProgressBar.trough, .level-bar.trough { border: none; border-radius: 3px; background-color: #cfd6e6; } GtkProgressBar.trough.osd, .osd.level-bar.trough { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected GtkProgressBar.trough, .list-row:selected .level-bar.trough, GtkInfoBar GtkProgressBar.trough, GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } GtkLevelBar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; border-radius: 4px; } .level-bar.fill-block { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #73d216; background-color: #73d216; } .level-bar.fill-block.level-low { border-color: #F27835; background-color: #F27835; } .level-bar.fill-block.empty-fill-block { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } .frame { border: 1px solid #dcdfe3; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } .list, .list-row { background-color: #ffffff; border-color: #dcdfe3; } .list-row, .grid-child { padding: 2px; } .list-row.button { background-color: transparent; border-style: none; border-radius: 0; box-shadow: none; } .list-row.button:hover { background-color: rgba(0, 0, 0, 0.05); } .list-row.button:active { color: #5c616c; } .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } .list-row.button:selected:insensitive GtkLabel { color: inherit; } .list-row, list-row.button { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.button:hover { transition: none; } .app-notification, .app-notification.frame { padding: 10px; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: rgba(31, 33, 40, 0.95); } .app-notification .button, .app-notification.frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .app-notification .button.flat, .app-notification.frame .button.flat { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: #aaaeb7; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkCalendar { color: #5c616c; border: 1px solid #dcdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { background-color: #5294e2; color: #ffffff; border-radius: 1.5px; } GtkCalendar.header { color: #5c616c; border: none; border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(92, 97, 108, 0.45); border-color: transparent; background-color: transparent; background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #5c616c; } GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { color: rgba(92, 97, 108, 0.55); background-color: transparent; background-image: none; } GtkCalendar.highlight { color: alpha(currentColor,0.55); } .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { background-color: rgba(231, 232, 235, 0.95); border-bottom: 1px solid rgba(212, 213, 219, 0.95); } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .message-dialog.csd .dialog-action-area .button { padding: 8px; border-radius: 0; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 3px; } .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 3px; } GtkFileChooserDialog .search-bar { background-color: #F5F6F7; border-color: #dcdfe3; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #dcdfe3; } .sidebar { border: none; background-color: #fbfbfc; } .sidebar .scrollbar.trough { background-color: transparent; border-width: 2px; border-color: transparent; } .sidebar:selected { background-color: #5294e2; } GtkPlacesSidebar.sidebar .view { color: #5c616c; background-color: transparent; } GtkPlacesSidebar.sidebar .view:selected { color: #ffffff; background-color: #5294e2; } .sidebar-item { padding: 10px 4px; } .sidebar-item > GtkLabel { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > GtkLabel { background-size: 6px 6px, 0 0; } GtkPaned { margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } .pane-separator { background-image: linear-gradient(to bottom, #dcdfe3); } GtkInfoBar { border-style: none; } .info, .question, .warning, .error, GtkInfoBar { background-color: #5294e2; color: #ffffff; } .list-row:selected .button, GtkInfoBar .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } .list-row:selected .flat.button, GtkInfoBar .flat.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .list-row:selected .button:hover, GtkInfoBar .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .tooltip { color: #BAC3CF; border-radius: 2px; } .tooltip.background { background-color: rgba(75, 81, 98, 0.95); background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } GtkColorSwatch { border: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); } GtkColorSwatch.color-light:hover { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4)); } GtkColorSwatch.color-dark:hover { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } GtkColorSwatch:hover { border-color: rgba(0, 0, 0, 0.5); } GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch.left, GtkColorSwatch:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } GtkColorSwatch.right, GtkColorSwatch:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch:only-child { border-radius: 3px; } GtkColorSwatch.color-active-badge { border-width: 2px; } GtkColorSwatch.color-active-badge:hover { background-image: none; } GtkColorSwatch.color-active-badge.color-light, GtkColorSwatch.color-active-badge.color-light:hover { color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-active-badge.color-dark, GtkColorSwatch.color-active-badge.color-dark:hover { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); } GtkColorChooserWidget #add-color-button { border-color: #e8ebed; background-color: #e8ebed; color: #F5F6F7; box-shadow: none; } GtkColorChooserWidget #add-color-button:hover { border-color: #dcdfe3; background-color: #dcdfe3; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } .scale-popup .button { padding: 6px; } .scale-popup .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkVolumeButton.button { padding: 8px; } .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .window-frame { border-radius: 4px 4px 0 0; border-width: 0px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.2); margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 5px 5px 0 rgba(0, 0, 0, 0.2); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; border-radius: 0; } .window-frame.csd.popup, .window-frame.csd.menu { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.message-dialog { border-radius: 3px; } .header-bar.default-decoration .button.titlebutton, .titlebar.default-decoration .button.titlebutton, .header-bar.selection-mode.default-decoration .button.titlebutton, .titlebar.selection-mode.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { padding: 8px 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); color: transparent; background-position: center; background-repeat: no-repeat; } .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3), .titlebar .right .button.titlebutton:nth-last-child(3), .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3), .titlebar .left .button.titlebutton:nth-child(3), .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3), .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3), .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar.selection-mode .left .button.titlebutton:nth-child(3), .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3), .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3), .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, .titlebar .left .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .header-bar .left .button.titlebutton:nth-child(3):active:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .titlebar .right .button.titlebutton:nth-last-child(3):active:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .titlebar .left .button.titlebutton:nth-child(3):active:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .header-bar .left .button.titlebutton:nth-child(3):backdrop, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .titlebar .left .button.titlebutton:nth-child(3):backdrop, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2), .titlebar .right .button.titlebutton:nth-last-child(2), .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2), .titlebar .left .button.titlebutton:nth-child(2), .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2), .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2), .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar.selection-mode .left .button.titlebutton:nth-child(2), .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2), .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2), .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2), .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, .titlebar .left .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .header-bar .left .button.titlebutton:nth-child(2):active:hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .titlebar .right .button.titlebutton:nth-last-child(2):active:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .titlebar .left .button.titlebutton:nth-child(2):active:hover, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):backdrop, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .header-bar .left .button.titlebutton:nth-child(2):backdrop, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .titlebar .left .button.titlebutton:nth-child(2):backdrop, .titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); } .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, .header-bar .left:dir(rtl) .button.titlebutton:last-child, .titlebar .right .button.titlebutton:last-child, .titlebar .right:dir(rtl) .button.titlebutton:first-child, .titlebar .left .button.titlebutton:first-child, .titlebar .left:dir(rtl) .button.titlebutton:last-child, .header-bar.selection-mode .right .button.titlebutton:last-child, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child, .header-bar.selection-mode .left .button.titlebutton:first-child, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child, .titlebar.selection-mode .right .button.titlebutton:last-child, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child, .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, .titlebar .left .button.titlebutton:first-child:backdrop:hover, .titlebar .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .right .button.titlebutton:last-child:hover, .header-bar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, .header-bar .left .button.titlebutton:first-child:active:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:active:hover, .titlebar .right .button.titlebutton:last-child:active:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:active:hover, .titlebar .left .button.titlebutton:first-child:active:hover, .titlebar .left:dir(rtl) .button.titlebutton:last-child:active:hover, .header-bar.selection-mode .right .button.titlebutton:last-child:active:hover, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:active:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:active:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:active:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } .header-bar .right .button.titlebutton:last-child:backdrop, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop, .header-bar .left .button.titlebutton:first-child:backdrop, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop, .titlebar .right .button.titlebutton:last-child:backdrop, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop, .titlebar .left .button.titlebutton:first-child:backdrop, .titlebar .left:dir(rtl) .button.titlebutton:last-child:backdrop, .header-bar.selection-mode .right .button.titlebutton:last-child:backdrop, .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); } .header-bar .left GtkMenuButton.button.titlebutton:first-child, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar .left GtkMenuButton.button.titlebutton:first-child, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child { padding: 4px 6px 4px 6px; color: rgba(82, 93, 118, 0.8); } .header-bar .left GtkMenuButton.button.titlebutton:first-child, .header-bar .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:backdrop, .header-bar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child, .titlebar .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:backdrop, .titlebar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover { background-image: none; background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .header-bar .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:backdrop:hover { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .header-bar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar .left GtkMenuButton.button.titlebutton:first-child:checked, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:checked, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked, .titlebar .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar .left GtkMenuButton.button.titlebutton:first-child:checked, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:active:hover, .titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child:checked, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:active:hover, .titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:focus:selected { background-image: none; background-color: #5294e2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, ScratchMainWindow .notebook tab.top:active, ScratchMainWindow .notebook tab.top.active-page, ScratchMainWindow .notebook tab.top.active-page:hover, EphyNotebook.notebook tab.reorderable-page.top:active, EphyNotebook.notebook tab.reorderable-page.top.active-page, EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, EphyNotebook.notebook tab.top:active, EphyNotebook.notebook tab.top.active-page, EphyNotebook.notebook tab.top.active-page:hover, MidoriNotebook .notebook tab.reorderable-page.top:active, MidoriNotebook .notebook tab.reorderable-page.top.active-page, MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, MidoriNotebook .notebook tab.top:active, MidoriNotebook .notebook tab.top.active-page, MidoriNotebook .notebook tab.top.active-page:hover, TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top.active-page, TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } GtkHTML { background-color: #ffffff; color: #5c616c; } GtkHTML:active { color: #ffffff; background-color: #5294e2; } SushiFontWidget { padding: 6px 12px; } TerminalWindow .background { background-color: transparent; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { border-width: 0; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { color: #5c616c; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } NautilusNotebook.notebook { background-color: #ffffff; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { padding: 5px; box-shadow: none; background-color: #ffffff; } NemoWindow EelEditableLabel.entry { transition: none; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #dcdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { background-color: rgba(255, 255, 255, 0.9); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:insensitive { color: rgba(82, 93, 118, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .gedit-headerbar-paned { color: rgba(212, 213, 219, 0.95); } .open-document-selector-listbox-row { border-bottom: 1px solid #e7e9ec; padding: 6px 6px 6px 12px; } .open-document-selector-listbox-row .path-label { font-size: smaller; color: rgba(92, 97, 108, 0.7); } .open-document-selector-listbox-row:selected .path-label { color: rgba(255, 255, 255, 0.7); } .gedit-document-panel .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { color: #92959d; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; background-color: transparent; border: none; box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { border-top: 1px solid #dcdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton:checked.button.flat { border-bottom-style: none; border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { border-bottom: 1px solid #dcdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); margin: 2px; padding: 2px; } GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294e2; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { box-shadow: 1px 0 #5294e2; } GbEditorFrame .gb-search-slider { padding: 2px; } GdTaggedEntry { color: #5c616c; } .preferences.sidebar GtkViewport { border: none; } .preferences.sidebar GtkListBox { background-color: #F5F6F7; } .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } GtkBox.gb-command-bar-box { border: none; background-color: #353945; } GtkBox.gb-command-bar-box GtkLabel { color: #BAC3CF; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #BAC3CF; background-image: none; background-color: #353945; padding: 6px 6px 6px 6px; border: none; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #ffffff; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook GtkLabel.button.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } EphyWindow .floating-bar { color: #5c616c; } .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: #a9caf1; } .documents-entry-tag { background-color: #5294e2; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; background-color: #639fe5; } .documents-entry-tag:active { color: #ffffff; background-color: #4189df; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; border: none; box-shadow: none; icon-shadow: none; } .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } TotemGrilo.vertical GdMainView.frame { border-width: 0; } SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: #5294e2; } .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; } .gnome-panel-menu-bar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: #BAC3CF; background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: #BAC3CF; } PanelApplet .button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: rgba(0, 0, 0, 0.25); border-radius: 0; border-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: #5294e2; } WnckPager { color: #5d6268; } WnckPager:selected { color: #5294e2; } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: #BAC3CF; } .xfce4-panel.panel { background-color: rgba(43, 46, 55, 0.95); text-shadow: none; icon-shadow: none; } .xfce4-panel.panel .button.flat { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); border-radius: 0; border: none; } .xfce4-panel.panel .button.flat:hover { border: none; background-color: rgba(65, 70, 84, 0.95); } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { color: #ffffff; border: none; background-color: #5294e2; } .floating-bar { background-color: #5294e2; color: #ffffff; } .floating-bar.top { border-radius: 0 0 2px 2px; } .floating-bar.right { border-radius: 2px 0 0 2px; } .floating-bar.bottom { border-radius: 2px 2px 0 0; } .floating-bar.left { border-radius: 0 2px 2px 0; } .floating-bar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { color: #ffffff; background-color: #5294e2; outline-color: transparent; } MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { background-color: transparent; } MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { outline-color: transparent; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); } .marlin-pathbar.pathbar:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } WingpanelWidgetsIndicatorPopover.popover { padding: 0; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; border: solid transparent; border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage { padding: 0 3px; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active { background-color: rgba(0, 0, 0, 0.04); border: solid rgba(0, 0, 0, 0.08); border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive { color: rgba(92, 97, 108, 0.55); } PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: #5c616c; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { border: 1px solid rgba(0, 0, 0, 0.1); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #e7e8eb); color: rgba(82, 93, 118, 0.8); box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } UnityDecoration.top:backdrop { border-bottom-width: 0; color: rgba(82, 93, 118, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: rgba(253, 253, 254, 0.95); border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar GtkLabel { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #dcdfe3; border-right: 1px solid #dcdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #dcdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } .bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #dcdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: white; } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: #F5F6F7; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #5c616c; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { color: #a9acb2; font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(92, 97, 108, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry.entry { padding: 4px; } .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: #8a8e96; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: rgba(43, 46, 55, 0.95); color: #BAC3CF; font: bold; box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } #panel_window .menubar { padding-left: 5px; } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { font: normal; } #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: #5c616c; } #content_frame { padding-bottom: 14px; background-color: #F5F6F7; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } #content_frame .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } #content_frame .button:active, #content_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } #content_frame .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } #content_frame .button:insensitive > GtkLabel { color: inherit; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: rgba(53, 57, 69, 0.95); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px rgba(53, 57, 69, 0.95); } #buttonbox_frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } #buttonbox_frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } #buttonbox_frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } #login_window #user_combobox { color: #5c616c; font: 13px; } #login_window #user_combobox .menu { font: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font: bold; } .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: rgba(212, 213, 219, 0.95); } NemoWindow GtkEventBox { background-color: #F5F6F7; } GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } NautilusWindow GtkBox.sidebar { background-color: transparent; } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, NautilusWindow .source-list.view:prelight, NemoWindow.csd.background, NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar { background-color: rgba(53, 57, 69, 0.95); } GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, NautilusWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow .sidebar .view, NemoWindow .sidebar .source-list.sidebar row, NemoWindow MarlinPlacesSidebar .view, NemoWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #BAC3CF; } GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, NautilusWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow .sidebar .view.image, NemoWindow .sidebar .source-list.sidebar row.image, NemoWindow MarlinPlacesSidebar .view.image, NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image { color: rgba(186, 195, 207, 0.7); } GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, NautilusWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar .source-list.sidebar row.cell:selected, NemoWindow MarlinPlacesSidebar .view.cell:selected, NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294e2; color: #ffffff; } GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame { color: #BAC3CF; } GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator { color: transparent; } GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #353945; } GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: rgba(53, 57, 69, 0.95); } NautilusWindow NautilusWindowSlot { background-color: #ffffff; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { background-color: rgba(53, 57, 69, 0.95); } GtkFileChooserDialog .sidebar { background-color: transparent; } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-vbox > .frame { color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: rgba(42, 45, 55, 0.95); } GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #BAC3CF; } FeedReaderreaderUI.background.csd > .titlebar .pane-separator, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, GeditWindow.background.csd > .titlebar .pane-separator, GeditWindow.background.csd.maximized > .titlebar .pane-separator, GeditWindow.background.csd > .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { background-color: rgba(212, 213, 219, 0.95); } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: rgba(231, 232, 235, 0.95); } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: rgba(239, 240, 242, 0.95); } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #e7e8eb; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #eff0f2; } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background .gedit-side-panel-paned .pane-separator { background-color: rgba(53, 57, 69, 0.95); } GeditWindow.background .gedit-bottom-panel-paned .pane-separator { background-color: #dcdfe3; } GeditWindow.background > .titlebar.default-decoration, GeditWindow.background > .titlebar.default-decoration:backdrop { background-color: #e7e8eb; } .gedit-bottom-panel-paned { background-color: #ffffff; } .gedit-document-panel { background-color: rgba(53, 57, 69, 0.95); } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel .list-row { color: #BAC3CF; } .gedit-document-panel .list-row { background-color: rgba(186, 195, 207, 0); border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:active .button { color: #ffffff; } .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { color: #BAC3CF; } GeditFileBrowserWidget { background-color: rgba(53, 57, 69, 0.95); } .maximized GeditFileBrowserWidget { background-color: #353945; } GeditFileBrowserWidget .scrollbars-junction, GeditFileBrowserWidget .scrollbars-junction.frame { border-color: transparent; background-color: transparent; } GeditFileBrowserWidget .horizontal { background-color: transparent; border-color: rgba(37, 40, 49, 0.95); } GeditFileBrowserWidget .horizontal GtkComboBox { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditFileBrowserWidget .horizontal .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } GtkFileChooserDialog .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditFileBrowserWidget .horizontal .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditFileBrowserWidget .horizontal .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } GtkFileChooserDialog .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } GtkFileChooserDialog .action-bar.frame .image.entry, GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog .action-bar.frame .image.entry:hover, GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { color: inherit; } GtkFileChooserDialog .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294e2); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } GtkFileChooserDialog .sidebar .trough.scrollbar, GtkFileChooserDialog MarlinPlacesSidebar .trough.scrollbar, NautilusWindow .sidebar .trough.scrollbar, NautilusWindow MarlinPlacesSidebar .trough.scrollbar, NemoWindow .sidebar .trough.scrollbar, NemoWindow MarlinPlacesSidebar .trough.scrollbar, MarlinViewWindow .sidebar .trough.scrollbar, MarlinViewWindow MarlinPlacesSidebar .trough.scrollbar, GeditFileBrowserWidget .trough.scrollbar { background-color: transparent; border-color: transparent; } GtkFileChooserDialog .sidebar .slider.scrollbar, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar, NautilusWindow .sidebar .slider.scrollbar, NautilusWindow MarlinPlacesSidebar .slider.scrollbar, NemoWindow .sidebar .slider.scrollbar, NemoWindow MarlinPlacesSidebar .slider.scrollbar, MarlinViewWindow .sidebar .slider.scrollbar, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar, GeditFileBrowserWidget .slider.scrollbar { border-radius: 20px; border: 3px solid transparent; background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog .sidebar .slider.scrollbar:hover, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar:hover, NautilusWindow .sidebar .slider.scrollbar:hover, NautilusWindow MarlinPlacesSidebar .slider.scrollbar:hover, NemoWindow .sidebar .slider.scrollbar:hover, NemoWindow MarlinPlacesSidebar .slider.scrollbar:hover, MarlinViewWindow .sidebar .slider.scrollbar:hover, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar:hover, GeditFileBrowserWidget .slider.scrollbar:hover { background-color: #f6f7f9; } GtkFileChooserDialog .sidebar .slider.scrollbar:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar:prelight:active, NautilusWindow .sidebar .slider.scrollbar:prelight:active, NautilusWindow MarlinPlacesSidebar .slider.scrollbar:prelight:active, NemoWindow .sidebar .slider.scrollbar:prelight:active, NemoWindow MarlinPlacesSidebar .slider.scrollbar:prelight:active, MarlinViewWindow .sidebar .slider.scrollbar:prelight:active, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar:prelight:active, GeditFileBrowserWidget .slider.scrollbar:prelight:active { background-color: #5294e2; } GtkFileChooserDialog .sidebar .slider.fine-tune.scrollbar, GtkFileChooserDialog MarlinPlacesSidebar .slider.fine-tune.scrollbar, NautilusWindow .sidebar .slider.fine-tune.scrollbar, NautilusWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar, NemoWindow .sidebar .slider.fine-tune.scrollbar, NemoWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar, MarlinViewWindow .sidebar .slider.fine-tune.scrollbar, MarlinViewWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar, GeditFileBrowserWidget .slider.fine-tune.scrollbar { border-width: 4px; } GtkFileChooserDialog .sidebar .slider.fine-tune.scrollbar:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, NautilusWindow .sidebar .slider.fine-tune.scrollbar:prelight:active, NautilusWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, NemoWindow .sidebar .slider.fine-tune.scrollbar:prelight:active, NemoWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, MarlinViewWindow .sidebar .slider.fine-tune.scrollbar:prelight:active, MarlinViewWindow MarlinPlacesSidebar .slider.fine-tune.scrollbar:prelight:active, GeditFileBrowserWidget .slider.fine-tune.scrollbar:prelight:active { background-color: #5294e2; } GtkFileChooserDialog .sidebar .slider.scrollbar:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .slider.scrollbar:insensitive, NautilusWindow .sidebar .slider.scrollbar:insensitive, NautilusWindow MarlinPlacesSidebar .slider.scrollbar:insensitive, NemoWindow .sidebar .slider.scrollbar:insensitive, NemoWindow MarlinPlacesSidebar .slider.scrollbar:insensitive, MarlinViewWindow .sidebar .slider.scrollbar:insensitive, MarlinViewWindow MarlinPlacesSidebar .slider.scrollbar:insensitive, GeditFileBrowserWidget .slider.scrollbar:insensitive { background-color: transparent; } /* GTK NAMED COLORS */ @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; @define-color theme_base_color #ffffff; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #5c616c; @define-color text_color #5c616c; @define-color bg_color #F5F6F7; @define-color base_color #ffffff; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #fbfbfc; @define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; @define-color borders #dcdfe3; @define-color unfocused_borders #dcdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #2679db; @define-color wm_title alpha(#525d76, 0.8); @define-color wm_unfocused_title alpha(#525d76, 0.5); @define-color wm_bg #e7e8eb; @define-color wm_bg_unfocused #eff0f2; @define-color wm_highlight #eff0f2; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #f46067; @define-color wm_button_close_hover_bg #f68086; @define-color wm_button_close_active_bg #f13039; @define-color wm_icon_close_bg #F8F8F9; @define-color wm_button_hover_bg #fdfdfd; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #D1D3DA; @define-color wm_icon_bg #90949E; @define-color wm_icon_unfocused_bg #B6B8C0; @define-color wm_icon_hover_bg #7A7F8B; @define-color wm_icon_active_bg #ffffff; @define-color content_view_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.14/render-assets.sh ================================================ #! /bin/bash INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" SRC_FILE="assets.svg" ASSETS_DIR="assets" INDEX="assets.txt" for i in `cat $INDEX` do if [ -f $ASSETS_DIR/$i.png ]; then echo $ASSETS_DIR/$i.png exists. else echo echo Rendering $ASSETS_DIR/$i.png $INKSCAPE --export-id=$i \ --export-id-only \ --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null \ && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png fi if [ -f $ASSETS_DIR/$i@2.png ]; then echo $ASSETS_DIR/$i@2.png exists. else echo echo Rendering $ASSETS_DIR/$i@2.png $INKSCAPE --export-id=$i \ --export-dpi=180 \ --export-id-only \ --export-png=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null \ && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png fi done exit 0 ================================================ FILE: common/gtk-3.0/3.14/sass/_applications.scss ================================================ // // Tab overrides // GeditNotebook.notebook, ScratchMainWindow .notebook, EphyNotebook.notebook, MidoriNotebook .notebook, TerminalWindow .notebook, PantheonTerminalPantheonTerminalWindow .notebook { tab.reorderable-page.top, tab.top { &:active, &.active-page, &.active-page:hover { box-shadow: inset 0 1px $borders_color, inset 0 -1px $borders_color, inset 1px 0 $borders_color, inset -1px 0 $borders_color; } } } TerminalWindow .notebook, PantheonTerminalPantheonTerminalWindow .notebook { tab.reorderable-page.top, tab.top { padding-top: 7px; border-top-width: 3px; } &.header.top { box-shadow: inset 0 1px opacify($header_border, 1), inset 0 -1px $borders_color; } } // // Evolution // // needed for webkit/GtkStyle/Evolution compatibility GtkHTML { background-color: $base_color; color: $text_color; &:active { color: $selected_fg_color; background-color: $selected_bg_color; } } // // Sushi // // used by gnome-font-viewer and sushi SushiFontWidget { padding: 6px 12px; } // // GNOME Terminal // TerminalWindow { .background { background-color: transparent; } .scrollbar { &.vertical .slider { margin-left: 3px; } &.trough { border-width: 0; } } } // // Nautilus // .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item { color: white; text-shadow: 1px 1px transparentize(black, 0.4); &:active { color: $fg_color; } &:selected { color: $selected_fg_color; } } NautilusNotebook.notebook { background-color: $base_color; tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } } NautilusQueryEditor .search-bar.toolbar { padding: 5px; box-shadow: none; background-color: $base_color; } // // Nemo // .nemo-desktop.nemo-canvas-item { @extend .nautilus-desktop.nautilus-canvas-item; } NemoWindow { EelEditableLabel.entry { transition: none; } // Workaround for invisible text in rename entry .sidebar .frame { border-width: 0; } GtkSeparator.separator.horizontal { color: $borders_color; } .primary-toolbar NemoPathBar.linked > .button { $_linked_separator_color: $header_button_border; @include button(header-hover); &:hover { background-color: lighten($header_button_bg, 15%); } &:active, &:checked { @include button(header-active); } &:insensitive { color: transparentize($header_fg, 0.4); } @extend %linked; &:hover { box-shadow: inset 1px 0 $_linked_separator_color, inset -1px 0 $_linked_separator_color; } &:active, &:checked { box-shadow: none; } &:first-child { &:hover { box-shadow: inset -1px 0 $_linked_separator_color; } &:active, &:checked { box-shadow: none; } } &:last-child { &:hover { box-shadow: inset 1px 0 $_linked_separator_color; } &:active, &:checked { box-shadow: none; } } &:only-child { &:hover { box-shadow: none; } &:active, &:checked { box-shadow: none; } } } } // // Gedit // .gedit-headerbar-paned { color: $header_border; } .open-document-selector-listbox-row { border-bottom: 1px solid darken($bg_color, 5%); padding: 6px 6px 6px 12px; .path-label { font-size: smaller; color: transparentize($fg_color, 0.3); } &:selected .path-label { color: transparentize($selected_fg_color, 0.3); } } .gedit-document-panel { .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; & GtkImage { color: inherit; } } .prelight-row .button { color: mix($bg_color, $fg_color, 35%); } .list-row .button:hover, .prelight-row .button:hover { color: lighten(red, 15%); } .prelight-row:selected .button:hover { color: lighten(red, 20%); background-image: none; background-color: transparent; border: none; box-shadow: none; &:active { color: $selected_fg_color; } } .prelight-row .button:active { color: $fg_color; } } .gedit-document-panel-dragged-row { border: 1px solid $borders_color; background-color: darken($bg_color, 10%); color: $fg_color; } //.gedit-document-panel-placeholder-row { //} GeditStatusbar { border-top: 1px solid $borders_color; background-color: $bg_color; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton:checked.button.flat { border-bottom-style: none; border-radius: 0; } GeditViewFrame .gedit-search-slider { @extend %search_slider } GeditFileBrowserWidget .toolbar { border-bottom: 1px solid $borders_color; } .gedit-search-entry-occurrences-tag { color: transparentize($fg_color, 0.4); margin: 2px; padding: 2px; } %search_slider { background-color: lighten($bg_color, 2%); padding: 6px; border-color: $borders_color; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } // // Gnome Builder // GbSearchBox.linked { > GtkMenuButton.button:last-child:dir(ltr), > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; @include entry(header-normal); &:hover { @include entry(header-focus); } &:active, &:checked { @include entry(header-focus); } &:insensitive { @include entry(header-insensitive); } } > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; &:hover { box-shadow: -1px 0 $selected_bg_color; } } > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; &:hover { box-shadow: 1px 0 $selected_bg_color; } } } //Search entry that slides down from top of editor GbEditorFrame .gb-search-slider { @extend %search_slider; padding: 2px; } .gb-search-entry-occurrences-tag { @extend .gedit-search-entry-occurrences-tag } GdTaggedEntry { color: $fg_color; } // Preferences sidebar style .preferences.sidebar { GtkViewport { border: none; } GtkListBox { background-color: $bg_color; } GtkListBoxRow { padding: 10px; } } // Preference page language style GbPreferencesPageLanguage { GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } GtkScrolledWindow { border-top-width: 0; } } // Command Bar styling GtkBox.gb-command-bar-box { border: none; background-color: opacify($osd_bg_color, 1); GtkLabel { color: $osd_fg_color; } } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: $osd_fg_color; background-image: none; background-color: opacify($osd_bg_color, 1); padding: 6px 6px 6px 6px; border: none; &:selected, &:selected:focus { @extend %selected_items; } } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } // Disable various animatinos that are enabled by default and really annoying // to the overall flow of Builder. GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid $borders_color; } GbViewStack.focused GtkBox.header.notebook { background-color: $base_color; .button.dim-label { opacity: 1; } } // // Epiphany // EphyWindow .floating-bar { // Epiphany overrides the floating-bar style, so reset it color: $fg_color; } // // Gnome Documents // .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: $selected_bg_color; color: $selected_fg_color; border-radius: 2px; } .documents-collection-icon { background-color: transparentize($fg_color, 0.7); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: lighten($selected_bg_color, 20%); } .documents-entry-tag { background-color: $selected_bg_color; color: $selected_fg_color; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; &:hover { color: $selected_fg_color; background-color: lighten($selected_bg_color, 4%); } &:active { color: $selected_fg_color; background-color: darken($selected_bg_color, 4%); } .toolbar .linked &.button { background: none; border: none; box-shadow: none; icon-shadow: none; &:hover { color: transparentize($selected_fg_color, 0.3) } } } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } // // Totem // TotemGrilo.vertical GdMainView.frame { border-width: 0; } // // Synapse // SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: $selected_bg_color; } // // Transmission // .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; // Remove black border on over- and undershoot } // // Fallback Mode/Budgie Panel // .gnome-panel-menu-bar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: $panel_fg; background-image: linear-gradient(to bottom, $panel_bg); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: $panel_fg; } PanelApplet .button:hover { color: lighten($panel_fg, 10%); background-color: transparentize(black, 0.83); border-color: transparentize(black, 0.83); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: transparentize(black, 0.75); border-radius: 0; border-color: transparentize(black, 0.75); box-shadow: inset 0 -2px $selected_bg_color; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: $selected_bg_color; } WnckPager { color: mix($panel_fg, black, 50%); &:selected { color: $selected_bg_color } } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: $panel_fg; } // Xfce Panel .xfce4-panel.panel { background-color: $panel_bg; text-shadow: none; icon-shadow: none; .button.flat { color: $panel_fg; background-color: transparentize($panel_bg, 1); border-radius: 0; border: none; &:hover { border: none; background-color: lighten($panel_bg, 10%); } &:active, &:checked { color: $selected_fg_color; border: none; background-color: $selected_bg_color; } } } // // Floating Bar // .floating-bar { background-color: $selected_bg_color; color: $selected_fg_color; &.top { border-radius: 0 0 2px 2px; } &.right { border-radius: 2px 0 0 2px; } &.bottom { border-radius: 2px 2px 0 0; } &.left { border-radius: 0 2px 2px 0; } .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } } // Elementary Apps // // Birdie // BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } // // Marlin / Pantheon Files // MarlinViewWindow { *:selected, *:selected:focus { color: $selected_fg_color; background-color: $selected_bg_color; outline-color: transparent; } GtkIconView.view:selected { &, &:focus, &:hover, &:focus:hover { background-color: transparent; } } FMListView, FMColumnView { outline-color: transparent; } } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; @include entry(header-normal); &:focus { @include entry(header-focus) } &:insensitive { @include entry(header-insensitive) } &:active, &:checked { color: $selected_bg_color; } } // // Gala // .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; .title, .label { color: #5c616c; } } // // Wingpanel // .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px transparentize(black, 0.4); icon-shadow: 0 1px 2px transparentize(black, 0.4); &-shadow { background-image: none; background-color: transparent; } .menu { box-shadow: none; .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .window-frame.menu.csd, .window-frame.popup.csd { box-shadow: 0 0 0 1px transparentize(black, 0.8), 0 10px 20px transparentize(black, 0.81), 0 6px 6px transparentize(black, 0.77); } } .menubar > .menuitem { padding: 3px 6px; &:hover { background-color: transparent; } } .window-frame.menu.csd, .window-frame.popup.csd { box-shadow: none; } } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px transparentize(black, 0.4); icon-shadow: 0 1px 2px transparentize(black, 0.4); > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .menuitem:active, .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1 } // Fixes sound indicator buttons // // Wingpanel Popover // WingpanelWidgetsIndicatorPopover.popover { padding: 0; text-shadow: none; icon-shadow: none; .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; border: solid transparent; border-width: 1px 0; GtkLabel, GtkImage { padding: 0 3px; } &:hover, &:active { background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95)); border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93)); border-width: 1px 0; } *:insensitive { color: $insensitive_fg_color; } } } // // Pantheon Terminal // PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } // // Switchboard // SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: $fg_color; } ================================================ FILE: common/gtk-3.0/3.14/sass/_colors-public.scss ================================================ //apps rely on some named colors to be exported /* GTK NAMED COLORS */ // Sass thinks we're using the colors in the variables as strings and may shoot // warning, it's innocuous and can be defeated by using "" + $var @define-color theme_fg_color #{"" + $fg_color}; @define-color theme_text_color #{"" + $text_color}; @define-color theme_bg_color #{"" + $bg_color}; @define-color theme_base_color #{"" + $base_color}; @define-color theme_selected_bg_color #{"" + $selected_bg_color}; @define-color theme_selected_fg_color #{"" + $selected_fg_color}; @define-color fg_color #{"" + $fg_color}; @define-color text_color #{"" + $text_color}; @define-color bg_color #{"" + $bg_color}; @define-color base_color #{"" + $base_color}; @define-color selected_bg_color #{"" + $selected_bg_color}; @define-color selected_fg_color #{"" + $selected_fg_color}; @define-color insensitive_bg_color #{"" + $insensitive_bg_color}; @define-color insensitive_fg_color alpha(#{"" + opacify($insensitive_fg_color, 1)}, 0.5); @define-color insensitive_base_color #{"" + $base_color}; @define-color theme_unfocused_fg_color #{"" + $fg_color}; @define-color theme_unfocused_text_color #{"" + $text_color}; @define-color theme_unfocused_bg_color #{"" + $bg_color}; @define-color theme_unfocused_base_color #{"" + $base_color}; @define-color borders #{"" + $borders_color}; @define-color unfocused_borders #{"" + $borders_color}; @define-color warning_color #{"" + $warning_color}; @define-color error_color #{"" + $error_color}; @define-color success_color #{"" + $success_color}; @define-color placeholder_text_color #{#A8A8A8}; @define-color link_color #{"" + $link_color}; //WM $wm_highlight: lighten(opacify($header_bg, 1), 3%); $wm_bg_unfocused: opacify($header_bg_backdrop, 1); @define-color wm_title alpha(#{"" + opacify($header_fg, 1)}, 0.8); @define-color wm_unfocused_title alpha(#{"" + opacify($header_fg, 1)}, 0.5); @define-color wm_bg #{"" + opacify($header_bg, 1)}; @define-color wm_bg_unfocused #{"" + $wm_bg_unfocused}; @define-color wm_highlight #{"" + $wm_highlight}; @define-color wm_shadow alpha(#{black}, 0.35); //WM Buttons // Close @define-color wm_button_close_bg #{"" + $wm_button_close_bg}; @define-color wm_button_close_hover_bg #{"" + $wm_button_close_hover_bg}; @define-color wm_button_close_active_bg #{"" + $wm_button_close_active_bg}; @define-color wm_icon_close_bg #{"" + $wm_icon_close_bg}; // Minimize, Maximize @define-color wm_button_hover_bg #{"" + $wm_button_hover_bg}; @define-color wm_button_active_bg #{"" + $wm_button_active_bg}; @define-color wm_button_hover_border #{"" + $wm_button_hover_border}; @define-color wm_icon_bg #{"" + $wm_icon_bg}; @define-color wm_icon_unfocused_bg #{"" + $wm_icon_unfocused_bg}; @define-color wm_icon_hover_bg #{"" + $wm_icon_hover_bg}; @define-color wm_icon_active_bg #{"" + $wm_icon_active_bg}; //FIXME this is really an API @define-color content_view_bg #{"" + $base_color}; ================================================ FILE: common/gtk-3.0/3.14/sass/_colors.scss ================================================ // When color definition differs for dark and light variant, // it gets @if ed depending on $variant $base_color: if($variant =='light', #ffffff, #404552); $text_color: if($variant == 'light', #5c616c, #D3DAE3); $bg_color: if($variant =='light', #F5F6F7, #383C4A); $fg_color: if($variant =='light', #5c616c, #D3DAE3); $selected_fg_color: #ffffff; $selected_bg_color: #5294e2; $selected_borders_color: darken($selected_bg_color, 20%); $borders_color: if($variant =='light', darken($bg_color,9%), darken($bg_color,6%)); $link_color: if($variant == 'light', darken($selected_bg_color,10%), lighten($selected_bg_color,20%)); $link_visited_color: if($variant == 'light', darken($selected_bg_color,20%), lighten($selected_bg_color,10%)); $selection_mode_bg: if($transparency == 'true', transparentize($selected_bg_color, 0.05), $selected_bg_color); $selection_mode_fg: $selected_fg_color; $warning_color: #F27835; $error_color: #FC4138; $warning_fg_color: white; $error_fg_color: white; $success_color: #73d216; $destructive_color: #F04A50; $suggested_color: #4DADD4; $destructive_fg_color: white; $suggested_fg_color: white; $drop_target_color: #F08437; //insensitive state derived colors $insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); $insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); $header_bg: red; @if $transparency=='true' and $variant=='light' { $header_bg: transparentize(#e7e8eb, 0.05); } @if $transparency=='false' and $variant=='light' { $header_bg: #e7e8eb; } @if $transparency=='true' and ($variant=='dark' or $darker=='true') { $header_bg: transparentize(#2f343f, 0.03); } @if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343f; } $header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%)); $header_border: if($variant == 'light' and $darker=='false', darken($header_bg, 7%), darken($header_bg, 4%)); $header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%)); $header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg); $dark_sidebar_bg: if($transparency == 'true', transparentize(#353945, 0.05), #353945); $dark_sidebar_fg: #BAC3CF; $dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 5%)); $osd_fg_color: $dark_sidebar_fg; $osd_bg_color: $dark_sidebar_bg; $osd_button_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); $osd_button_border: transparentize(darken($osd_bg_color, 12%), 0.6); $osd_entry_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); $osd_entry_border: transparentize(darken($osd_bg_color, 12%), 0.6); $osd_insensitive_bg_color: darken($osd_bg_color, 3%); $osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); $osd_borders_color: transparentize(black, 0.3); $panel_bg: darken($dark_sidebar_bg, 4.7%); $panel_fg: $dark_sidebar_fg; $entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); $entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); $header_entry_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($base_color, 0.1)); $header_entry_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); $button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); $button_border: $entry_border; $header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($button_bg, 0.1)); $header_button_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); //WM Buttons // Close $wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f46067, #cc575d); $wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f68086, #d7787d); $wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #f13039, #be3841); $wm_icon_close_bg: if($variant == 'light' and $darker == 'false',#F8F8F9 , #2f343f); // Minimize, Maximize $wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #454C5C); $wm_button_active_bg: $selected_bg_color; $wm_button_hover_border: if($variant == 'light' and $darker == 'false', #D1D3DA, #262932); $wm_icon_bg: if($variant == 'light' and $darker == 'false', #90949E, #90939B); $wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #B6B8C0, #666A74); $wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #7A7F8B, #C4C7CC); $wm_icon_active_bg: $selected_fg_color; ================================================ FILE: common/gtk-3.0/3.14/sass/_common.scss ================================================ @function gtkalpha($c,$a) { @return unquote("alpha(#{$c},#{$a})"); } $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); $asset_suffix: if($variant=='dark', '-dark', ''); // use dark assets in dark variant $darker_asset_suffix: if($darker=='true', '-dark', $asset_suffix); * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: $error_color; -GtkPaned-handle-size: 1; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: $link_color; -GtkWidget-visited-link-color: $link_visited_color; -GtkWidget-focus-padding: 2; // FIXME: do we still need these? -GtkWidget-focus-line-width: 1; // -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; // We use the outline properties to signal the focus properties outline-color: transparentize($fg_color, 0.7); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } // // Base States // .background { color: $fg_color; background-color: if($transparency == 'true', transparentize($bg_color, 0.001), $bg_color); // without this headerbar transparency doesn't seem to work } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: $bg_color; color: $fg_color; &:prelight { background-color: lighten($bg_color, 10%); color: $fg_color; } &:active { background-color: darken($bg_color, 10%); color: $fg_color; } &:insensitive { background-color: $insensitive_bg_color; color: $insensitive_fg_color; } &:selected { background-color: $selected_bg_color; color: $selected_fg_color; } } .view { color: $text_color; background-color: $base_color; &:selected, &:selected:focus, &:selected:hover { @extend %selected_items; } &.dim-label { color: transparentize($text_color, 0.45); &:selected, &:selected:focus { color: transparentize($selected_fg_color, 0.35); text-shadow: none; } } } .rubberband { border: 1px solid $selected_bg_color; background-color: transparentize($selected_bg_color,0.8); } GtkLabel { &.separator { color: $fg_color; @extend .dim-label; } &:selected, &:selected:focus, &:selected:hover { @extend %selected_items; } &:insensitive { color: $insensitive_fg_color; } } .dim-label { opacity: 0.55; } GtkAssistant { .sidebar { background-color: $base_color; border-top: 1px solid $borders_color; &:dir(ltr) { border-right: 1px solid $borders_color; } &:dir(rtl) { border-left: 1px solid $borders_color; } } &.csd .sidebar { border-top-style: none; } .sidebar GtkLabel { padding: 6px 12px; } .sidebar GtkLabel.highlight { background-color: $selected_bg_color; color: $selected_fg_color; } } GtkTextView { // This will get overridden by .view, needed by gedit line numbers background-color: mix($bg_color, $base_color, 50%); } GtkFlowBox .grid-child { padding: 3px; border-radius: 3px; &:selected { @extend %selected_items; outline-offset: -2px; } } %osd, .osd { color: $osd_fg_color; border: none; background-color: $osd_bg_color; background-clip: padding-box; outline-color: transparentize($osd_fg_color, 0.7); box-shadow: none; } // // Spinner Animations // @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; // non spinning spinner makes no sense -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); &:active { opacity: 1; animation: spin 1s linear infinite; &:insensitive { opacity: 0.5; } } } $vert_padding: 5px; // // Text Entries // .entry { border: 1px solid; padding: $vert_padding 8px; border-radius: 3px; transition: all 200ms $ease-out-quad; @include entry(normal); &.image { // icons inside the entry &.left { padding-left: 0; } &.right { padding-right: 0; } } &.flat, &.flat:focus { padding: 2px; @include entry(normal); border: none; border-radius: 0; } &:focus { background-clip: border-box; @include entry(focus); } &:insensitive { @include entry(insensitive); } &:selected, &:selected:focus { background-color: $selected_bg_color; color: $selected_fg_color; } &.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: $selected_bg_color; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .linked > & { //FIXME: use same buttons linking logic and template &:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; &:dir(rtl) { border-right-style: none;} } &:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; &:dir(rtl) { border-left-style: solid; } } } @each $e_type, $e_color, $e_fg_color in (warning, $warning_color, $warning_fg_color), (error, $error_color, $error_fg_color) { &.#{$e_type} { color: $selected_fg_color; border-color: if($variant=='light', $e_color, $entry_border); background-image: linear-gradient(to bottom, mix($e_color, $base_color, 60%)); &:focus { color: $e_fg_color; background-image: linear-gradient(to bottom, $e_color); box-shadow: none; } &:selected, &:selected:focus { background-color: $e_fg_color; color: $e_color; } } } &.image { // entry icons colors color: mix($fg_color,$base_color,80%); } .linked.vertical > & { //FIXME comment stuff and make the whole thing smarter. border-bottom-color: mix($borders_color, $base_color, 30%); box-shadow: none; @extend %linked_vertical; &:focus { border-color: $selected_bg_color; box-shadow: 0 -1px 0 0 $selected_bg_color; @extend %linked_vertical; } &:insensitive { border-bottom-color: mix($borders_color, $base_color, 30%); @extend %linked_vertical; } &:first-child { border-bottom-color: mix($borders_color, $base_color, 30%); &:focus { border-bottom-color: $selected_bg_color; box-shadow: none; } &:insensitive { border-bottom-color: mix($borders_color, $base_color, 30%); @extend %linked_vertical:first-child; } } &:last-child { border-bottom-color: rgba(0,0,0,0.14); &:focus { border-bottom-color: $selected_bg_color; box-shadow: 0 -1px 0 0 $selected_bg_color; @extend %linked_vertical:last-child; } &:insensitive { border-bottom-color: rgba(0,0,0,0.14); @extend %linked_vertical:last-child; } } } .osd & { @include entry(osd); &:focus { @include entry(osd-focus); } &:insensitive { @include entry(osd-insensitive); } } } GtkSearchEntry.entry { border-radius: 20px; } // // Buttons // // stuff for .needs-attention $_dot_color: $selected_bg_color; @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to($_dot_color), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to($selected_bg_color), to(transparent)); } } .button { $_button_transition: all 200ms $ease-out-quad; transition: $_button_transition; border: 1px solid; border-radius: 3px; padding: $vert_padding 8px; @include button(normal); &.flat { @include button(undecorated); background-color: transparentize($button_bg, 1); border-color: transparentize($button_border, 1); // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but // it won't fade out when the pointer leave the button allocation area. To make the transition more evident // in this case the duration is increased. transition: none; &:hover { transition: $_button_transition; transition-duration: 350ms; &:active { transition: $_button_transition; } } } &:hover { @include button(hover); -gtk-image-effect: highlight; } &:active, &:checked { background-clip: if($variant=='light', border-box, padding-box); @include button(active); transition-duration: 50ms; } //Webkitgtk workaround start &:active { color: $fg_color; } &:active:hover, &:checked { color: $selected_fg_color; } //Webkitgtk workaround end &.flat:insensitive { @include button(undecorated); } &:insensitive { @include button(insensitive); &:active, &:checked { @include button(insensitive-active); } } // big standalone buttons like in Documents pager &.osd { color: $osd_fg_color; outline-color: transparentize($osd_fg_color, 0.7); background-color: $osd_bg_color; border-color: darken($osd_bg_color, 8%); &.image-button { padding: 10px; } &:hover { color: $selected_bg_color; } &:active, &:checked { @include button(osd-active); } &:insensitive { @include button(osd-insensitive); } } //overlay / OSD style .osd & { @include button(osd); // there's a problem with sass which prevents it to extend the linked // placeholder as expected, it should just be "@extend %linked;", the // placeholder is basically replicated here // // Workaround START border-radius: 0; border-left-style: none; border-right-style: none; &:dir(rtl) { border-radius: 0; border-right-style: none; border-left-style: none } &:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } &:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; &:dir(rtl) { border-left-style: solid; } } &:only-child { border-radius: 3px; border-style: solid; } // Workaround END &:hover { @include button(osd-hover); @extend %linked; &, &:first-child, &:last-child { box-shadow: none; } } &:active, &:checked { background-clip: padding-box; @include button(osd-active); @extend %linked; } &:insensitive { @include button(osd-insensitive); @extend %linked; } &.flat { @include button(undecorated); box-shadow: none; &:hover { @include button(osd-hover); &, &:first-child, &:last-child { box-shadow: none; } } &:insensitive { @include button(osd-insensitive); background-image: none; } &:active, &:checked { @include button(osd-active); } } } // Suggested and Destructive Action buttons @each $b_type, $b_color, $b_fg in (suggested-action, $suggested_color, $suggested_fg_color), (destructive-action, $destructive_color, $destructive_fg_color) { &.#{$b_type} { @include button(suggested_destructive, $b_color, $b_fg); &.flat { @include button(undecorated); color: $b_color; outline-color: transparentize($b_color, 0.7); } &:hover { @include button(suggested_destructive, lighten($b_color, 10%), $b_fg); } &:active, &:checked { @include button(suggested_destructive, darken($b_color, 10%), $b_fg); } &.flat:insensitive { @include button(undecorated); color: $insensitive_fg_color; } &:insensitive { @include button(insensitive); } } } &.image-button { padding: 2px + $vert_padding; } .header-bar &.image-button { padding: 2px + $vert_padding 10px; } &.text-button { padding-left: 16px; padding-right: 16px; } &.text-button.image-button { // those buttons needs uneven horizontal padding, we want the icon side // to have the image-button padding, while the text side the text-button // one, so we're adding the missing padding to the label depending on // its position inside the button padding: $vert_padding 8px; // same as .button GtkLabel:first-child { padding-left: 8px; } GtkLabel:last-child { padding-right: 8px; } } .stack-switcher > & { // to position the needs attention dot, padding is added to the button // child, a label needs just lateral padding while an icon needs vertical // padding added too. outline-offset: -3px; // needs to be set or it gets overridden by GtkRadioButton outline-offset > GtkLabel { padding-left: 6px; // label padding padding-right: 6px; // } > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: $vert_padding - 2px; padding-bottom: $vert_padding - 2px; } &.text-button { padding: $vert_padding 10px; } // needed or it will get overridden &.image-button { padding: $vert_padding - 3px 4px; } &.needs-attention > GtkLabel, &.needs-attention > GtkImage { @extend %needs_attention; } &.needs-attention:active > .label, &.needs-attention:active > GtkImage, &.needs-attention:checked > GtkLabel, &.needs-attention:checked > GtkImage { animation: none; background-image: none; } } %needs_attention { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to($_dot_color), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; @if $variant == 'light' { background-position: right 3px, right 4px; } @else { background-position: right 3px, right 2px; } &:dir(rtl) { @if $variant == 'light' { background-position: left 3px, left 4px; } @else { background-position: left 3px, left 2px; } } } //inline-toolbar buttons .inline-toolbar &, .inline-toolbar &:backdrop { border-radius: 2px; border-width: 1px; @extend %linked; } .linked > &, .linked > &:hover, .linked > &:active, .linked > &:checked { @extend %linked; } .linked.vertical > &, .linked.vertical > &:hover, .linked.vertical > &:active, .linked.vertical > &:checked { @extend %linked_vertical; } } // all the following is for the +|- buttons on inline toolbars, that way // should really be deprecated... .inline-toolbar GtkToolButton > .button { // redefining the button look is // needed since those are flat... @include button(normal); &:hover { @include button(hover); } &:active, &:checked{ @include button(active); } &:insensitive { @include button(insensitive); } &:insensitive:active, &:insensitive:checked { @include button(insensitive-active); } } // More inline toolbar buttons .inline-toolbar.toolbar GtkToolButton { & > .button.flat { @extend %linked_middle; } &:dir(rtl) > .button.flat { @extend %linked_middle:dir(rtl); } &:first-child > .button.flat { @extend %linked:first-child; } &:last-child > .button.flat { @extend %linked:last-child; } &:last-child:dir(rtl) > .button.flat { @extend %linked:last-child:dir(rtl); } &:only-child > .button.flat { @extend %linked:only-child; } } $_linked_separator_color: if($variant=='light', transparentize($button_border, 0.6), transparentize($button_border, 0.5)); %linked_middle { border-radius: 0; border-left-style: none; border-right-style: none; &:hover { box-shadow: inset 1px 0 $_linked_separator_color, inset -1px 0 $_linked_separator_color; } &:active, &:checked { box-shadow: none; } &:dir(rtl) { border-radius: 0; // needed when including %linked_middle:dir(rtl) } } %linked { @extend %linked_middle; &:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; &:hover { box-shadow: inset -1px 0 $_linked_separator_color; } &:active, &:checked { box-shadow: none; } } &:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; &:hover { box-shadow: inset 1px 0 $_linked_separator_color; } &:active, &:checked { box-shadow: none; } &:dir(rtl) { border-bottom-left-radius: 0; } } &:only-child { border-radius: 3px; border-style: solid; &:hover { box-shadow: none; } &:active, &:checked { box-shadow: none; } } } %linked_vertical_middle { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; &:hover { box-shadow: inset 0 -1px $_linked_separator_color, inset 0 1px $_linked_separator_color; } &:active, &:checked { box-shadow: none; } } %linked_vertical{ @extend %linked_vertical_middle; &:first-child { border-radius: 3px 3px 0 0; border-top-style: solid; &:hover { box-shadow: inset 0 -1px $_linked_separator_color; } &:active, &:checked { box-shadow: none; } } &:last-child { border-radius: 0 0 3px 3px; border-bottom-style: solid; &:hover { box-shadow: inset 0 1px $_linked_separator_color; } &:active, &:checked { box-shadow: none; } } &:only-child { border-radius: 3px; border-style: solid; &:hover { box-shadow: none; } &:active, &:checked { box-shadow: none; } } } %undecorated_button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } /* menu buttons */ .menuitem.button.flat { transition: none; @extend %undecorated_button; outline-offset: -1px; border-radius: 2px; &:hover { background-color: if($variant=='light', mix($fg_color,$bg_color,5%), mix($fg_color,$bg_color,10%)); } &:active, &:selected { @extend %selected_items; } &:checked { color: $fg_color; } } // // Links // *:link { color: $link_color; &:visited { color: $link_visited_color; *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } } &:hover { color: lighten($link_color,10%); *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); } } &:active { color: $link_color; *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } } &:selected, *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } } .button:link, .button:visited { @extend %undecorated_button; @extend *:link; &:hover, &:active, &:checked { @extend %undecorated_button; } } // // Spinbuttons // .spinbutton { border-radius: 3px; .button { background-image: none; border: 1px solid transparentize($borders_color,0.4); border-style: none none none solid; color: mix($fg_color,$base_color,95%); border-radius: 0; box-shadow: none; &:dir(rtl) { border-style: none solid none none; } &:first-child { color: red; } &:insensitive { color: $insensitive_fg_color; } &:active { background-color: $selected_bg_color; color: $selected_fg_color; } } // .osd & { // .button { // @include button(undecorated); // color: $osd_fg_color; // border-style: none none none solid; // border-color: transparentize($osd_borders_color, 0.3); // border-radius: 0; // box-shadow: none; // &:dir(rtl) { border-style: none solid none none; } // &:hover { // @include button(undecorated); // color: $osd_fg_color; // border-color: transparentize(opacify($osd_borders_color, 1), 0.5); // background-color: transparentize($osd_fg_color, 0.9); // box-shadow: none; // } // &:insensitive { // @include button(undecorated); // color: $osd_insensitive_fg_color; // border-color: transparentize(opacify($osd_borders_color, 1), 0.5); // box-shadow: none; // } // &:last-child { border-radius: 0 2px 2px 0; } // &:dir(rtl):first-child { border-radius: 2px 0 0 2px; } // } // } &.vertical, &.vertical:dir(rtl) { .button { &:first-child { @extend %top_button; @include button(normal); &:active { @extend %top_button; @include button(active); } &:hover { @extend %top_button; @include button(hover); } &:insensitive { @extend %top_button; @include button(insensitive); } } &:last-child { @extend %bottom_button; @include button(normal); &:active { @extend %bottom_button; @include button(active); } &:hover { @extend %bottom_button; @include button(hover); } &:insensitive { @extend %bottom_button; @include button(insensitive); } } } &.entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } %top_button { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } %bottom_button { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } } GtkTreeView & { &.entry, &.entry:focus { padding: 1px; border-width: 1px 0; border-color: $selected_bg_color; border-radius: 0; box-shadow: none; } } } // // Comboboxes // GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; > .button { // Otherwise combos padding-top: $vert_padding - 2px; // are bigger than padding-bottom: $vert_padding - 2px; // buttons } &:insensitive { color: $insensitive_fg_color; } .separator.vertical { // always disable separators -GtkWidget-wide-separators: true; } &.combobox-entry .entry { @extend %linked; &:dir(ltr) { border-right-style: none; @if $variant=='light' { &:focus { box-shadow: 1px 0 $selected_bg_color; } } } &:dir(rtl) { border-left-style: none; @if $variant=='light' { &:focus { box-shadow: -1px 0 $selected_bg_color; } } } } &.combobox-entry .button { @extend %linked; &:dir(ltr) { box-shadow: inset 1px 0 $button_border; &:insensitive { box-shadow: inset 1px 0 transparentize($button_border, 0.45); } } &:dir(rtl) { box-shadow: inset -1px 0 $button_border; &:insensitive { box-shadow: inset -1px 0 transparentize($button_border, 0.45); } } } } .linked > GtkComboBox > .button { // 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 &:dir(ltr) { @extend %linked_middle; } // specificity bump &:dir(rtl) { @extend %linked_middle:dir(rtl); } } .linked > GtkComboBox:first-child > .button { @extend %linked:first-child; } .linked > GtkComboBox:last-child > .button { @extend %linked:last-child; } .linked > GtkComboBox:only-child > .button { @extend %linked:only-child; } .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { @extend %linked_vertical_middle; } .linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { @extend %linked_vertical:first-child; } .linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { @extend %linked_vertical:last-child; } .linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { @extend %linked_vertical:only-child; } // // Toolbars // .toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: $bg_color; .osd &, &.osd { padding: 7px; border: 1px solid transparentize(black, 0.5); border-radius: 3px; background-color: transparentize($osd_bg_color, 0.1); } } .primary-toolbar { color: $header_fg; background-color: opacify($header_bg, 1); box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, opacify($header_bg, 1), darken($header_bg, 7%)) 1 0 1 0; //temporary hack for rhythmbox 3.1 //&:backdrop { background-color: opacify($header_bg_backdrop, 1); } .separator { @extend %header_separator; } @extend %header_widgets; } .inline-toolbar { @extend .toolbar; background-color: darken($bg_color, 3%); border-style: solid; border-color: $borders_color; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: $bg_color; border-style: solid; border-color: $borders_color; border-width: 0 0 1px; padding: 3px; //box-shadow: inset 0 1px 2px rgba(0,0,0,0.25); } .action-bar { background-color: darken($bg_color, 3%) } // // Headerbars // .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: opacify($header_border, 1); color: $header_fg; background-color: opacify($header_bg, 1); .csd & { // Transparent header-bars only in csd windows background-color: $header_bg; border-color: $header_border; } &:backdrop { color: transparentize($header_fg, 0.3); } .title { padding-left: 12px; padding-right: 12px; } .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; @extend .dim-label; } // Selectionmode &.selection-mode, &.titlebar.selection-mode { color: $selection_mode_fg; background-color: $selection_mode_bg; border-color: darken($selection_mode_bg, 4%); box-shadow: none; &:backdrop { background-color: $selection_mode_bg; color: transparentize($selection_mode_fg, 0.4); } .subtitle:link { @extend *:link:selected; } .button { color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); background-color: transparentize($selected_fg_color, 1); border-color: transparentize($selected_fg_color, 1); &.flat { @include button(undecorated); color: $selected_fg_color; background-color: transparentize($selected_fg_color, 1); } &:hover { color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); background-color: transparentize($selected_fg_color, 0.95); border-color: transparentize($selected_fg_color, 0.5); } &:active, &:checked { color: $selection_mode_bg; outline-color: transparentize($selection_mode_bg, 0.7); background-color: $selected_fg_color; border-color: $selected_fg_color; } &:insensitive { color: transparentize($selected_fg_color, 0.6); background-color: transparentize($selected_fg_color, 1); border-color: transparentize($selected_fg_color, 1); &:active, &:checked { color: transparentize($selection_mode_bg, 0.6); background-color: transparentize($selected_fg_color, 0.85); border-color: transparentize($selected_fg_color, 0.85); } } } .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; GtkArrow { -GtkArrow-arrow-scaling: 1; } .arrow { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } } .maximized & { background-color: opacify($selection_mode_bg, 1); } } .tiled &, .tiled &:backdrop, .maximized &, .maximized &:backdrop { border-radius: 0; // squared corners when the window is max'd or tiled } .maximized & { background-color: opacify($header_bg, 1); border-color: opacify($header_border, 1); } &.default-decoration, .csd &.default-decoration, // needed under wayland, since all gtk3 windows are csd windows &.default-decoration:backdrop, .csd &.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: opacify($header_bg, 1); border-bottom-width: 0; .maximized & { background-color: opacify($header_bg, 1); } } } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); color: $header_fg; background-color: opacify($header_bg, 1); box-shadow: inset 0 1px lighten($header_bg, 3%); .csd & { background-color: $header_bg; } &:backdrop { color: transparentize($header_fg, 0.3); background-color: opacify($header_bg_backdrop, 1); .csd & { background-color: $header_bg_backdrop; } } .maximized & { background-color: opacify($header_bg, 1); &:backdrop, .csd &:backdrop { background-color: opacify($header_bg_backdrop, 1); } } } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } // Only extending .header-bar avoids some problems (Gnome Documents searchbar) .header-bar { .header-bar-separator, & > GtkBox > .separator.vertical { @extend %header_separator; } @extend %header_widgets; } %header_separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, transparentize($header_fg, 1) 25%, transparentize($header_fg, 0.65) 25%, transparentize($header_fg, 0.65) 75%, transparentize($header_fg, 1) 75%) 0 1/0 1px stretch; &:backdrop { opacity: 0.6; } } %header_widgets { // Headerbar Entries .entry { @include entry(header-normal); &:backdrop { opacity: 0.85; } &:focus { @include entry(header-focus); background-clip: if($darker=='false' and $variant=='light', border-box, padding-box); &.image { color: $selected_fg_color; } } &:insensitive { @include entry(header-insensitive); } &:selected:focus { background-color: $selected_fg_color; color: $selected_bg_color; } &.progressbar { border-color: $selected_bg_color; background-image: none; background-color: transparent; } @each $e_type, $e_color, $e_fg_color in (warning, $warning_color, $warning_fg_color), (error, $error_color, $error_fg_color) { &.#{$e_type} { color: $e_fg_color; border-color: if($darker=='false' and $variant=='light', $e_color, $header_entry_border); background-image: linear-gradient(to bottom, mix($e_color, $header_bg, 60%)); &:focus { color: $e_fg_color; background-image: linear-gradient(to bottom, $e_color); } &:selected, &:selected:focus { background-color: $e_fg_color; color: $e_color; } } } } // Headerbar Buttons .button { @include button(header-normal); &:backdrop { opacity: 0.7; } &:hover { @include button(header-hover); } &:active, &:checked { @include button(header-active); background-clip: if($darker=='false' and $variant=='light', border-box, padding-box); } &:insensitive { @include button(header-insensitive); } &:insensitive:active, &:insensitive:checked { @include button(header-insensitive-active); } } .linked > .button { border-radius: 3px; border-style: solid} .linked > .button:hover { box-shadow: none; } .linked.stack-switcher > .button, .linked.path-bar > .button { $_linked_separator_color: $header_button_border; @include button(header-hover); &:hover { background-color: lighten($header_button_bg, 15%); } &:active, &:checked { @include button(header-active); } &:insensitive { color: transparentize($header_fg, 0.4); } @extend %linked; &:hover { box-shadow: inset 1px 0 $_linked_separator_color, inset -1px 0 $_linked_separator_color; } &:active, &:checked { box-shadow: none; } &:first-child { &:hover { box-shadow: inset -1px 0 $_linked_separator_color; } &:active, &:checked { box-shadow: none; } } &:last-child { &:hover { box-shadow: inset 1px 0 $_linked_separator_color; } &:active, &:checked { box-shadow: none; } } &:only-child { &:hover { box-shadow: none; } &:active, &:checked { box-shadow: none; } } } // Headerbar Suggested and Destructive Action buttons @each $b_type, $b_color, $b_fg in (suggested-action, $suggested_color, $suggested_fg_color), (destructive-action, $destructive_color, $destructive_fg_color) { .button.#{$b_type} { @include button(suggested_destructive, $b_color, $b_fg); &.flat { @include button(undecorated); color: $b_color; outline-color: transparentize($b_color, 0.7); } &:hover { @include button(suggested_destructive, lighten($b_color, 10%), $b_fg); } &:active, &:checked { @include button(suggested_destructive, darken($b_color, 10%), $b_fg); } &.flat:insensitive, &:insensitive { @include button(header-insensitive); } } .button.#{$b_type}:backdrop, .button.#{$b_type}:backdrop { opacity: 0.8; } } // Headerbar Spinbuttons & .spinbutton { &:focus .button { color: $selected_fg_color; &:hover { background-color: transparentize($selected_fg_color, 0.9); border-color: transparent; } &:insensitive { color: transparentize($selected_fg_color, 0.6); } } .button { color: $header_fg; &:hover { background-color: transparentize($header_fg, 0.75); border-color: transparent; } &:insensitive { color: transparentize($header_fg, 0.3); } &:active { background-color: rgba(0,0,0,0.1); } } } // Headerbar ComboBoxes & GtkComboBox{ &:insensitive { color: transparentize($header_fg, 0.6); } &.combobox-entry .button { @include entry(header-normal); &:hover { @include entry(header-focus); box-shadow: none; } &:insensitive { @include entry(header-insensitive); } } &.combobox-entry .entry { &:dir(ltr) { &:focus { box-shadow: none; } } &:dir(rtl) { &:focus { box-shadow: none; } } } &.combobox-entry .button { &:dir(ltr) { box-shadow: inset 1px 0 $header_button_border; &:insensitive { box-shadow: inset 1px 0 transparentize($header_button_border, 0.45); } } &:dir(rtl) { box-shadow: inset -1px 0 $header_button_border; &:insensitive { box-shadow: inset -1px 0 transparentize($header_button_border, 0.45); } } } } // Headerbar Switches GtkSwitch { &:backdrop { opacity: 0.75; } } GtkProgressBar { &.trough { background-color: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.05), $header_button_border); } &:backdrop { opacity: 0.75; } } // Headerbar Scale .scale { &:backdrop { opacity: 0.75; } &.trough { $_trough_bg: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.05), $header_button_border); background-image: linear-gradient(to bottom, $_trough_bg); &:insensitive { background-image: linear-gradient(to bottom, if($variant=='light' and $darker=='false', transparentize($_trough_bg, 0.05), transparentize($_trough_bg, 0.1))); } } &.slider { $_slider_border: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.2), opacify($header_button_border, 0.3)); $_slider_bg: if($variant=='light' and $darker=='false', opacify($header_button_bg,1), lighten(opacify($header_bg,1), 10%)); background-image: linear-gradient(to bottom, $_slider_bg); border-color: $_slider_border; &:hover { background-image: linear-gradient(to bottom, lighten($_slider_bg, 5%)); border-color: $_slider_border; } &:active { background-image: linear-gradient(to bottom, $selected_bg_color); border-color: $selected_bg_color; } &:insensitive { background-image: linear-gradient(to bottom, mix($_slider_bg, $header_bg, 70%)); border-color: $_slider_border; } } } } // // Pathbars // .path-bar .button { padding: 5px 10px; &:first-child { padding-left: 10px; } &:last-child { padding-right: 10px; } &:only-child { padding-left: 14px; padding-right: 14px; } // the following is for spacing the icon and the label inside the home button GtkLabel:last-child { padding-left: 4px; } GtkLabel:first-child { padding-right: 4px; } GtkLabel:only-child, GtkLabel { padding-right: 0; padding-left: 0; } GtkImage { padding-top: 2px; padding-bottom: 1px; } } // // Tree Views // GtkTreeView.view { // treeview grid lines and expanders, unfortunatelly // the tree lines color can't be set -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-color: transparentize($fg_color, 0.8); // this is actually the line color // :selected is ignored hence no style for it &.dnd { border-style: solid none; border-width: 1px; border-color: mix($fg_color, $selected_bg_color, 50%); } &.expander { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } color: mix($fg_color, $base_color, 50%); &:hover { color: $fg_color; } &:selected { color: mix($selected_fg_color, $selected_bg_color, 70%); &:hover { color: $selected_fg_color; } } &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } } &.progressbar, &.progressbar:focus { // progress bar in treeviews color: $selected_fg_color; border-radius: 3px; background-image: linear-gradient(to bottom, $selected_bg_color); &:selected, &:selected:focus { color: $selected_bg_color; box-shadow: none; background-image: linear-gradient(to bottom, $selected_fg_color); } } &.trough { // progress bar trough in treeviews color: $fg_color; background-image: linear-gradient(to bottom, $button_border); border-radius: 3px; border-width: 0; &:selected, &:selected:focus { color: $selected_fg_color; background-image: linear-gradient(to bottom, transparentize(black, 0.8)); border-radius: 3px; border-width: 0; } } } column-header { .button { @extend %column_header_button; $_column_header_color: mix($fg_color,$base_color,80%); color: $_column_header_color; background-color: $base_color; &:hover { @extend %column_header_button; color: $selected_bg_color; box-shadow: none; transition: none; //I shouldn't need this } &:active { @extend %column_header_button; color: $fg_color; transition: none; //I shouldn't need this } &.dnd { @extend column-header.button.dnd; } } &:last-child .button, &:last-child.button { //treeview-like derived widgets in Banshee and Evolution border-right-style: none; border-image: none; } } column-header.button.dnd { // for treeview-like derive widgets transition: none; color: $selected_bg_color; box-shadow: inset 1px 1px 0 1px $selected_bg_color, inset -1px 0 0 1px $selected_bg_color, inset 1px 1px $base_color, inset -1px 0 $base_color;; &:active { @extend column-header.button.dnd; } &:selected { @extend column-header.button.dnd; } &:hover { @extend column-header.button.dnd; } } %column_header_button { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, transparentize(if($variant == 'light', black, white), 1) 20%, transparentize(if($variant == 'light', black, white), 0.89) 20%, transparentize(if($variant == 'light', black, white), 0.89) 80%, transparentize(if($variant == 'light', black, white), 1) 80%) 0 1 0 0 / 0 1px 0 0 stretch; &:active, &:hover { background-color: $base_color; } &:active:hover { color: $fg_color; } &:insensitive { border-color: $bg_color; background-image: none; } } // // Menus // .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: opacify($header_bg, 1); color: $header_fg; &:backdrop { color: transparentize($header_fg, 0.3); //background-color: opacify($header_bg_backdrop, 1); } & > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; &:hover { //Seems like it :hover even with keyboard focus background-color: $selected_bg_color; color: $selected_fg_color; } &:insensitive { color: transparentize($header_fg, 0.6); border-color: transparent; } } } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: if($variant=='light', $base_color, $bg_color); border: 1px solid $borders_color; .csd & { padding: 4px 0px; border-radius: 2px; border: none; } .menuitem { padding: 5px; &:hover { color: $selected_fg_color; background-color: $selected_bg_color; } &:insensitive { color: $insensitive_fg_color; } &.separator { color: transparentize($base_color, 1); } //submenu indicators &.arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } &.arrow:dir(rtl) {-gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); } } &.button { // overlow buttons @extend %undecorated_button; border-style: none; border-radius: 0; &.top { border-bottom: 1px solid mix($fg_color, $base_color, 10%); } &.bottom { border-top: 1px solid mix($fg_color, $base_color, 10%); } &:hover { background-color: mix($fg_color, $base_color, 10%); } &:insensitive { color: transparent; background-color: transparent; border-color: transparent ; } } } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: gtkalpha(currentColor,0.55); } // // Popovers // .popover { margin: 10px; padding: 2px; border: 1px solid darken($borders_color, 5%); border-radius: 3px; background-clip: border-box; background-color: if($variant=='light', $base_color, $bg_color); box-shadow: 0 2px 6px 1px if($variant=='light', transparentize(black, 0.93), transparentize(black, 0.65)); & .separator { color: transparentize($base_color, 1); } GtkLabel.separator { @extend GtkLabel.separator; } // Noice > .list, > .view, > .toolbar, &.osd > .toolbar { border-style: none; background-color: transparent; } &.osd { @extend %osd; } } //touch selection handlebars for the Popover.osd above .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; &.top { -gtk-icon-source: -gtk-icontheme('selection-start-symbolic'); } &.bottom { -gtk-icon-source: -gtk-icontheme('selection-end-symbolic'); } } // // Notebooks and Tabs // .notebook { padding: 0; background-color: $base_color; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms $ease-out-quad; &.frame { border: 1px solid $borders_color; &.top { border-top-width: 0; } &.bottom { border-bottom-width: 0; } &.right { border-right-width: 0; } &.left { border-left-width: 0; } } &.header { background-color: $bg_color; // this is the shading of the header behind the tabs &.frame { border: 0px solid $borders_color; &.top { border-bottom-width: 0; } &.bottom { border-top-width: 0; } &.right { border-left-width: 0; } &.left { border-right-width: 0; } } $_header_border: $borders_color; &.top { box-shadow: inset 0 -1px $_header_border; } &.bottom { box-shadow: inset 0 1px $_header_border; } &.right { box-shadow: inset 1px 0 $_header_border; } &.left { box-shadow: inset -1px 0 $_header_border; } } tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; // tab sizing $vpadding: 4px; $hpadding: 15px; //FIXME: we get double border in some cases, not considering the broken //notebook content frame... &.top, &.bottom { padding: $vpadding $hpadding; } &.left, &.right { padding: $vpadding $hpadding; } &.reorderable-page { &.top, &.bottom { padding-left: 12px; // for a nicer close button padding-right: 12px; // placement } } @each $_tab in (top, bottom, right, left) { &.reorderable-page.#{$_tab}, &.#{$_tab} { @if $_tab==top or $_tab==bottom { padding-#{$_tab}: $vpadding + 2; } @else if $_tab==left or $_tab==right { padding-#{$_tab}: $hpadding + 2; } @if $_tab==top { border-radius: 3.5px 2px 0 0; } @else if $_tab==bottom { border-radius: 0 0 2px 3.5px; } @else if $_tab==left { border-radius: 3.5px 0 0 3.5px; } @else if $_tab==right { border-radius: 0 3.5px 3.5px 0; } border-width: 0; border-#{$_tab}-width: 2px; border-color: transparent; background-color: transparentize($base_color, 1); &:hover, &.prelight-page { background-color: transparentize($base_color, 0.5); box-shadow: inset 0 1px $borders_color, inset 0 -1px $borders_color, inset 1px 0 $borders_color, inset -1px 0 $borders_color; } &:active, &.active-page, &.active-page:hover { background-color: $base_color; @if $_tab==top { box-shadow: inset 0 1px $borders_color, inset 0 -1px $base_color, inset 1px 0 $borders_color, inset -1px 0 $borders_color; } @else if $_tab==bottom { box-shadow: inset 0 -1px $base_color, inset 0 -1px $borders_color, inset 1px 0 $borders_color, inset -1px 0 $borders_color; } @else if $_tab==left { box-shadow: inset 0 1px $borders_color, inset 0 -1px $borders_color, inset 1px 0 $borders_color, inset -1px 0 $base_color; } @else if $_tab==right { box-shadow: inset 0 1px $borders_color, inset 0 -1px $borders_color, inset 1px 0 $base_color, inset -1px 0 $borders_color; } } } } GtkLabel { //tab text padding: 0 2px; // needed for a nicer focus ring color: $insensitive_fg_color; } .prelight-page GtkLabel, GtkLabel.prelight-page { // prelight tab text color: mix($fg_color, $insensitive_fg_color, 50%); } .active-page GtkLabel, GtkLabel.active-page { // active tab text color: $fg_color; } .button { //tab close button padding: 0; @extend %undecorated_button; color: mix($bg_color, $fg_color, 35%); &:hover { color: lighten(red, 15%); } &:active { color: $selected_bg_color; } & > GtkImage { // this is a hack which makes tabs grow padding: 2px; } } } &.arrow { color: $insensitive_fg_color; &:hover { color: mix($fg_color, $insensitive_fg_color, 50%); } &:active { color: $fg_color; } &:insensitive { color: transparentize($insensitive_fg_color,0.3); } } } // // Scrollbars // $_scrollbar_bg_color: darken($base_color, 1%); .scrollbar { background-clip: padding-box; background-image: none; border-style: solid; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkRange-slider-width: 13; -GtkScrollbar-min-slider-length: 42; // minimum size for the slider. // sadly can't be in '.slider' // where it belongs -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; .button { border: none; } &.trough { background-color: $_scrollbar_bg_color; border-left: 1px solid $borders_color; &.horizontal { border-left: none; border-top: 1px solid $borders_color; } } &.slider { border-radius: 21px 20px 20px 21px; border: 3px solid transparent; //margin :/ border-left-width: 4px; background-color: mix($fg_color, $bg_color, 40%); &.horizontal { border-radius: 21px 21px 20px 20px; border-left-width: 3px; border-top-width: 4px; } &:hover { background-color: mix($fg_color, $bg_color, 25%); } &:prelight:active, &:active { background-color: $selected_bg_color; } &.fine-tune { border-width: 4px; &:prelight:active { background-color: $selected_bg_color; } } &:insensitive { background-color: transparent; } } } .scrollbars-junction, .scrollbars-junction.frame { // the small square between two scrollbars border-color: transparent; background-color: $_scrollbar_bg_color; } // // Switches // GtkSwitch { font: 1; -GtkSwitch-slider-width: 41; outline-color: transparent; &.trough, &.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; &:dir(rtl) { background-position: left center; } } } @each $k,$l in ('',''), (':active','-active'), (':insensitive','-insensitive'), (':active:insensitive','-active-insensitive') { // load switch troughs from .png files in assets directory GtkSwitch.trough#{$k} { background-image: -gtk-scaled(url("assets/switch#{$l}#{$asset_suffix}.png"),url("assets/switch#{$l}#{$asset_suffix}@2.png")); } .menu .menuitem:hover GtkSwitch.trough#{$k}, .list-row:selected GtkSwitch.trough#{$k}, GtkInfoBar GtkSwitch.trough#{$k} { background-image: -gtk-scaled(url("assets/switch#{$l}-selected.png"),url("assets/switch#{$l}-selected@2.png")); } .header-bar GtkSwitch.trough#{$k}, .primary-toolbar GtkSwitch.trough#{$k} { background-image: -gtk-scaled(url("assets/switch#{$l}-header#{$darker_asset_suffix}.png"),url("assets/switch#{$l}-header#{$darker_asset_suffix}@2.png")); } } // // Check and Radio items * // @each $w,$a in ('check', 'checkbox'), ('radio','radio') { //standard checks and radios @each $s,$as in ('','-unchecked'), (':insensitive','-unchecked-insensitive'), (':inconsistent', '-mixed'), (':inconsistent:insensitive', '-mixed-insensitive'), (':checked', '-checked'), (':checked:insensitive','-checked-insensitive') { .#{$w}#{$s} { -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); } %osd_check_radio { .#{$w}#{$s} { -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-dark.png"), url("assets/#{$a}#{$as}-dark@2.png")); } } // the borders of checks and radios are // too similar in luminosity to the selected background color, hence // we need special casing. .menu .menuitem.#{$w}#{$s}:hover, GtkTreeView.view.#{$w}#{$s}:selected, .list-row:selected .#{$w}#{$s}, GtkInfoBar .#{$w}#{$s} { -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-selected.png"), url("assets/#{$a}#{$as}-selected@2.png")); } } } // Selectionmode @each $s,$as in ('','-selectionmode'), (':checked', '-checked-selectionmode') { GtkIconView.view.check#{$s}, GtkFlowBox.view.check#{$s} { -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"), url("assets/checkbox#{$as}#{$asset_suffix}@2.png")); background-color: transparent; } } GtkCheckButton.text-button, GtkRadioButton.text-button { // this is for a nice focus on check and radios text padding: 1px 2px 4px; outline-offset: 0; &:insensitive, &:insensitive:active, &:insensitive:inconsistent { // set insensitive color, which is overriden otherwise color: $insensitive_fg_color; } } // // GtkScale // .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; &.trough { margin: 5px; } &.fine-tune { &.trough { border-radius: 5px; margin: 3px; } } &.slider { $_slider_border: if($variant=='light', transparentize(darken($button_border,25%), 0.5), darken($button_border,2%)); background-clip: border-box; background-image: linear-gradient(to bottom, $button_bg); border: 1px solid $_slider_border; border-radius: 50%; box-shadow: none; &:hover { background-image: linear-gradient(to bottom, lighten($button_bg, 5%)); border-color: $_slider_border; } &:insensitive { background-image: linear-gradient(to bottom, mix($entry_bg, $bg_color, 55%)); border-color: transparentize($_slider_border, 0.2); } &:active { background-image: linear-gradient(to bottom, $selected_bg_color); border-color: $selected_bg_color; } //OSD sliders .osd & { background-image: linear-gradient(to bottom, $osd_bg_color); border-color: $selected_bg_color; &:hover { background-image: linear-gradient(to bottom, $selected_bg_color); } &:active { background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%)); border-color: darken($selected_bg_color, 10%); } } //selected list-row and infobar sliders .menu .menuitem:hover &, .list-row:selected &, GtkInfoBar & { background-image: linear-gradient(to bottom, $selected_fg_color); border-color: $selected_fg_color; &:hover { background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 85%)); border-color: mix($selected_fg_color, $selected_bg_color, 85%); } &:active { background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 50%)); border-color: mix($selected_fg_color, $selected_bg_color, 50%); } &:insensitive{ background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); border-color: mix($selected_fg_color, $selected_bg_color, 55%); } } } &.trough { $_scale_trough_bg: if($variant == 'light', $button_border, darken($bg_color, 5%)); border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, $_scale_trough_bg); &.highlight { background-image: linear-gradient(to bottom, $selected_bg_color); &:insensitive { background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 0.45)); } } &:insensitive { background-image: linear-gradient(to bottom, transparentize($_scale_trough_bg, 0.45)); } //OSD troughs .osd & { background-image: linear-gradient(to bottom, lighten($osd_bg_color, 7%)); outline-color: transparentize($osd_fg_color, 0.8); &.highlight { background-image: none; background-image: linear-gradient(to bottom, $selected_bg_color); } &:insensitive { } } // troughs in selected list-rows and infobars .menu .menuitem:hover &, .list-row:selected &, GtkInfoBar & { background-image: linear-gradient(to bottom, transparentize(black, 0.8)); &.highlight { background-image: linear-gradient(to bottom, $selected_fg_color); &:insensitive { background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); } } &:insensitive { background-image: linear-gradient(to bottom, transparentize(black, 0.9)); } } } } // // Progress bars // GtkProgressBar { padding: 0; font-size: smaller; color: transparentize($fg_color, 0.3); &.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } } // moving bit .progressbar { background-color: $selected_bg_color; border: none; border-radius: 3px; box-shadow: none; //needed for clipping &.left.right { } &.osd { background-color: $selected_bg_color; } .list-row:selected &, GtkInfoBar & { background-color: $selected_fg_color; } } .osd .scale.progressbar { background-color: $selected_bg_color; } // background GtkProgressBar.trough { border: none; border-radius: 3px; background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); &.osd { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected &, GtkInfoBar & { background-color: transparentize(black, 0.8); } } // // Level Bar // GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; &.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } } .level-bar { &.trough { @extend GtkProgressBar.trough; padding: 3px; border-radius: 4px; } &.fill-block { // FIXME: it would be nice to set make fill blocks bigger, but we'd need // :nth-child working on discrete indicators border: 1px solid $selected_bg_color; background-color: $selected_bg_color; border-radius: 2px; &.indicator-discrete { &.horizontal { margin: 0 1px; } &.vertical { margin: 1px 0; } } &.level-high { border-color: $success_color; background-color: $success_color; } &.level-low { border-color: $warning_color; background-color: $warning_color; } &.empty-fill-block { background-color: if($variant=='light', transparentize($fg_color,0.8), $base_color); border-color: if($variant=='light', transparentize($fg_color,0.8), $base_color); } } } // // Frames // .frame { border: 1px solid $borders_color; &.flat { border-style: none; } padding: 0; &.action-bar { padding: 6px; border-width: 1px 0 0; } } GtkScrolledWindow { GtkViewport.frame { // avoid double borders when viewport inside // scrolled window border-style: none; } } //vbox and hbox separators .separator { // always disable separators // -GtkWidget-wide-separators: true; color: transparentize(black, 0.9); // Font and File button separators GtkFileChooserButton &, GtkFontButton &, GtkFileChooserButton &.vertical, GtkFontButton &.vertical { // always disable separators -GtkWidget-wide-separators: true; } } // // Lists // .list, .list-row { background-color: $base_color; border-color: $borders_color; } .list-row, .grid-child { padding: 2px; } .list-row.button { @extend %undecorated_button; background-color: transparentize(black, 1); // for the transition border-style: none; // I need no borders here border-radius: 0; // and no rounded corners box-shadow: none; // and no box-shadow &:hover { background-color: if($variant == 'light', transparentize(black, 0.95), transparentize(white, 0.97)); } &:active { color: $fg_color; } &:selected { &:active { color: $selected_fg_color; } &:hover { background-color: mix(black, $selected_bg_color, 10%); } &:insensitive { color: transparentize($selected_fg_color, 0.3); background-color: transparentize($selected_bg_color, 0.3); GtkLabel { color: inherit; } } } } .list-row:selected { @extend %selected_items; .button { @extend %selected-button } } // transition .list-row, list-row.button { transition: all 300ms $ease-out-quad; &:hover { transition: none; } } // // App Notifications // .app-notification, .app-notification.frame { padding: 10px; color: $dark_sidebar_fg; background-color: $dark_sidebar_bg; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: darken($dark_sidebar_bg, 10%); .button { @include button(osd); &.flat { @extend %undecorated_button; border-color: transparentize($selected_bg_color, 1); &:insensitive { @extend %undecorated_button; } } &:hover { @include button(osd-hover); } &:active, &:checked { @include button(osd-active); background-clip: padding-box; } &:insensitive { @include button(osd-insensitive); } } } // // Expanders // .expander { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } &:hover { color: lighten($fg_color,30%); } //only lightens the arrow &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } } // // Calendar // GtkCalendar { color: $fg_color; border: 1px solid $borders_color; border-radius: 3px; padding: 2px; &:selected { background-color: $selected_bg_color; color: $selected_fg_color; border-radius: 1.5px; } &.header { color: $fg_color; border: none; border-radius: 0; } &.button, &.button:focus { color: transparentize($fg_color,0.55); @include button(undecorated); &:hover { color: $fg_color; } &:insensitive { color: $insensitive_fg_color; background-color: transparent; background-image: none; } } &.highlight { color: gtkalpha(currentColor,0.55); } } // // Dialogs // .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { // Message Dialog styling -GtkDialog-button-spacing: 0; .titlebar { background-color: $header_bg; border-bottom: 1px solid darken($header_bg, 7%) } &.csd { // rounded bottom border styling for csd version &.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .dialog-action-area .button { padding: 8px; border-radius: 0; @extend %middle_button; &:hover, &:active, &:insensitive { @extend %middle_button; } &:first-child{ @extend %first_button; } &:last-child { @extend %last_button; } } %middle_button { border-right-style: none; border-bottom-style: none; } %last_button { border-bottom-right-radius: 3px; } %first_button { border-left-style: none; border-bottom-left-radius: 3px; } } } GtkFileChooserDialog { .search-bar { background-color: $bg_color; border-color: $borders_color; box-shadow: none; } .dialog-action-box { border-top: 1px solid $borders_color; } } // // Sidebar // .sidebar { border: none; background-color: lighten($bg_color, 2%); .scrollbar { &.trough { background-color: transparent; border-width: 2px; border-color: transparent; } } &:selected { background-color: $selected_bg_color; } } // Places sidebar is a special case, since the view here have to look like chrome not content, so we override text color GtkPlacesSidebar.sidebar .view { color: $fg_color; background-color: transparent; &:selected { color: $selected_fg_color; background-color: $selected_bg_color; } &.separator { @extend .separator; } } .sidebar-item { padding: 10px 4px; > GtkLabel { padding-left: 6px; padding-right: 6px; } &.needs-attention > GtkLabel { @extend %needs_attention; background-size: 6px 6px, 0 0; } } // // Paned // GtkPaned { // This is actually the invisible area of the paned separator, not a margin... margin: 0 8px 8px 0; //drag area of the separator &:dir(rtl) { margin-right: 0; margin-left: 8px; } } .pane-separator { //FIXME abusing a background-image to get rid of the handle decoration //I'd like something better... background-image: linear-gradient(to bottom, $borders_color); } // // GtkInfoBar // GtkInfoBar { border-style: none; .button { @extend %selected-button } } .info, .question, .warning, .error, GtkInfoBar { background-color: $selected_bg_color; color: $selected_fg_color; } // // Buttons on selected backgrounds // %selected-button { color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); background-color: transparentize($selected_fg_color, 1); border-color: transparentize($selected_fg_color, 0.5); &.flat { @include button(undecorated); color: $selected_fg_color; background-color: transparentize($selected_fg_color, 1); } &:hover { color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); background-color: transparentize($selected_fg_color, 0.8); border-color: transparentize($selected_fg_color, 0.2); } &:active, &:active:hover, &:checked { color: $selected_bg_color; outline-color: transparentize($selected_bg_color, 0.7); background-color: $selected_fg_color; border-color: $selected_fg_color; } &:insensitive { color: transparentize($selected_fg_color, 0.6); background-color: transparentize($selected_fg_color, 1); border-color: transparentize($selected_fg_color, 0.8); &:active, &:checked { color: transparentize($selected_bg_color, 0.6); background-color: transparentize($selected_fg_color, 0.8); border-color: transparentize($selected_fg_color, 0.8); } } } // // 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: lighten($osd_bg_color, 10%); background-clip: padding-box; } color: $osd_fg_color; border-radius: 2px; &.window-frame.csd { background-color: transparent; } } .tooltip * { //Yeah this is ugly padding: 4px; background-color: transparent; color: inherit; // just to be sure } // // Color Chooser // GtkColorSwatch { border: none; box-shadow: inset 0 1px 1px transparentize(black, 0.6); &.color-light { &:hover { background-image: linear-gradient(to bottom, transparentize(white, 0.6)); } } &.color-dark { &:hover { background-image: linear-gradient(to bottom, transparentize(white, 0.8)); } } &:hover { border-color: transparentize(black, 0.5); } &.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } &.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } &.left, &:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } &.right, &:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } &:only-child { border-radius: 3px; } &.color-active-badge { border-width: 2px; &:hover { background-image: none; } &.color-light, &.color-light:hover { color: transparentize(black,0.7); border-color: transparentize(black,0.7); } &.color-dark, &.color-dark:hover { color: transparentize(white,0.5); border-color: transparentize(white,0.5); } } } GtkColorChooserWidget #add-color-button { border-color: mix($borders_color,$bg_color,50%); background-color: mix($borders_color,$bg_color,50%); color: $bg_color; box-shadow: none; &:hover { border-color: $borders_color; background-color: $borders_color; } } GtkColorButton.button { padding: 5px; // Uniform padding on the GtkColorButton GtkColorSwatch { border-radius: 0; } } // // Misc // .scale-popup .button { // +/- buttons on GtkVolumeButton popup padding: 6px; &:hover { @include button(hover); } } GtkVolumeButton.button { padding: 8px; } // Decouple the font of context menus from their entry/textview .touch-selection, .context-menu { font: initial;} .monospace { font: Monospace; } // // Overshoot // // This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. // This draws a box on top of the content, the size changes programmatically. .overshoot { &.top { @include overshoot(top); } &.bottom { @include overshoot(bottom); } &.left { @include overshoot(left); } &.right { @include overshoot(right); } } // // Undershoot // // Overflow indication, works similarly to the overshoot, the size if fixed tho. .undershoot { &.top { @include undershoot(top); } &.bottom { @include undershoot(bottom); } &.left { @include undershoot(left); } &.right { @include undershoot(right); } } // // Window Decorations // .window-frame { border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); border-width: 0px; $_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize(black, 0.45)); box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border), 0 8px 8px 0 if($variant == 'light', opacify($_wm_border, 0.1), transparentize($_wm_border, 0.2)); // this is used for the resize cursor area margin: 10px; &:backdrop { box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', transparentize(darken($header_bg, 7%), 0.1), $_wm_border), 0 5px 5px 0 if($variant == 'light', opacify($_wm_border, 0.1), transparentize($_wm_border, 0.2)); } &.tiled { border-radius: 0; } &.popup { box-shadow: none; border-radius: 0; } &.csd { &.popup, &.menu { border-radius: 2px; box-shadow: 0 3px 6px if($variant == 'light', $_wm_border, transparentize($_wm_border, 0.1)), 0 0 0 1px if($variant == 'light', $_wm_border, darken($bg_color, 10%)); } &.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px if($variant == 'light', $_wm_border, transparentize($_wm_border, 0.3)); } &.message-dialog { border-radius: 3px; } } } // // Titlebuttons // .header-bar, .titlebar, .header-bar.selection-mode, .titlebar.selection-mode { &.default-decoration .button.titlebutton { // no vertical padding for ssd buttons padding-top: 0px; // already handled by the titlebar-padding padding-bottom: 0px; } .button.titlebutton { @extend .image-button; padding: 8px 4px; @include button(undecorated); background-color: transparentize($header_bg, 1); border-color: transparentize($header_bg, 1); color: transparent; background-position: center; background-repeat: no-repeat; &:backdrop { opacity: 1; } } // Minimize .right .button.titlebutton:nth-last-child(3), .right:dir(rtl) .button.titlebutton:nth-child(3), .left .button.titlebutton:nth-child(3), .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url('assets/titlebutton-minimize#{$darker_asset_suffix}.png'),url('assets/titlebutton-minimize#{$darker_asset_suffix}@2.png')); &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-minimize-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-minimize-hover#{$darker_asset_suffix}@2.png')); } &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-minimize-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-minimize-active#{$darker_asset_suffix}@2.png')); } &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-minimize-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-minimize-backdrop#{$darker_asset_suffix}@2.png')); } } // Maximize .right .button.titlebutton:nth-last-child(2), .right:dir(rtl) .button.titlebutton:nth-child(2), .left .button.titlebutton:nth-child(2), .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url('assets/titlebutton-maximize#{$darker_asset_suffix}.png'),url('assets/titlebutton-maximize#{$darker_asset_suffix}@2.png')); &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-maximize-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-maximize-hover#{$darker_asset_suffix}@2.png')); } &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-maximize-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-maximize-active#{$darker_asset_suffix}@2.png')); } &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-maximize-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-maximize-backdrop#{$darker_asset_suffix}@2.png')); } } // Close .right .button.titlebutton:last-child, .right:dir(rtl) .button.titlebutton:first-child, .left .button.titlebutton:first-child, .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url('assets/titlebutton-close#{$darker_asset_suffix}.png'),url('assets/titlebutton-close#{$darker_asset_suffix}@2.png')); &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-hover#{$darker_asset_suffix}@2.png')); } &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-active#{$darker_asset_suffix}@2.png')); } &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}@2.png')); } } } // Fallback menubutton .header-bar, .titlebar { .left GtkMenuButton.button.titlebutton:first-child, .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, &.selection-mode .left GtkMenuButton.button.titlebutton:first-child, &.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child { padding: 4px 6px 4px 6px; color: $header_fg; &, &:hover, &:active:hover, &:backdrop, &:backdrop:hover { background-image: none; background-color: transparentize($header_bg, 1); border-color: transparentize($header_bg, 1); } &:hover, &:backdrop:hover { @include button(header-hover); } &:active:hover, &:checked { @include button(header-active); } } } // catch all extend %selected_items { background-image: none; background-color: $selected_bg_color; color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); } ================================================ FILE: common/gtk-3.0/3.14/sass/_drawing.scss ================================================ // Drawing mixins // Entries @mixin entry($t) { // // Entries drawing function // // $t: entry type // @if $t==normal { // // normal entry // color: $text_color; border-color: $entry_border; background-color: $entry_bg; background-image: linear-gradient(to bottom, $entry_bg); } @if $t==focus { // // focused entry // color: $text_color; border-color: if($variant=='light', $selected_bg_color, $button_border); background-color: $entry_bg; background-image: linear-gradient(to bottom, $entry_bg); @if $variant == 'dark' { box-shadow: inset 1px 0 $selected_bg_color, inset -1px 0 $selected_bg_color, inset 0 1px $selected_bg_color, inset 0 -1px $selected_bg_color; } } @if $t==insensitive { // // insensitive entry // color: $insensitive_fg_color; border-color: transparentize($entry_border, 0.45); background-color: transparentize($entry_bg, 0.45); background-image: linear-gradient(to bottom, transparentize($entry_bg, 0.45)); } @if $t==header-normal { // // normal header-bar entry // color: $header_fg; border-color: $header_entry_border; background-image: linear-gradient(to bottom, $header_entry_bg); background-color: transparent; &.image, &.image:hover { color: inherit; } } @if $t==header-focus { // // focused header-bar entry // color: $selected_fg_color; border-color: if($darker=='false' and $variant=='light', $selected_bg_color, transparent); background-image: linear-gradient(to bottom, $selected_bg_color); } @if $t==header-insensitive { // // insensitive header-bar entry // color: transparentize($header_fg, 0.45); background-image: linear-gradient(to bottom, transparentize($header_entry_bg, 0.15)); } @else if $t==osd { // // normal osd entry // color: $osd_fg_color; border-color: $osd_entry_border; background-image: linear-gradient(to bottom, $osd_entry_bg); background-color: transparent; &.image, &.image:hover { color: inherit; } } @else if $t==osd-focus { // // active osd entry // color: $selected_fg_color; border-color: $osd_entry_border; background-image: linear-gradient(to bottom, $selected_bg_color); } @else if $t==osd-insensitive { // // insensitive osd entry // color: transparentize($osd_fg_color, 0.45); background-image: linear-gradient(to bottom, transparentize($osd_entry_bg, 0.15)); } } // Buttons @mixin button($t, $actionb_bg:red, $actionb_fg: green) { // // Button drawing function // // $t: button type, // $actionb_bg, $actionb_fg: used for destructive and suggested action buttons @if $t==normal { // // normal button // color: $fg_color; outline-color: transparentize($fg_color, 0.7); border-color: $button_border; background-color: $button_bg; } @else if $t==hover { // // hovered button // color: $fg_color; outline-color: transparentize($fg_color, 0.7); border-color: $button_border; background-color: lighten($button_bg, 5%); } @else if $t==active { // // pushed button // color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); border-color: if($variant=='light', $selected_bg_color, $button_border); background-color: $selected_bg_color; } @else if $t==insensitive { // // insensitive button // color: $insensitive_fg_color; border-color: transparentize($button_border, 0.45); background-color: transparentize($button_bg, 0.45); > GtkLabel { color: inherit; } } @else if $t==insensitive-active { // // insensitive pushed button // color: transparentize($selected_fg_color, 0.2); border-color: transparentize($selected_bg_color, 0.25); background-color: transparentize($selected_bg_color, 0.25); opacity: 0.6; > GtkLabel { color: inherit; } } @if $t==header-normal { // // normal header-bar button // color: $header_fg; outline-color: transparentize($header_fg, 0.7); outline-offset: -3px; background-color: transparentize($header_bg, 1); border-color: transparentize($header_bg, 1); } @else if $t==header-hover { // // hovered header-bar button // color: $header_fg; outline-color: transparentize($header_fg, 0.7); border-color: $header_button_border; background-color: $header_button_bg; } @else if $t==header-active { // // pushed header-bar button // color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); border-color: if($darker=='false' and $variant=='light', $selected_bg_color, transparent); background-color: $selected_bg_color; } @else if $t==header-insensitive { // // insensitive header-bar button // color: transparentize($header_fg, 0.45); background-color: transparentize($header_bg, 1); border-color: transparentize($header_bg, 1); > GtkLabel { color: inherit; } } @else if $t==header-insensitive-active { // // header-bar insensitive pushed button // color: transparentize($selected_fg_color, 0.25); border-color: transparentize($selected_bg_color, 0.35); background-color: transparentize($selected_bg_color, 0.35); } @else if $t==osd { // // normal osd button // color: $osd_fg_color; outline-color: transparentize($osd_fg_color, 0.7); border-color: $osd_button_border; background-color: $osd_button_bg; } @else if $t==osd-hover { // // active osd button // color: $osd_fg_color; outline-color: transparentize($osd_fg_color, 0.7); border-color: $osd_button_border; background-color: opacify(lighten($osd_button_bg, 7%), 0.1); } @else if $t==osd-active { // // active osd button // color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); border-color: $osd_button_border; background-color: $selected_bg_color; } @else if $t==osd-insensitive { // // insensitive osd button // color: $osd_insensitive_fg_color; border-color: $osd_button_border; background-color: transparentize($osd_button_bg, 0.15); } @else if $t==suggested_destructive { // // suggested or destructive action buttons // background-clip: border-box; color: $actionb_fg; outline-color: transparentize($actionb_fg, 0.7); background-color: $actionb_bg; border-color: $actionb_bg; } @else if $t==undecorated { // // reset // border-color: transparent; background-color: transparent; background-image: none; } } // // Overshoot // @mixin overshoot($p, $c:$selected_bg_color) { // $p: position // $c: base color // // possible $p values: // top, bottom, right, left // $_big_gradient_length: 60%; $_position: center top; $_big_gradient_size: 100% $_big_gradient_length; @if $p==bottom { $_position: center bottom; } @else if $p==right { $_position: right center; $_big_gradient_size: $_big_gradient_length 100%; } @else if $p==left { $_position: left center; $_big_gradient_size: $_big_gradient_length 100%; } background-image: -gtk-gradient(radial, $_position, 0, $_position, 0.6, from(transparentize($c, 0.8)), to(transparentize($c, 1))); background-size: $_big_gradient_size; background-repeat: no-repeat; background-position: $_position; background-color: transparent; // reset some properties to be sure to not inherit them somehow border: none; // box-shadow: none; // } // // Undershoot // @mixin undershoot($p) { // $p: position // // possible $p values: // top, bottom, right, left // $_undershoot_color_dark: transparentize(black, 0.8); $_undershoot_color_light: transparentize(white, 0.8); $_gradient_dir: left; $_dash_bg_size: 10px 1px; $_gradient_repeat: repeat-x; $_bg_pos: center $p; background-color: transparent; // shouldn't be needed, but better to be sure; @if ($p == left) or ($p == right) { $_gradient_dir: top; $_dash_bg_size: 1px 10px; $_gradient_repeat: repeat-y; $_bg_pos: $p center; } background-image: linear-gradient(to $_gradient_dir, // this is the dashed line $_undershoot_color_light 50%, $_undershoot_color_dark 50%); padding-#{$p}: 1px; background-size: $_dash_bg_size; background-repeat: $_gradient_repeat; background-origin: content-box; background-position: $_bg_pos; } ================================================ FILE: common/gtk-3.0/3.14/sass/_granite.scss ================================================ // Granite Widgets // // Overlay Bar // .overlay-bar { background-color: $selected_bg_color; border-color: $selected_bg_color; border-radius: 2px; padding: 3px 6px; margin: 3px; GtkLabel { color: $selected_fg_color; } } // // Thin Pane Separator // GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid $borders_color; border-right: 1px solid $borders_color; } // avoid borders when a viewport is // packed into a Static Notebook, or Popover GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } // // Help Button // .help_button { border-radius: 100px; padding: 3px 9px; } // // Secondary Toolbars // .secondary-toolbar.toolbar { padding: 3px; border-bottom: 1px solid $borders_color; .button { padding: 0 3px 0 3px; } } // // Bottom Toolbars // .bottom-toolbar.toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: $borders_color; background-color: $bg_color; .button { padding: 2px 3px 2px 3px; } } // // Sidebar & Source List // .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: $bg_color; color: $fg_color; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: lighten($bg_color, 5%); } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: $selected_fg_color; background-color: $selected_bg_color; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: $bg_color; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: $selected_bg_color; color: $selected_fg_color; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: $selected_fg_color; color: $selected_bg_color; } // // Expander // .source-list.category-expander { color: $fg_color; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } // // Welcome // GraniteWidgetsWelcome { background-color: $base_color; } GraniteWidgetsWelcome GtkLabel { color: mix($fg_color, $bg_color, 50%); font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: transparentize($fg_color, 0.2); } // // Help Button // .help_button { border-radius: 0; } // // Popover // GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid transparentize(black, 0.7); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, $base_color); border: 1px solid transparentize(black, 0.7); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } // // Xs Entry // GraniteWidgetsXsEntry.entry { padding: 4px; } // // Text Styles // .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: mix($bg_color, $text_color, 30%); font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4{ padding-left: 6px; } ================================================ FILE: common/gtk-3.0/3.14/sass/_lightdm.scss ================================================ // the panel widget at the top #panel_window { background-color: $panel_bg; color: $panel_fg; font: bold; box-shadow: inset 0 -1px darken($panel_bg, 7%); // the menubars/menus of the panel, i.e. indicators .menubar { padding-left: 5px; &, > .menuitem { background-color: transparent; color: $panel_fg; font: bold; } } .menubar .menuitem:insensitive { color: transparentize($panel_fg, 0.5); GtkLabel { color: inherit; } } .menubar .menu .menuitem { font: normal; } } // the login window #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: $fg_color; } // the top half of the login-window, in GtkDialog terms, the content #content_frame { padding-bottom: 14px; background-color: $bg_color; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid transparentize(black, 0.9); border-width: 1px 1px 0 1px; } #content_frame .button { @include button(normal); &:hover { @include button(hover); } &:active, &:checked { @include button(active); } &:insensitive { @include button(insensitive); } } // the lower half of the login-window, in GtkDialog terms the buttonbox or action area #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: if($variant=='light', $osd_bg_color, $header_bg); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid transparentize(black, 0.9); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px if($variant=="light", $dark_sidebar_border, $header_border); } #buttonbox_frame .button{ @include button(osd); &:hover { @include button(osd-hover); } &:active, &:checked { @include button(osd-active); } &:insensitive { @include button(osd-insensitive); } } #login_window #user_combobox { color: $fg_color; font: 13px; .menu { font: normal; } .arrow {} } // the user's avatar box #user_image { padding: 3px; border-radius: 2px; } // the border around the user's avatar box #user_image_border {} // the shutdown button #shutdown_button.button { @include button(suggested_destructive, $destructive_color); &:hover { @include button(suggested_destructive, lighten($destructive_color, 10%)); } &:active, &:checked { @include button(suggested_destructive, darken($destructive_color, 10%)); } } // the restart button #restart_button.button { @include button(suggested_destructive, $suggested_color); &:hover { @include button(suggested_destructive, lighten($suggested_color, 10%)); } &:active, &:checked { @include button(suggested_destructive, darken($suggested_color, 10%)); } } // the warning, in case a wrong password is entered or something else goes wrong according to PAM #greeter_infobar { border-bottom-width: 0; font: bold; } ================================================ FILE: common/gtk-3.0/3.14/sass/_transparent_widgets.scss ================================================ .titlebar .separator { color: $header_border; //fixes separator in gnome-tweak-tool } NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } @if $variant==dark { GtkFileChooserDialog, NautilusWindow , NemoWindow { .sidebar { border-right: 1px solid $dark_sidebar_border; } .sidebar:dir(rtl) { border-left: 1px solid $dark_sidebar_border; } } } // Dark transparent sidebars NautilusWindow GtkBox.sidebar { background-color: transparent; } GtkFileChooserDialog, NautilusWindow, NemoWindow, MarlinViewWindow { &.csd.background, .source-list, .source-list.view, .source-list.view:prelight { background-color: transparent; } .sidebar, MarlinPlacesSidebar { background-color: $dark_sidebar_bg; .view, .source-list.sidebar row { background-color: transparent; color: $dark_sidebar_fg; &.image { color: transparentize($dark_sidebar_fg, 0.3); } &.cell:selected { background-color: $selected_bg_color; color: $selected_fg_color; } } &.frame { color: $dark_sidebar_fg; } .separator { color: transparent; } .scrollbar { @extend %dark_sidebar_scrollbar } } &.maximized .sidebar { background-color: opacify($dark_sidebar_bg, 1); } } GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator {background-color: $dark_sidebar_border} // Fix Nautilus transparency issues NautilusWindow NautilusWindowSlot { background-color: $base_color; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog { &.background.csd, &.background { background-color: $dark_sidebar_bg } .sidebar { background-color: transparent } // Yeah, this is ugly, but prevents a transparent background in the image preview box GtkPaned > .vertical > .horizontal { background-color: $bg_color; } // fix for non gnome environments .dialog-action-box { background-color: $bg_color } .dialog-vbox > .frame { color: $dark_sidebar_fg; border-color: transparent; } .action-bar.frame { background-color: transparent; border-color: if($variant =='light', darken($dark_sidebar_bg, 5%), darken($dark_sidebar_bg, 10%)); } .action-bar.frame, .dialog-vbox > .frame { .button { @extend %dark_sidebar_button; } .entry { @extend %dark_sidebar_entry; } @extend %osd_check_radio; GtkLabel, GtkComboBox { color: $dark_sidebar_fg; } } } // // Paned Headerbars // FeedReaderreaderUI.background.csd, GeditWindow.background.csd { > .titlebar .pane-separator, &.maximized > .titlebar .pane-separator, > .titlebar .pane-separator:backdrop, &.maximized > .titlebar .pane-separator:backdrop { background-color: $header_border; } > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: $header_bg; &:backdrop { background-color: $header_bg_backdrop; } } &.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: opacify($header_bg, 1); &:backdrop { background-color: opacify($header_bg_backdrop, 1); } } } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } // Gedit GeditWindow.background { &.csd { background-color: transparent; } .gedit-side-panel-paned .pane-separator { background-color: $dark_sidebar_border; } .gedit-bottom-panel-paned .pane-separator { background-color: $borders_color; } > .titlebar.default-decoration, > .titlebar.default-decoration:backdrop { background-color: opacify($header_bg, 1); } // fix for elementary OS } .gedit-bottom-panel-paned { background-color: $base_color; } .gedit-document-panel { background-color: $dark_sidebar_bg; .maximized & { background-color: opacify($dark_sidebar_bg, 1); } .list-row { color: $dark_sidebar_fg; } .list-row { background-color: transparentize($dark_sidebar_fg, 1); border: solid transparentize($dark_sidebar_fg, 1); border-width: 3px 2px 3px 2px; } .list-row:hover { border: solid transparentize($dark_sidebar_fg, 0.85); border-width: 3px 2px 3px 2px; background-color: transparentize($dark_sidebar_fg, 0.85); } .list-row:active { color: $selected_fg_color; background-color: $selected_bg_color; border: solid $selected_bg_color; border-width: 3px 2px 3px 2px; .button { color: $selected_fg_color; } } .list-row:selected, .list-row:selected:hover { color: $selected_fg_color; background-color: $selected_bg_color; border: solid $selected_bg_color; border-width: 3px 2px 3px 2px; } .prelight-row .button:active { color: $dark_sidebar_fg; } } GeditFileBrowserWidget { background-color: $dark_sidebar_bg; .maximized & { background-color: opacify($dark_sidebar_bg, 1); } .scrollbar { @extend %dark_sidebar_scrollbar } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; background-color: transparent; } .horizontal { background-color: transparent; border-color: darken($dark_sidebar_bg, 7%); .button { @extend %dark_sidebar_button; } GtkComboBox { color: $dark_sidebar_fg; } } } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: $dark_sidebar_fg; &.expander { color: $dark_sidebar_fg; &:hover { color: $selected_bg_color; } } } %dark_sidebar_button { @include button(osd); &:hover { @include button(osd-hover); } &:active, &:checked { @include button(osd-active); } &:insensitive { @include button(osd-insensitive); } } %dark_sidebar_entry { @include entry(osd); &:focus { @include entry(osd-focus); } &:insensitive { @include entry(osd-insensitive); } } %dark_sidebar_scrollbar { &.trough { background-color: transparent; border-color: transparent; } &.slider { border-radius: 20px; border: 3px solid transparent; background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); &:hover { background-color: lighten($dark_sidebar_fg, 20%); } &:prelight:active { background-color: $selected_bg_color; } &.fine-tune { border-width: 4px; &:prelight:active { background-color: $selected_bg_color; } } &:insensitive { background-color: transparent; } } } ================================================ FILE: common/gtk-3.0/3.14/sass/_unity.scss ================================================ // Decorations UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: $selected_bg_color; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; &.top { border: 1px solid if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9)); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, opacify($header_bg, 1)); color: $header_fg; // The foreground color will be used to paint the text box-shadow: inset 0 1px lighten($header_bg, 3%); &:backdrop { border-bottom-width: 0; //background-image: linear-gradient(to bottom, opacify($header_bg_backdrop, 1)); color: transparentize($header_fg, 0.3); } } &.left, &.right, &.bottom, &.left:backdrop, &.right:backdrop, &.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9))); } } // Panel Style UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: lighten($panel_fg, 20%); box-shadow: none; &:backdrop { color: lighten($panel_fg, 1%); } } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: $selected_fg_color; background-image: linear-gradient(to bottom, $selected_bg_color); border-bottom: none; } // Unity Greeter .lightdm.menu { background-image: none; background-color: transparentize(black, 0.6); border-color: transparentize(white, 0.2); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: lighten($header_bg, 8); border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: transparentize(white, 0.2); background-image: none; background-color: transparentize(black, 0.5); & > .menuitem { padding: 2px 6px; } } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: transparentize(black, 0.7); border-color: transparentize(white, 0.6); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: transparentize(white, 0.9); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: transparentize(white, 0.2); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; &.selected { background-color: transparentize(black, 0.3); border-width: 1px; } } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } ================================================ FILE: common/gtk-3.0/3.14/sass/gtk-dark.scss ================================================ $variant: 'dark'; $darker: 'false'; $transparency: 'true'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.14/sass/gtk-darker.scss ================================================ $variant: 'light'; $darker: 'true'; $transparency: 'true'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.14/sass/gtk-solid-dark.scss ================================================ $variant: 'dark'; $darker: 'false'; $transparency: 'false'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.14/sass/gtk-solid-darker.scss ================================================ $variant: 'light'; $darker: 'true'; $transparency: 'false'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.14/sass/gtk-solid.scss ================================================ $variant: 'light'; $darker: 'false'; $transparency: 'false'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.14/sass/gtk.scss ================================================ $variant: 'light'; $darker: 'false'; $transparency: 'true'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.16/assets.txt ================================================ checkbox-checked checkbox-checked-insensitive checkbox-unchecked checkbox-unchecked-insensitive checkbox-mixed checkbox-mixed-insensitive radio-checked radio-checked-insensitive radio-unchecked radio-unchecked-insensitive radio-mixed radio-mixed-insensitive checkbox-checked-selected checkbox-checked-insensitive-selected checkbox-unchecked-selected checkbox-unchecked-insensitive-selected checkbox-mixed-selected checkbox-mixed-insensitive-selected checkbox-checked-selectionmode checkbox-selectionmode radio-checked-selected radio-checked-insensitive-selected radio-unchecked-selected radio-unchecked-insensitive-selected radio-mixed-selected radio-mixed-insensitive-selected switch switch-active switch-insensitive switch-active-insensitive switch-header switch-active-header switch-insensitive-header switch-active-insensitive-header switch-selected switch-active-selected switch-insensitive-selected switch-active-insensitive-selected titlebutton-close titlebutton-close-backdrop titlebutton-close-hover titlebutton-close-active titlebutton-maximize titlebutton-maximize-backdrop titlebutton-maximize-hover titlebutton-maximize-active titlebutton-minimize titlebutton-minimize-backdrop titlebutton-minimize-hover titlebutton-minimize-active checkbox-checked-dark checkbox-checked-insensitive-dark checkbox-unchecked-dark checkbox-unchecked-insensitive-dark checkbox-mixed-dark checkbox-mixed-insensitive-dark checkbox-checked-selectionmode-dark checkbox-selectionmode-dark radio-checked-dark radio-checked-insensitive-dark radio-unchecked-dark radio-unchecked-insensitive-dark radio-mixed-dark radio-mixed-insensitive-dark switch-dark switch-active-dark switch-insensitive-dark switch-active-insensitive-dark switch-header-dark switch-active-header-dark switch-insensitive-header-dark switch-active-insensitive-header-dark titlebutton-close-dark titlebutton-close-backdrop-dark titlebutton-close-hover-dark titlebutton-close-active-dark titlebutton-maximize-dark titlebutton-maximize-backdrop-dark titlebutton-maximize-hover-dark titlebutton-maximize-active-dark titlebutton-minimize-dark titlebutton-minimize-backdrop-dark titlebutton-minimize-hover-dark titlebutton-minimize-active-dark ================================================ FILE: common/gtk-3.0/3.16/gtk-dark.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkPaned-handle-size: 1; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #a9caf1; -GtkWidget-visited-link-color: #7eafe9; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(211, 218, 227, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } .background { color: #D3DAE3; background-color: rgba(56, 60, 74, 0.999); } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #383C4A; color: #D3DAE3; } .gtkstyle-fallback:prelight { background-color: #4e5467; color: #D3DAE3; } .gtkstyle-fallback:active { background-color: #22242d; color: #D3DAE3; } .gtkstyle-fallback:insensitive { background-color: #3c4150; color: rgba(211, 218, 227, 0.45); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view { color: #D3DAE3; background-color: #404552; } .view.dim-label, .view.label.separator, GtkPlacesSidebar.sidebar .view.label.separator, .header-bar .view.subtitle { color: rgba(211, 218, 227, 0.55); } .view.dim-label:selected, .view.label.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, .view.label.separator:selected:focus, .header-bar .view.subtitle:selected:focus { color: rgba(255, 255, 255, 0.65); text-shadow: none; } .rubberband { border: 1px solid #5294e2; background-color: rgba(82, 148, 226, 0.2); } .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator { color: #D3DAE3; } .label:insensitive { color: rgba(211, 218, 227, 0.45); } .dim-label, .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator, .header-bar .subtitle { opacity: 0.55; } GtkAssistant .sidebar { background-color: #404552; border-top: 1px solid #2b2e39; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #2b2e39; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #2b2e39; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar .label { padding: 6px 12px; } GtkAssistant .sidebar .label.highlight { background-color: #5294e2; color: #ffffff; } GtkTextView { background-color: #3c414e; } .grid-child { padding: 3px; border-radius: 3px; } .grid-child:selected { outline-offset: -2px; } .popover.osd, .osd { color: #BAC3CF; border: none; background-color: rgba(53, 57, 69, 0.95); background-clip: padding-box; outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } .entry { border: 1px solid; padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); border: none; border-radius: 0; } .entry:focus { background-clip: border-box; color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); box-shadow: inset 1px 0 #5294e2, inset -1px 0 #5294e2, inset 0 1px #5294e2, inset 0 -1px #5294e2; } .entry:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(64, 69, 82, 0.55); background-image: linear-gradient(to bottom, rgba(64, 69, 82, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #5294e2; color: #ffffff; } .entry.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .linked > .entry:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked > .entry:first-child:dir(rtl) { border-right-style: none; } .linked > .entry:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } .linked > .entry:last-child:dir(rtl) { border-left-style: solid; } .entry.warning { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #ab6441); } .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } .entry.warning:selected, .entry.warning:selected:focus { background-color: white; color: #F27835; } .entry.error { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #b14342); } .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } .entry.error:selected, .entry.error:selected:focus { background-color: white; color: #FC4138; } .entry.image { color: #b6bcc6; } .linked.vertical > .entry { border-bottom-color: #3a3e4a; box-shadow: none; } .linked.vertical > .entry:focus { border-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:insensitive { border-bottom-color: #3a3e4a; } .linked.vertical > .entry:first-child { border-bottom-color: #3a3e4a; } .linked.vertical > .entry:first-child:focus { border-bottom-color: #5294e2; box-shadow: none; } .linked.vertical > .entry:first-child:insensitive { border-bottom-color: #3a3e4a; } .linked.vertical > .entry:last-child { border-bottom-color: rgba(0, 0, 0, 0.14); } .linked.vertical > .entry:last-child:focus { border-bottom-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:last-child:insensitive { border-bottom-color: rgba(0, 0, 0, 0.14); } .osd .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } .osd .entry.image, .osd .entry.image:hover { color: inherit; } .osd .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294e2); } .osd .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } GtkSearchEntry.entry { border-radius: 20px; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 5px 8px; color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .button.flat { border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(68, 74, 88, 0); border-color: rgba(43, 46, 57, 0); transition: none; } .button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } .button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; transition-duration: 50ms; } .button:active { color: #D3DAE3; } .button:active:hover, .button:checked { color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; } .button:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294e2; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .button.osd:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); border-radius: 0; border-left-style: none; border-right-style: none; } .osd .button:dir(rtl) { border-radius: 0; border-right-style: none; border-left-style: none; } .osd .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:dir(rtl) { border-left-style: solid; } .osd .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child { box-shadow: none; } .osd .button:active, .osd .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child { box-shadow: none; } .osd .button.flat:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); background-image: none; } .osd .button.flat:active, .osd .button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .button.suggested-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(211, 218, 227, 0.45); } .button.suggested-action:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .button.suggested-action:insensitive > GtkLabel { color: inherit; } .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .button.destructive-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(211, 218, 227, 0.45); } .button.destructive-action:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 7px; } .header-bar .button.image-button, .header-bar .button.titlebutton { padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { padding: 5px 8px; } .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 2px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar GtkToolButton > .button { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .inline-toolbar GtkToolButton > .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5), inset -1px 0 rgba(43, 46, 57, 0.5); } .inline-toolbar GtkToolButton > .button.flat:active, .osd .button:active, .inline-toolbar .button:active, .linked > .button:active, GtkComboBox.combobox-entry .entry:active, GtkComboBox.combobox-entry .button:active, .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, .linked > GtkComboBox > .button:active:dir(ltr), .inline-toolbar GtkToolButton > .button.flat:checked, .osd .button:checked, .inline-toolbar .button:checked, .linked > .button:checked, GtkComboBox.combobox-entry .entry:checked, GtkComboBox.combobox-entry .button:checked, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked, .linked > GtkComboBox > .button:checked:dir(ltr) { box-shadow: none; } .inline-toolbar.toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), .linked > .button:dir(rtl):hover, .linked > .button:dir(rtl):active, .linked > .button:dir(rtl):checked, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } .osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, .primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(43, 46, 57, 0.5); } .osd .button:first-child:active, .inline-toolbar .button:first-child:active, .linked > .button:first-child:active, .inline-toolbar GtkToolButton:first-child > .button.flat:active, GtkComboBox.combobox-entry .entry:first-child:active, GtkComboBox.combobox-entry .button:first-child:active, .linked > GtkComboBox:first-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, .osd .button:first-child:checked, .inline-toolbar .button:first-child:checked, .linked > .button:first-child:checked, .inline-toolbar GtkToolButton:first-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:first-child:checked, GtkComboBox.combobox-entry .button:first-child:checked, .linked > GtkComboBox:first-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } .osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, .primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } .osd .button:last-child:active, .inline-toolbar .button:last-child:active, .linked > .button:last-child:active, .inline-toolbar GtkToolButton:last-child > .button.flat:active, GtkComboBox.combobox-entry .entry:last-child:active, GtkComboBox.combobox-entry .button:last-child:active, .linked > GtkComboBox:last-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, .osd .button:last-child:checked, .inline-toolbar .button:last-child:checked, .linked > .button:last-child:checked, .inline-toolbar GtkToolButton:last-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:last-child:checked, GtkComboBox.combobox-entry .button:last-child:checked, .linked > GtkComboBox:last-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } .osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, .primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } .osd .button:only-child:active, .inline-toolbar .button:only-child:active, .linked > .button:only-child:active, .inline-toolbar GtkToolButton:only-child > .button.flat:active, GtkComboBox.combobox-entry .entry:only-child:active, GtkComboBox.combobox-entry .button:only-child:active, .linked > GtkComboBox:only-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, .osd .button:only-child:checked, .inline-toolbar .button:only-child:checked, .linked > .button:only-child:checked, .inline-toolbar GtkToolButton:only-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:only-child:checked, GtkComboBox.combobox-entry .button:only-child:checked, .linked > GtkComboBox:only-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 -1px rgba(43, 46, 57, 0.5), inset 0 1px rgba(43, 46, 57, 0.5); } .linked.vertical > .entry:active, .linked.vertical > .button:active, .linked.vertical > GtkComboBoxText > .button:active, .linked.vertical > GtkComboBox > .button:active, .linked.vertical > .entry:checked, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button:checked, .linked.vertical > GtkComboBox > .button:checked { box-shadow: none; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px rgba(43, 46, 57, 0.5); } .linked.vertical > .entry:first-child:active, .linked.vertical > .button:first-child:active, .linked.vertical > GtkComboBoxText:first-child > .button:active, .linked.vertical > GtkComboBox:first-child > .button:active, .linked.vertical > .entry:first-child:checked, .linked.vertical > .button:first-child:checked, .linked.vertical > GtkComboBoxText:first-child > .button:checked, .linked.vertical > GtkComboBox:first-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px rgba(43, 46, 57, 0.5); } .linked.vertical > .entry:last-child:active, .linked.vertical > .button:last-child:active, .linked.vertical > GtkComboBoxText:last-child > .button:active, .linked.vertical > GtkComboBox:last-child > .button:active, .linked.vertical > .entry:last-child:checked, .linked.vertical > .button:last-child:checked, .linked.vertical > GtkComboBoxText:last-child > .button:checked, .linked.vertical > GtkComboBox:last-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } .linked.vertical > .entry:only-child:active, .linked.vertical > .button:only-child:active, .linked.vertical > GtkComboBoxText:only-child > .button:active, .linked.vertical > GtkComboBox:only-child > .button:active, .linked.vertical > .entry:only-child:checked, .linked.vertical > .button:only-child:checked, .linked.vertical > GtkComboBoxText:only-child > .button:checked, .linked.vertical > GtkComboBox:only-child > .button:checked { box-shadow: none; } .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .notebook tab .button, .list-row.button, .app-notification .button.flat, .app-notification.frame .button.flat, .app-notification .button.flat:insensitive, .app-notification.frame .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } /* menu buttons */ .menuitem.button.flat { transition: none; outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { background-color: #484c59; } .menuitem.button.flat:checked { color: #D3DAE3; } *:link, .button:link, .button:visited { color: #a9caf1; } *:link:visited, .button:visited { color: #7eafe9; } *:selected *:link:visited, *:selected .button:visited:link, *:selected .button:visited { color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #d5e5f8; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #a9caf1; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #dceaf9; } *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #dceaf9; } .spinbutton { border-radius: 3px; } .spinbutton .button { background-image: none; border: 1px solid rgba(43, 46, 57, 0.6); border-style: none none none solid; color: #ccd3dc; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } .spinbutton .button:insensitive { color: rgba(211, 218, 227, 0.45); } .spinbutton .button:active { background-color: #5294e2; color: #ffffff; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #5294e2; border-radius: 0; box-shadow: none; } GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(211, 218, 227, 0.45); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-left-style: none; } GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 #2b2e39; } GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.55); } GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 #2b2e39; } GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(43, 46, 57, 0.55); } .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #383C4A; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.85); } .primary-toolbar { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #2f343f, rgba(32, 35, 43, 0.97)) 1 0 1 0; } .inline-toolbar { background-color: #313541; border-style: solid; border-color: #2b2e39; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: #383C4A; border-style: solid; border-color: #2b2e39; border-width: 0 0 1px; padding: 3px; } .action-bar { background-color: #313541; } .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: #262a33; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; } .csd .header-bar { background-color: rgba(47, 52, 63, 0.97); border-color: rgba(38, 42, 51, 0.97); } .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { padding-left: 12px; padding-right: 12px; } .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: rgba(82, 148, 226, 0.95); outline-color: rgba(82, 148, 226, 0.25); background-color: #ffffff; border-color: #ffffff; } .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343f; border-color: #262a33; } .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized .csd .header-bar.default-decoration, .maximized .header-bar.default-decoration:backdrop, .maximized .csd .header-bar.default-decoration:backdrop { background-color: #2f343f; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 3px 3px 0 0; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } .csd .titlebar { background-color: rgba(47, 52, 63, 0.97); } .titlebar:backdrop { color: rgba(207, 218, 231, 0.5); background-color: #323843; } .csd .titlebar:backdrop { background-color: rgba(50, 56, 67, 0.97); } .maximized .titlebar { background-color: #2f343f; } .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #323843; } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } .primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); background-clip: padding-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar .entry.warning, .header-bar .entry.warning { color: white; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(167, 94, 57, 0.988)); } .primary-toolbar .entry.warning:focus, .header-bar .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); } .primary-toolbar .entry.warning:selected, .header-bar .entry.warning:selected, .primary-toolbar .entry.warning:selected:focus, .header-bar .entry.warning:selected:focus { background-color: white; color: #F27835; } .primary-toolbar .entry.error, .header-bar .entry.error { color: white; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(173, 60, 59, 0.988)); } .primary-toolbar .entry.error:focus, .header-bar .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); } .primary-toolbar .entry.error:selected, .header-bar .entry.error:selected, .primary-toolbar .entry.error:selected:focus, .header-bar .entry.error:selected:focus { background-color: white; color: #FC4138; } .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { background-color: rgba(134, 144, 165, 0.37); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .primary-toolbar .linked.stack-switcher > .button:insensitive, .header-bar .linked.stack-switcher > .button:insensitive, .primary-toolbar .linked.path-bar > .button:insensitive, .header-bar .linked.path-bar > .button:insensitive { color: rgba(207, 218, 231, 0.4); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked { box-shadow: none; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive, .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .header-bar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .button.suggested-action:insensitive > GtkLabel, .header-bar .button.suggested-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive, .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .header-bar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .button.destructive-action:insensitive > GtkLabel, .header-bar .button.destructive-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(207, 218, 231, 0.05); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr), .header-bar GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(21, 23, 28, 0); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl), .header-bar GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(21, 23, 28, 0); } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(21, 23, 28, 0.37); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.37)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #454c5c); border-color: rgba(21, 23, 28, 0.67); } .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { background-image: linear-gradient(to bottom, #50586b); border-color: rgba(21, 23, 28, 0.67); } .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, rgba(63, 69, 84, 0.991)); border-color: rgba(21, 23, 28, 0.67); } .path-bar .button { padding: 5px 10px; } .path-bar .button:first-child { padding-left: 10px; } .path-bar .button:last-child { padding-right: 10px; } .path-bar .button:only-child { padding-left: 14px; padding-right: 14px; } .path-bar .button GtkLabel:last-child { padding-left: 4px; } .path-bar .button GtkLabel:first-child { padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 2px; padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: rgba(211, 218, 227, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:selected { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(211, 218, 227, 0.1); } GtkTreeView.view:insensitive { color: rgba(211, 218, 227, 0.45); } GtkTreeView.view:insensitive:selected { color: #97bfee; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #93b7e3; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #8a909b; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #D3DAE3; } GtkTreeView.view.expander:selected { color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } GtkTreeView.view.trough { color: #D3DAE3; background-image: linear-gradient(to bottom, #2b2e39); border-radius: 3px; border-width: 0; } GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { color: #ffffff; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); border-radius: 3px; border-width: 0; } column-header .button { color: #b6bcc6; background-color: #404552; } column-header .button:hover { color: #5294e2; box-shadow: none; transition: none; } column-header .button:active { color: #D3DAE3; transition: none; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; border-image: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294e2; box-shadow: inset 1px 1px 0 1px #5294e2, inset -1px 0 0 1px #5294e2, inset 1px 1px #404552, inset -1px 0 #404552; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, rgba(255, 255, 255, 0) 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active, column-header .button:hover { background-color: #404552; } column-header .button:active:hover { color: #D3DAE3; } column-header .button:insensitive { border-color: #383C4A; background-image: none; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #2f343f; color: rgba(207, 218, 231, 0.8); } .menubar:backdrop { color: rgba(207, 218, 231, 0.5); } .menubar > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } .menubar > .menuitem:hover { background-color: #5294e2; color: #ffffff; } .menubar > .menuitem:insensitive { color: rgba(207, 218, 231, 0.2); border-color: transparent; } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #383C4A; border: 1px solid #2b2e39; } .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } .menu .menuitem { padding: 5px; } .menu .menuitem:hover { color: #ffffff; background-color: #5294e2; } .menu .menuitem:insensitive { color: rgba(211, 218, 227, 0.45); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator { color: rgba(64, 69, 82, 0); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; } .menu.button.top { border-bottom: 1px solid #4f5461; } .menu.button.bottom { border-top: 1px solid #4f5461; } .menu.button:hover { background-color: #4f5461; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: alpha(currentColor,0.55); } .popover { padding: 2px; border: 1px solid #20222a; border-radius: 3px; background-clip: border-box; background-color: #383C4A; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.35); } .popover .separator, .popover GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .popover .view.separator { color: rgba(64, 69, 82, 0); } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .notebook { padding: 0; background-color: #404552; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { border: 1px solid #2b2e39; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #383C4A; } .notebook.header.frame { border: 0px solid #2b2e39; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px #2b2e39; } .notebook.header.bottom { box-shadow: inset 0 1px #2b2e39; } .notebook.header.right { box-shadow: inset 1px 0 #2b2e39; } .notebook.header.left { box-shadow: inset -1px 0 #2b2e39; } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; } .notebook tab.top, .notebook tab.bottom { padding: 4px 15px; } .notebook tab.left, .notebook tab.right { padding: 4px 15px; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; } .notebook tab.reorderable-page.top, .notebook tab.top { padding-top: 6px; border-radius: 3.5px 2px 0 0; border-width: 0; border-top-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #404552; box-shadow: inset 0 1px #2b2e39, inset 0 -1px #404552, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; border-width: 0; border-bottom-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #404552; box-shadow: inset 0 -1px #404552, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; border-width: 0; border-right-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #404552; box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #404552, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; border-width: 0; border-left-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #404552; box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #404552; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(211, 218, 227, 0.45); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(211, 218, 227, 0.725); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #D3DAE3; } .notebook tab .button { padding: 0; color: #9da3ad; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { color: #5294e2; } .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { color: rgba(211, 218, 227, 0.45); } .notebook.arrow:hover { color: rgba(211, 218, 227, 0.725); } .notebook.arrow:active { color: #D3DAE3; } .notebook.arrow:insensitive { color: rgba(211, 218, 227, 0.15); } .scrollbar { -GtkRange-slider-width: 13; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; -GtkRange-slider-width: 6px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; background-color: #a5abb5; border: 1px solid rgba(0, 0, 0, 0.3); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; background-color: transparent; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { margin-top: 2px; margin-bottom: 2px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { background-color: #3e434f; border: 1px none #2b2e39; } .scrollbar .slider { background-color: #767b87; } .scrollbar .slider:hover { background-color: #676b78; } .scrollbar .slider:prelight:active, .scrollbar .slider:active { background-color: #5294e2; } .scrollbar .slider:insensitive { background-color: transparent; } .scrollbar .slider { border-radius: 100px; margin: 3px; } .scrollbar.fine-tune .slider { margin: 4px; } .scrollbar.vertical .slider { margin-left: 4px; } .scrollbar.vertical .slider:dir(rtl) { margin-left: 3px; margin-right: 4px; } .scrollbar.vertical.fine-tune .slider { margin-left: 5px; } .scrollbar.vertical.fine-tune .slider:dir(rtl) { margin-left: 4px; margin-right: 5px; } .scrollbar.vertical .trough { border-left-style: solid; } .scrollbar.vertical .trough:dir(rtl) { border-left-style: none; border-right-style: solid; } .scrollbar.horizontal .slider { margin-top: 4px; } .scrollbar.horizontal.fine-tune .slider { margin-top: 5px; } .scrollbar.horizontal .trough { border-top-style: solid; } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #3e434f; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { border-image-slice: 0 1 0 0; } GtkSwitch { font: 1; -GtkSwitch-slider-width: 41; outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; } GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { background-position: left center; } GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-dark.png"), url("assets/switch-dark@2.png")); } .menu .menuitem:hover GtkSwitch.trough, .list-row:selected GtkSwitch.trough, GtkInfoBar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } .header-bar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-dark.png"), url("assets/switch-active-dark@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active, .list-row:selected GtkSwitch.trough:active, GtkInfoBar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } .header-bar GtkSwitch.trough:active, .primary-toolbar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); } .menu .menuitem:hover GtkSwitch.trough:insensitive, .list-row:selected GtkSwitch.trough:insensitive, GtkInfoBar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:insensitive, .primary-toolbar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-dark.png"), url("assets/switch-active-insensitive-dark@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active:insensitive, .list-row:selected GtkSwitch.trough:active:insensitive, GtkInfoBar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:active:insensitive, .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } GtkIconView.view.check, GtkFlowBox.view.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); background-color: transparent; } GtkIconView.view.check:checked, GtkFlowBox.view.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(211, 218, 227, 0.45); } .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; } .scale.trough { margin: 5px; } .scale.fine-tune.trough { border-radius: 5px; margin: 3px; } .scale.slider { background-clip: border-box; background-image: linear-gradient(to bottom, #444a58); border: 1px solid #262933; border-radius: 50%; box-shadow: none; } .scale.slider:hover { background-image: linear-gradient(to bottom, #505666); border-color: #262933; } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #3c414e); border-color: rgba(38, 41, 51, 0.8); } .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .osd .scale.slider { background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95)); border-color: #5294e2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294e2); } .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } .menu .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .menu .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } .menu .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } .menu .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, #2d303b); } .scale.trough.highlight { background-image: linear-gradient(to bottom, #5294e2); } .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(45, 48, 59, 0.55)); } .osd .scale.trough { background-image: linear-gradient(to bottom, rgba(69, 74, 89, 0.95)); outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294e2); } .menu .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .menu .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .menu .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } .menu .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } GtkProgressBar { padding: 0; font-size: smaller; color: rgba(211, 218, 227, 0.7); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } .progressbar { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } .progressbar.osd { background-color: #5294e2; } .list-row:selected .progressbar, GtkInfoBar .progressbar { background-color: #ffffff; } .osd .scale.progressbar { background-color: #5294e2; } GtkProgressBar.trough, .level-bar.trough { border: none; border-radius: 3px; background-color: #2d303b; } GtkProgressBar.trough.osd, .osd.level-bar.trough { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected GtkProgressBar.trough, .list-row:selected .level-bar.trough, GtkInfoBar GtkProgressBar.trough, GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } GtkLevelBar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; border-radius: 4px; } .level-bar.fill-block { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #73d216; background-color: #73d216; } .level-bar.fill-block.level-low { border-color: #F27835; background-color: #F27835; } .level-bar.fill-block.empty-fill-block { background-color: #404552; border-color: #404552; } .frame { border: 1px solid #2b2e39; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } .list, .list-row { background-color: #404552; border-color: #2b2e39; } .list-row, .grid-child { padding: 2px; } .list-row.button { background-color: transparent; border-style: none; border-radius: 0; box-shadow: none; } .list-row.button:hover { background-color: rgba(255, 255, 255, 0.03); } .list-row.button:active { color: #D3DAE3; } .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } .list-row.button:selected:insensitive .label { color: inherit; } .list-row, list-row.button { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.button:hover { transition: none; } .app-notification, .app-notification.frame { padding: 10px; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: rgba(31, 33, 40, 0.95); } .app-notification .button, .app-notification.frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .app-notification .button.flat, .app-notification.frame .button.flat { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: white; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkCalendar { color: #D3DAE3; border: 1px solid #2b2e39; border-radius: 3px; padding: 2px; } GtkCalendar:selected { background-color: #5294e2; color: #ffffff; border-radius: 1.5px; } GtkCalendar.header { color: #D3DAE3; border: none; border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(211, 218, 227, 0.45); border-color: transparent; background-color: transparent; background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #D3DAE3; } GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { color: rgba(211, 218, 227, 0.45); background-color: transparent; background-image: none; } GtkCalendar.highlight { color: alpha(currentColor,0.55); } .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { background-color: rgba(47, 52, 63, 0.97); border-bottom: 1px solid rgba(32, 35, 43, 0.97); } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .message-dialog.csd .dialog-action-area .button { padding: 8px; border-radius: 0; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 3px; } .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 3px; } GtkFileChooserDialog .search-bar { background-color: #383C4A; border-color: #2b2e39; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #2b2e39; } .sidebar, .sidebar .view { border: none; background-color: #3c4150; } .sidebar:selected, .sidebar .view:selected { background-color: #5294e2; } GtkPlacesSidebar.sidebar .view { color: #D3DAE3; background-color: transparent; } GtkPlacesSidebar.sidebar .view:selected { color: #ffffff; background-color: #5294e2; } .sidebar-item { padding: 10px 4px; } .sidebar-item > GtkLabel { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > GtkLabel { background-size: 6px 6px, 0 0; } GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { background-color: #2b2e39; } GtkPaned.wide { -GtkPaned-handle-size: 5; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; border-color: #2b2e39; border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } GtkInfoBar { border-style: none; } .info, .question, .warning, .error, GtkInfoBar { background-color: #5294e2; color: #ffffff; } .list-row:selected .button, GtkInfoBar .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } .list-row:selected .flat.button, GtkInfoBar .flat.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .list-row:selected .button:hover, GtkInfoBar .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .tooltip { color: #BAC3CF; border-radius: 2px; } .tooltip.background { background-color: rgba(75, 81, 98, 0.95); background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } :selected GtkColorSwatch { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch.left, GtkColorSwatch:first-child, GtkColorSwatch:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } GtkColorSwatch.right, GtkColorSwatch:last-child, GtkColorSwatch:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch:only-child, GtkColorSwatch:only-child .overlay { border-radius: 3px; } GtkColorSwatch:hover, GtkColorSwatch:hover:selected { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; } GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { border: 1px solid rgba(0, 0, 0, 0.15); } GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { border-color: rgba(0, 0, 0, 0.25); } GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } GtkColorSwatch#add-color-button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } GtkColorSwatch#add-color-button .overlay { border-color: transparent; background-color: transparent; background-image: none; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } .scale-popup .button { padding: 6px; } .scale-popup .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } GtkVolumeButton.button { padding: 8px; } .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .window-frame { border-radius: 3px 3px 0 0; border-width: 0px; box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.97), 0 8px 8px 0 rgba(0, 0, 0, 0.35); margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 5px 5px 0 rgba(0, 0, 0, 0.35); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; border-radius: 0; } .window-frame.ssd { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } .window-frame.ssd.maximized { border-radius: 0; } .window-frame.csd.popup { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.45), 0 0 0 1px #22242d; } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25); } .window-frame.csd.message-dialog { border-radius: 3px; } .window-frame.solid-csd { border-radius: 0; margin: 1px; background-color: rgba(47, 52, 63, 0.97); box-shadow: none; } .header-bar.default-decoration .button.titlebutton, .titlebar.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding-left: 4px; padding-right: 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); } .header-bar .button.titlebutton:not(GtkMenuButton), .titlebar .button.titlebutton:not(GtkMenuButton) { padding-top: 8px; padding-bottom: 8px; } .header-bar .button.titlebutton:hover, .titlebar .button.titlebutton:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.close, .titlebar .button.titlebutton.maximize, .titlebar .button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; } .header-bar .button.titlebutton.close:backdrop, .header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { opacity: 1; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } .header-bar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } .header-bar .button.titlebutton.close:hover, .titlebar .button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .button.titlebutton.close:active, .titlebar .button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } .header-bar .button.titlebutton.maximize, .titlebar .button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } .header-bar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } .header-bar .button.titlebutton.maximize:hover, .titlebar .button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } .header-bar .button.titlebutton.maximize:active, .titlebar .button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } .header-bar .button.titlebutton.minimize:hover, .titlebar .button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } .header-bar .button.titlebutton.minimize:active, .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:focus:selected { background-image: none; background-color: #5294e2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, ScratchMainWindow .notebook tab.top:active, ScratchMainWindow .notebook tab.top.active-page, ScratchMainWindow .notebook tab.top.active-page:hover, EphyNotebook.notebook tab.reorderable-page.top:active, EphyNotebook.notebook tab.reorderable-page.top.active-page, EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, EphyNotebook.notebook tab.top:active, EphyNotebook.notebook tab.top.active-page, EphyNotebook.notebook tab.top.active-page:hover, MidoriNotebook .notebook tab.reorderable-page.top:active, MidoriNotebook .notebook tab.reorderable-page.top.active-page, MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, MidoriNotebook .notebook tab.top:active, MidoriNotebook .notebook tab.top.active-page, MidoriNotebook .notebook tab.top.active-page:hover, TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top.active-page, TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } GtkHTML { background-color: #404552; color: #D3DAE3; } GtkHTML:active { color: #ffffff; background-color: #5294e2; } SushiFontWidget { padding: 6px 12px; } TerminalWindow .background { background-color: transparent; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { border-width: 0; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { color: #D3DAE3; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } .nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, GtkPlacesSidebar.sidebar .nautilus-canvas-item.label.view.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #868b97; } .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } NautilusNotebook.notebook { background-color: #404552; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { padding: 5px; box-shadow: none; background-color: #404552; } .nautilus-circular-button { border-radius: 50%; outline-radius: 50%; } .disk-space-display { border-style: solid; border-width: 1px; } .disk-space-display.unknown { background-color: rgba(211, 218, 227, 0.5); border-color: rgba(180, 192, 207, 0.5); } .disk-space-display.used { background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { background-color: #313541; border-color: #1b1d24; } NemoWindow EelEditableLabel.entry { transition: none; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #2b2e39; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { background-color: rgba(134, 144, 165, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:insensitive { color: rgba(207, 218, 231, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .gedit-headerbar-paned { color: rgba(38, 42, 51, 0.97); } .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #404552; } .open-document-selector-treeview.view:prelight { background-color: #4a4f5c; } .open-document-selector-treeview.view:prelight:selected { color: #ffffff; background-color: #5294e2; } .open-document-selector-name-label { color: #D3DAE3; } .open-document-selector-path-label { color: #8a909b; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } .gedit-document-panel .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { color: #9da3ad; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; background-color: transparent; border: none; box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } .gedit-document-panel .prelight-row .button:active { color: #D3DAE3; } .gedit-document-panel-dragged-row { border: 1px solid #2b2e39; background-color: #22242d; color: #D3DAE3; } GeditStatusbar { border-top: 1px solid #2b2e39; background-color: #383C4A; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton:checked.button.flat { border-bottom-style: none; border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { border-bottom: 1px solid #2b2e39; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(211, 218, 227, 0.6); margin: 2px; padding: 2px; } GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #3c4150; padding: 6px; border-color: #2b2e39; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294e2; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { box-shadow: 1px 0 #5294e2; } GbEditorFrame .gb-search-slider { padding: 2px; } GdTaggedEntry { color: #D3DAE3; } .preferences.sidebar GtkViewport { border: none; } .preferences.sidebar GtkListBox { background-color: #383C4A; } .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } GtkBox.gb-command-bar-box { border: none; background-color: #353945; } GtkBox.gb-command-bar-box GtkLabel { color: #BAC3CF; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #BAC3CF; background-image: none; background-color: #353945; padding: 6px 6px 6px 6px; border: none; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #2b2e39; } GbViewStack.focused GtkBox.header.notebook { background-color: #404552; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook .button.label.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } EphyWindow .floating-bar { color: #D3DAE3; } .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon { background-color: rgba(211, 218, 227, 0.3); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: #a9caf1; } .documents-entry-tag { background-color: #5294e2; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; background-color: #639fe5; } .documents-entry-tag:active { color: #ffffff; background-color: #4189df; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; border: none; box-shadow: none; icon-shadow: none; } .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } TotemGrilo.vertical GdMainView.frame { border-width: 0; } SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: #5294e2; } .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; } .gnome-panel-menu-bar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: #BAC3CF; background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: #BAC3CF; } PanelApplet .button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: rgba(0, 0, 0, 0.25); border-radius: 0; border-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: #5294e2; } WnckPager { color: #5d6268; } WnckPager:selected { color: #5294e2; } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: #BAC3CF; } .xfce4-panel.panel { background-color: rgba(43, 46, 55, 0.95); text-shadow: none; icon-shadow: none; } .xfce4-panel.panel .button.flat { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); border-radius: 0; border: none; } .xfce4-panel.panel .button.flat:hover { border: none; background-color: rgba(65, 70, 84, 0.95); } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { color: #ffffff; border: none; background-color: #5294e2; } .floating-bar { background-color: #5294e2; color: #ffffff; } .floating-bar.top { border-radius: 0 0 2px 2px; } .floating-bar.right { border-radius: 2px 0 0 2px; } .floating-bar.bottom { border-radius: 2px 2px 0 0; } .floating-bar.left { border-radius: 0 2px 2px 0; } .floating-bar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { color: #ffffff; background-color: #5294e2; outline-color: transparent; } MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { background-color: transparent; } MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { outline-color: transparent; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } .marlin-pathbar.pathbar:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } WingpanelWidgetsIndicatorPopover.popover { padding: 0; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; border: solid transparent; border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage { padding: 0 3px; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active { background-color: rgba(255, 255, 255, 0.05); border: solid rgba(255, 255, 255, 0.07); border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive { color: rgba(211, 218, 227, 0.45); } PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: #D3DAE3; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { border: 1px solid rgba(32, 35, 43, 0.97); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } UnityDecoration.top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97)); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: rgba(64, 71, 86, 0.97); border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar GtkLabel { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #2b2e39; border-right: 1px solid #2b2e39; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #2b2e39; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } .bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #2b2e39; background-color: #383C4A; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: #383C4A; color: #D3DAE3; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: #434859; } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: #383C4A; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #D3DAE3; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { background-color: #404552; } GraniteWidgetsWelcome GtkLabel { color: #868b97; font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(211, 218, 227, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #404552); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry.entry { padding: 4px; } .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: #a5abb5; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: rgba(43, 46, 55, 0.95); color: #BAC3CF; font: bold; box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } #panel_window .menubar { padding-left: 5px; } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { font: normal; } #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: #D3DAE3; } #content_frame { padding-bottom: 14px; background-color: #383C4A; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame .button { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } #content_frame .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } #content_frame .button:active, #content_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } #content_frame .button:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } #content_frame .button:insensitive > GtkLabel { color: inherit; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: rgba(47, 52, 63, 0.97); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px rgba(38, 42, 51, 0.97); } #buttonbox_frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } #buttonbox_frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } #buttonbox_frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } #login_window #user_combobox { color: #D3DAE3; font: 13px; } #login_window #user_combobox .menu { font: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font: bold; } .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: rgba(38, 42, 51, 0.97); } NemoWindow GtkEventBox { background-color: #383C4A; } GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog .sidebar, NautilusWindow .sidebar, NemoWindow .sidebar { border-right: 1px solid rgba(42, 45, 55, 0.95); } GtkFileChooserDialog .sidebar:dir(rtl), NautilusWindow .sidebar:dir(rtl), NemoWindow .sidebar:dir(rtl) { border-left: 1px solid rgba(42, 45, 55, 0.95); } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, NautilusWindow .source-list.view:prelight, NemoWindow.csd.background, NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } GtkFileChooserDialog .sidebar, GtkFileChooserDialog .source-list.sidebar.view, NautilusWindow .sidebar, NautilusWindow .source-list.sidebar.view, NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { background-color: rgba(53, 57, 69, 0.95); } GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar row, GtkFileChooserDialog .source-list.sidebar.view .view, GtkFileChooserDialog .source-list.sidebar.view row, NautilusWindow .sidebar .view, NautilusWindow .sidebar row, NautilusWindow .source-list.sidebar.view .view, NautilusWindow .source-list.sidebar.view row, NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; color: #BAC3CF; } GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar row.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, GtkFileChooserDialog .source-list.sidebar.view row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar row.image, NautilusWindow .source-list.sidebar.view .view.image, NautilusWindow .source-list.sidebar.view row.image, NemoWindow .sidebar .view.image, NemoWindow .sidebar row.image, NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { color: rgba(186, 195, 207, 0.7); } GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar row.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, GtkFileChooserDialog .source-list.sidebar.view row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar row.cell:selected, NautilusWindow .source-list.sidebar.view .view.cell:selected, NautilusWindow .source-list.sidebar.view row.cell:selected, NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar row.cell:selected, MarlinViewWindow .source-list.sidebar.view .view.cell:selected, MarlinViewWindow .source-list.sidebar.view row.cell:selected { background-color: #5294e2; color: #ffffff; } GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog .source-list.sidebar.view.frame, NautilusWindow .sidebar.frame, NautilusWindow .source-list.sidebar.view.frame, NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { color: #BAC3CF; } GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog .source-list.sidebar.view .separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow .source-list.sidebar.view .separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow .source-list.sidebar.view .separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #353945; } GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: rgba(42, 45, 55, 0.95); } NautilusWindow NautilusWindowSlot { background-color: #404552; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { background-color: rgba(53, 57, 69, 0.95); } GtkFileChooserDialog .sidebar { background-color: transparent; } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #383C4A; } GtkFileChooserDialog .dialog-action-box { background-color: #383C4A; } GtkFileChooserDialog .dialog-vbox > .frame { color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: rgba(31, 33, 40, 0.95); } GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #BAC3CF; } FeedReaderreaderUI.background.csd > .titlebar .pane-separator, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, GeditWindow.background.csd > .titlebar .pane-separator, GeditWindow.background.csd.maximized > .titlebar .pane-separator, GeditWindow.background.csd > .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { background-color: rgba(38, 42, 51, 0.97); } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: rgba(47, 52, 63, 0.97); } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: rgba(50, 56, 67, 0.97); } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #2f343f; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #323843; } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background .gedit-side-panel-paned .pane-separator { background-color: rgba(42, 45, 55, 0.95); } GeditWindow.background .gedit-bottom-panel-paned .pane-separator { background-color: #2b2e39; } .gedit-bottom-panel-paned { background-color: #404552; } .gedit-document-panel { background-color: rgba(53, 57, 69, 0.95); } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel .list-row { color: #BAC3CF; } .gedit-document-panel .list-row { background-color: rgba(186, 195, 207, 0); border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:active .button { color: #ffffff; } .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { color: #BAC3CF; } GeditFileBrowserWidget { background-color: rgba(53, 57, 69, 0.95); } .maximized GeditFileBrowserWidget { background-color: #353945; } GeditFileBrowserWidget .horizontal { background-color: transparent; border-color: rgba(37, 40, 49, 0.95); } GeditFileBrowserWidget .horizontal GtkComboBox { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditFileBrowserWidget .horizontal .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } GtkFileChooserDialog .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditFileBrowserWidget .horizontal .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditFileBrowserWidget .horizontal .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } GtkFileChooserDialog .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } GtkFileChooserDialog .action-bar.frame .image.entry, GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog .action-bar.frame .image.entry:hover, GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { color: inherit; } GtkFileChooserDialog .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294e2); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } GtkFileChooserDialog .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NautilusWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NemoWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, MarlinViewWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, GeditFileBrowserWidget .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .sidebar .scrollbar .trough, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, NautilusWindow .sidebar .scrollbar .trough, NautilusWindow .source-list.sidebar.view .scrollbar .trough, NemoWindow .sidebar .scrollbar .trough, NemoWindow .source-list.sidebar.view .scrollbar .trough, MarlinViewWindow .sidebar .scrollbar .trough, MarlinViewWindow .source-list.sidebar.view .scrollbar .trough, GeditFileBrowserWidget .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } GtkFileChooserDialog .sidebar .scrollbar .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider, NautilusWindow .sidebar .scrollbar .slider, NautilusWindow .source-list.sidebar.view .scrollbar .slider, NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserWidget .scrollbar .slider { background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog .sidebar .scrollbar .slider:hover, NautilusWindow .sidebar .scrollbar .slider:hover, NemoWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .sidebar .scrollbar .slider:hover, GeditFileBrowserWidget .scrollbar .slider:hover { background-color: #f6f7f9; } GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, NautilusWindow .sidebar .scrollbar .slider:prelight:active, NemoWindow .sidebar .scrollbar .slider:prelight:active, MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, GeditFileBrowserWidget .scrollbar .slider:prelight:active { background-color: #5294e2; } GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, NautilusWindow .sidebar .scrollbar .slider:insensitive, NemoWindow .sidebar .scrollbar .slider:insensitive, MarlinViewWindow .sidebar .scrollbar .slider:insensitive, GeditFileBrowserWidget .scrollbar .slider:insensitive { background-color: transparent; } @define-color theme_fg_color #D3DAE3; @define-color theme_text_color #D3DAE3; @define-color theme_bg_color #383C4A; @define-color theme_base_color #404552; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #D3DAE3; @define-color text_color #D3DAE3; @define-color bg_color #383C4A; @define-color base_color #404552; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #3c4150; @define-color insensitive_fg_color alpha(#d3dae3, 0.5); @define-color insensitive_base_color #404552; @define-color theme_unfocused_fg_color #D3DAE3; @define-color theme_unfocused_text_color #D3DAE3; @define-color theme_unfocused_bg_color #383C4A; @define-color theme_unfocused_base_color #404552; @define-color borders #2b2e39; @define-color unfocused_borders #2b2e39; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #a9caf1; @define-color content_view_bg #404552; @define-color wm_title alpha(#cfdae7, 0.8); @define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343f; @define-color wm_bg_unfocused #323843; @define-color wm_highlight #363b48; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #cc575d; @define-color wm_button_close_hover_bg #d7787d; @define-color wm_button_close_active_bg #be3841; @define-color wm_icon_close_bg #2f343f; @define-color wm_button_hover_bg #454C5C; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #262932; @define-color wm_icon_bg #90939B; @define-color wm_icon_unfocused_bg #666A74; @define-color wm_icon_hover_bg #C4C7CC; @define-color wm_icon_active_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.16/gtk-darker.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkPaned-handle-size: 1; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #2679db; -GtkWidget-visited-link-color: #1e61b0; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(92, 97, 108, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } .background { color: #5c616c; background-color: rgba(245, 246, 247, 0.999); } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #F5F6F7; color: #5c616c; } .gtkstyle-fallback:prelight { background-color: white; color: #5c616c; } .gtkstyle-fallback:active { background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view { color: #5c616c; background-color: #ffffff; } .view.dim-label, .view.label.separator, GtkPlacesSidebar.sidebar .view.label.separator, .header-bar .view.subtitle { color: rgba(92, 97, 108, 0.55); } .view.dim-label:selected, .view.label.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, .view.label.separator:selected:focus, .header-bar .view.subtitle:selected:focus { color: rgba(255, 255, 255, 0.65); text-shadow: none; } .rubberband { border: 1px solid #5294e2; background-color: rgba(82, 148, 226, 0.2); } .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator { color: #5c616c; } .label:insensitive { color: rgba(92, 97, 108, 0.55); } .dim-label, .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator, .header-bar .subtitle { opacity: 0.55; } GtkAssistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #dcdfe3; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar .label { padding: 6px 12px; } GtkAssistant .sidebar .label.highlight { background-color: #5294e2; color: #ffffff; } GtkTextView { background-color: #fafbfb; } .grid-child { padding: 3px; border-radius: 3px; } .grid-child:selected { outline-offset: -2px; } .popover.osd, .osd { color: #BAC3CF; border: none; background-color: rgba(53, 57, 69, 0.95); background-clip: padding-box; outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } .entry { border: 1px solid; padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); border: none; border-radius: 0; } .entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294e2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #5294e2; color: #ffffff; } .entry.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .linked > .entry:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked > .entry:first-child:dir(rtl) { border-right-style: none; } .linked > .entry:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } .linked > .entry:last-child:dir(rtl) { border-left-style: solid; } .entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } .entry.warning:selected, .entry.warning:selected:focus { background-color: white; color: #F27835; } .entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } .entry.error:selected, .entry.error:selected:focus { background-color: white; color: #FC4138; } .entry.image { color: #7d8189; } .linked.vertical > .entry { border-bottom-color: #f4f5f6; box-shadow: none; } .linked.vertical > .entry:focus { border-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:insensitive { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:first-child { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:first-child:focus { border-bottom-color: #5294e2; box-shadow: none; } .linked.vertical > .entry:first-child:insensitive { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:last-child { border-bottom-color: rgba(0, 0, 0, 0.14); } .linked.vertical > .entry:last-child:focus { border-bottom-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:last-child:insensitive { border-bottom-color: rgba(0, 0, 0, 0.14); } .osd .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } .osd .entry.image, .osd .entry.image:hover { color: inherit; } .osd .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294e2); } .osd .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } GtkSearchEntry.entry { border-radius: 20px; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 5px 8px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .button.flat { border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(251, 251, 252, 0); border-color: rgba(207, 214, 230, 0); transition: none; } .button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } .button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; transition-duration: 50ms; } .button:active { color: #5c616c; } .button:active:hover, .button:checked { color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; } .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294e2; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .button.osd:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); border-radius: 0; border-left-style: none; border-right-style: none; } .osd .button:dir(rtl) { border-radius: 0; border-right-style: none; border-left-style: none; } .osd .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:dir(rtl) { border-left-style: solid; } .osd .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child { box-shadow: none; } .osd .button:active, .osd .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child { box-shadow: none; } .osd .button.flat:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); background-image: none; } .osd .button.flat:active, .osd .button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .button.suggested-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.suggested-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.suggested-action:insensitive > GtkLabel { color: inherit; } .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .button.destructive-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.destructive-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 7px; } .header-bar .button.image-button, .header-bar .button.titlebutton { padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { padding: 5px 8px; } .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar GtkToolButton > .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .inline-toolbar GtkToolButton > .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } .inline-toolbar GtkToolButton > .button.flat:active, .osd .button:active, .inline-toolbar .button:active, .linked > .button:active, GtkComboBox.combobox-entry .entry:active, GtkComboBox.combobox-entry .button:active, .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, .linked > GtkComboBox > .button:active:dir(ltr), .inline-toolbar GtkToolButton > .button.flat:checked, .osd .button:checked, .inline-toolbar .button:checked, .linked > .button:checked, GtkComboBox.combobox-entry .entry:checked, GtkComboBox.combobox-entry .button:checked, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked, .linked > GtkComboBox > .button:checked:dir(ltr) { box-shadow: none; } .inline-toolbar.toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), .linked > .button:dir(rtl):hover, .linked > .button:dir(rtl):active, .linked > .button:dir(rtl):checked, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } .osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, .primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } .osd .button:first-child:active, .inline-toolbar .button:first-child:active, .linked > .button:first-child:active, .inline-toolbar GtkToolButton:first-child > .button.flat:active, GtkComboBox.combobox-entry .entry:first-child:active, GtkComboBox.combobox-entry .button:first-child:active, .linked > GtkComboBox:first-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, .osd .button:first-child:checked, .inline-toolbar .button:first-child:checked, .linked > .button:first-child:checked, .inline-toolbar GtkToolButton:first-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:first-child:checked, GtkComboBox.combobox-entry .button:first-child:checked, .linked > GtkComboBox:first-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } .osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, .primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } .osd .button:last-child:active, .inline-toolbar .button:last-child:active, .linked > .button:last-child:active, .inline-toolbar GtkToolButton:last-child > .button.flat:active, GtkComboBox.combobox-entry .entry:last-child:active, GtkComboBox.combobox-entry .button:last-child:active, .linked > GtkComboBox:last-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, .osd .button:last-child:checked, .inline-toolbar .button:last-child:checked, .linked > .button:last-child:checked, .inline-toolbar GtkToolButton:last-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:last-child:checked, GtkComboBox.combobox-entry .button:last-child:checked, .linked > GtkComboBox:last-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } .osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, .primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } .osd .button:only-child:active, .inline-toolbar .button:only-child:active, .linked > .button:only-child:active, .inline-toolbar GtkToolButton:only-child > .button.flat:active, GtkComboBox.combobox-entry .entry:only-child:active, GtkComboBox.combobox-entry .button:only-child:active, .linked > GtkComboBox:only-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, .osd .button:only-child:checked, .inline-toolbar .button:only-child:checked, .linked > .button:only-child:checked, .inline-toolbar GtkToolButton:only-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:only-child:checked, GtkComboBox.combobox-entry .button:only-child:checked, .linked > GtkComboBox:only-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 -1px rgba(207, 214, 230, 0.4), inset 0 1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:active, .linked.vertical > .button:active, .linked.vertical > GtkComboBoxText > .button:active, .linked.vertical > GtkComboBox > .button:active, .linked.vertical > .entry:checked, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button:checked, .linked.vertical > GtkComboBox > .button:checked { box-shadow: none; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:first-child:active, .linked.vertical > .button:first-child:active, .linked.vertical > GtkComboBoxText:first-child > .button:active, .linked.vertical > GtkComboBox:first-child > .button:active, .linked.vertical > .entry:first-child:checked, .linked.vertical > .button:first-child:checked, .linked.vertical > GtkComboBoxText:first-child > .button:checked, .linked.vertical > GtkComboBox:first-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:last-child:active, .linked.vertical > .button:last-child:active, .linked.vertical > GtkComboBoxText:last-child > .button:active, .linked.vertical > GtkComboBox:last-child > .button:active, .linked.vertical > .entry:last-child:checked, .linked.vertical > .button:last-child:checked, .linked.vertical > GtkComboBoxText:last-child > .button:checked, .linked.vertical > GtkComboBox:last-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } .linked.vertical > .entry:only-child:active, .linked.vertical > .button:only-child:active, .linked.vertical > GtkComboBoxText:only-child > .button:active, .linked.vertical > GtkComboBox:only-child > .button:active, .linked.vertical > .entry:only-child:checked, .linked.vertical > .button:only-child:checked, .linked.vertical > GtkComboBoxText:only-child > .button:checked, .linked.vertical > GtkComboBox:only-child > .button:checked { box-shadow: none; } .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .notebook tab .button, .list-row.button, .app-notification .button.flat, .app-notification.frame .button.flat, .app-notification .button.flat:insensitive, .app-notification.frame .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } /* menu buttons */ .menuitem.button.flat { transition: none; outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { background-color: #edeff0; } .menuitem.button.flat:checked { color: #5c616c; } *:link, .button:link, .button:visited { color: #2679db; } *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited:link, *:selected .button:visited { color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #dceaf9; } *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #dceaf9; } .spinbutton { border-radius: 3px; } .spinbutton .button { background-image: none; border: 1px solid rgba(220, 223, 227, 0.6); border-style: none none none solid; color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } .spinbutton .button:insensitive { color: rgba(92, 97, 108, 0.55); } .spinbutton .button:active { background-color: #5294e2; color: #ffffff; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #5294e2; border-radius: 0; box-shadow: none; } GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: 1px 0 #5294e2; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-left-style: none; } GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: -1px 0 #5294e2; } GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 #cfd6e6; } GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.55); } GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 #cfd6e6; } GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.55); } .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.85); } .primary-toolbar { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #2f343f, rgba(32, 35, 43, 0.97)) 1 0 1 0; } .inline-toolbar { background-color: #edeef0; border-style: solid; border-color: #dcdfe3; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; border-color: #dcdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { background-color: #edeef0; } .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: #262a33; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; } .csd .header-bar { background-color: rgba(47, 52, 63, 0.97); border-color: rgba(38, 42, 51, 0.97); } .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { padding-left: 12px; padding-right: 12px; } .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: rgba(82, 148, 226, 0.95); outline-color: rgba(82, 148, 226, 0.25); background-color: #ffffff; border-color: #ffffff; } .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343f; border-color: #262a33; } .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized .csd .header-bar.default-decoration, .maximized .header-bar.default-decoration:backdrop, .maximized .csd .header-bar.default-decoration:backdrop { background-color: #2f343f; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 3px 3px 0 0; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } .csd .titlebar { background-color: rgba(47, 52, 63, 0.97); } .titlebar:backdrop { color: rgba(207, 218, 231, 0.5); background-color: #323843; } .csd .titlebar:backdrop { background-color: rgba(50, 56, 67, 0.97); } .maximized .titlebar { background-color: #2f343f; } .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #323843; } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } .primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); background-clip: padding-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar .entry.warning, .header-bar .entry.warning { color: white; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(167, 94, 57, 0.988)); } .primary-toolbar .entry.warning:focus, .header-bar .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); } .primary-toolbar .entry.warning:selected, .header-bar .entry.warning:selected, .primary-toolbar .entry.warning:selected:focus, .header-bar .entry.warning:selected:focus { background-color: white; color: #F27835; } .primary-toolbar .entry.error, .header-bar .entry.error { color: white; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(173, 60, 59, 0.988)); } .primary-toolbar .entry.error:focus, .header-bar .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); } .primary-toolbar .entry.error:selected, .header-bar .entry.error:selected, .primary-toolbar .entry.error:selected:focus, .header-bar .entry.error:selected:focus { background-color: white; color: #FC4138; } .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { background-color: rgba(134, 144, 165, 0.37); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .primary-toolbar .linked.stack-switcher > .button:insensitive, .header-bar .linked.stack-switcher > .button:insensitive, .primary-toolbar .linked.path-bar > .button:insensitive, .header-bar .linked.path-bar > .button:insensitive { color: rgba(207, 218, 231, 0.4); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked { box-shadow: none; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive, .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .header-bar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .button.suggested-action:insensitive > GtkLabel, .header-bar .button.suggested-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive, .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .header-bar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .button.destructive-action:insensitive > GtkLabel, .header-bar .button.destructive-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(207, 218, 231, 0.05); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr), .header-bar GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(21, 23, 28, 0); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl), .header-bar GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(21, 23, 28, 0); } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(21, 23, 28, 0.37); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.37)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #454c5c); border-color: rgba(21, 23, 28, 0.67); } .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { background-image: linear-gradient(to bottom, #50586b); border-color: rgba(21, 23, 28, 0.67); } .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, rgba(63, 69, 84, 0.991)); border-color: rgba(21, 23, 28, 0.67); } .path-bar .button { padding: 5px 10px; } .path-bar .button:first-child { padding-left: 10px; } .path-bar .button:last-child { padding-right: 10px; } .path-bar .button:only-child { padding-left: 14px; padding-right: 14px; } .path-bar .button GtkLabel:last-child { padding-left: 4px; } .path-bar .button GtkLabel:first-child { padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 2px; padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: rgba(92, 97, 108, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:selected { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } GtkTreeView.view:insensitive { color: rgba(92, 97, 108, 0.55); } GtkTreeView.view:insensitive:selected { color: #97bfee; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { color: #ffffff; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); border-radius: 3px; border-width: 0; } column-header .button { color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294e2; box-shadow: none; transition: none; } column-header .button:active { color: #5c616c; transition: none; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; border-image: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294e2; box-shadow: inset 1px 1px 0 1px #5294e2, inset -1px 0 0 1px #5294e2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active, column-header .button:hover { background-color: #ffffff; } column-header .button:active:hover { color: #5c616c; } column-header .button:insensitive { border-color: #F5F6F7; background-image: none; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #2f343f; color: rgba(207, 218, 231, 0.8); } .menubar:backdrop { color: rgba(207, 218, 231, 0.5); } .menubar > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } .menubar > .menuitem:hover { background-color: #5294e2; color: #ffffff; } .menubar > .menuitem:insensitive { color: rgba(207, 218, 231, 0.2); border-color: transparent; } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #ffffff; border: 1px solid #dcdfe3; } .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } .menu .menuitem { padding: 5px; } .menu .menuitem:hover { color: #ffffff; background-color: #5294e2; } .menu .menuitem:insensitive { color: rgba(92, 97, 108, 0.55); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator { color: rgba(255, 255, 255, 0); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; } .menu.button.top { border-bottom: 1px solid #efeff0; } .menu.button.bottom { border-top: 1px solid #efeff0; } .menu.button:hover { background-color: #efeff0; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: alpha(currentColor,0.55); } .popover { padding: 2px; border: 1px solid #cdd2d7; border-radius: 3px; background-clip: border-box; background-color: #ffffff; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .popover .separator, .popover GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .popover .view.separator { color: rgba(255, 255, 255, 0); } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .notebook { padding: 0; background-color: #ffffff; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { border: 1px solid #dcdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { border: 0px solid #dcdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px #dcdfe3; } .notebook.header.bottom { box-shadow: inset 0 1px #dcdfe3; } .notebook.header.right { box-shadow: inset 1px 0 #dcdfe3; } .notebook.header.left { box-shadow: inset -1px 0 #dcdfe3; } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; } .notebook tab.top, .notebook tab.bottom { padding: 4px 15px; } .notebook tab.left, .notebook tab.right { padding: 4px 15px; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; } .notebook tab.reorderable-page.top, .notebook tab.top { padding-top: 6px; border-radius: 3.5px 2px 0 0; border-width: 0; border-top-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; border-width: 0; border-bottom-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; border-width: 0; border-right-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; border-width: 0; border-left-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(92, 97, 108, 0.775); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #5c616c; } .notebook tab .button { padding: 0; color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { color: #5294e2; } .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { color: rgba(92, 97, 108, 0.55); } .notebook.arrow:hover { color: rgba(92, 97, 108, 0.775); } .notebook.arrow:active { color: #5c616c; } .notebook.arrow:insensitive { color: rgba(92, 97, 108, 0.25); } .scrollbar { -GtkRange-slider-width: 13; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; -GtkRange-slider-width: 6px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; background-color: #8a8e96; border: 1px solid rgba(255, 255, 255, 0.6); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; background-color: transparent; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { margin-top: 2px; margin-bottom: 2px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { background-color: #fcfcfc; border: 1px none #dcdfe3; } .scrollbar .slider { background-color: #b8babf; } .scrollbar .slider:hover { background-color: #c7c9cd; } .scrollbar .slider:prelight:active, .scrollbar .slider:active { background-color: #5294e2; } .scrollbar .slider:insensitive { background-color: transparent; } .scrollbar .slider { border-radius: 100px; margin: 3px; } .scrollbar.fine-tune .slider { margin: 4px; } .scrollbar.vertical .slider { margin-left: 4px; } .scrollbar.vertical .slider:dir(rtl) { margin-left: 3px; margin-right: 4px; } .scrollbar.vertical.fine-tune .slider { margin-left: 5px; } .scrollbar.vertical.fine-tune .slider:dir(rtl) { margin-left: 4px; margin-right: 5px; } .scrollbar.vertical .trough { border-left-style: solid; } .scrollbar.vertical .trough:dir(rtl) { border-left-style: none; border-right-style: solid; } .scrollbar.horizontal .slider { margin-top: 4px; } .scrollbar.horizontal.fine-tune .slider { margin-top: 5px; } .scrollbar.horizontal .trough { border-top-style: solid; } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { border-image-slice: 0 1 0 0; } GtkSwitch { font: 1; -GtkSwitch-slider-width: 41; outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; } GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { background-position: left center; } GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } .menu .menuitem:hover GtkSwitch.trough, .list-row:selected GtkSwitch.trough, GtkInfoBar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } .header-bar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active, .list-row:selected GtkSwitch.trough:active, GtkInfoBar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } .header-bar GtkSwitch.trough:active, .primary-toolbar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } .menu .menuitem:hover GtkSwitch.trough:insensitive, .list-row:selected GtkSwitch.trough:insensitive, GtkInfoBar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:insensitive, .primary-toolbar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active:insensitive, .list-row:selected GtkSwitch.trough:active:insensitive, GtkInfoBar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:active:insensitive, .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } GtkFileChooserDialog .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } GtkFileChooserDialog .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } GtkIconView.view.check, GtkFlowBox.view.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } GtkIconView.view.check:checked, GtkFlowBox.view.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; } .scale.trough { margin: 5px; } .scale.fine-tune.trough { border-radius: 5px; margin: 3px; } .scale.slider { background-clip: border-box; background-image: linear-gradient(to bottom, #fbfbfc); border: 1px solid rgba(123, 142, 186, 0.5); border-radius: 50%; box-shadow: none; } .scale.slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(123, 142, 186, 0.5); } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #fbfbfb); border-color: rgba(123, 142, 186, 0.3); } .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .osd .scale.slider { background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95)); border-color: #5294e2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294e2); } .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } .menu .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .menu .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } .menu .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } .menu .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, #cfd6e6); } .scale.trough.highlight { background-image: linear-gradient(to bottom, #5294e2); } .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd .scale.trough { background-image: linear-gradient(to bottom, rgba(69, 74, 89, 0.95)); outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294e2); } .menu .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .menu .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .menu .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } .menu .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } GtkProgressBar { padding: 0; font-size: smaller; color: rgba(92, 97, 108, 0.7); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } .progressbar { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } .progressbar.osd { background-color: #5294e2; } .list-row:selected .progressbar, GtkInfoBar .progressbar { background-color: #ffffff; } .osd .scale.progressbar { background-color: #5294e2; } GtkProgressBar.trough, .level-bar.trough { border: none; border-radius: 3px; background-color: #cfd6e6; } GtkProgressBar.trough.osd, .osd.level-bar.trough { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected GtkProgressBar.trough, .list-row:selected .level-bar.trough, GtkInfoBar GtkProgressBar.trough, GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } GtkLevelBar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; border-radius: 4px; } .level-bar.fill-block { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #73d216; background-color: #73d216; } .level-bar.fill-block.level-low { border-color: #F27835; background-color: #F27835; } .level-bar.fill-block.empty-fill-block { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } .frame { border: 1px solid #dcdfe3; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } .list, .list-row { background-color: #ffffff; border-color: #dcdfe3; } .list-row, .grid-child { padding: 2px; } .list-row.button { background-color: transparent; border-style: none; border-radius: 0; box-shadow: none; } .list-row.button:hover { background-color: rgba(0, 0, 0, 0.05); } .list-row.button:active { color: #5c616c; } .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } .list-row.button:selected:insensitive .label { color: inherit; } .list-row, list-row.button { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.button:hover { transition: none; } .app-notification, .app-notification.frame { padding: 10px; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: rgba(31, 33, 40, 0.95); } .app-notification .button, .app-notification.frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .app-notification .button.flat, .app-notification.frame .button.flat { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: #aaaeb7; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkCalendar { color: #5c616c; border: 1px solid #dcdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { background-color: #5294e2; color: #ffffff; border-radius: 1.5px; } GtkCalendar.header { color: #5c616c; border: none; border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(92, 97, 108, 0.45); border-color: transparent; background-color: transparent; background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #5c616c; } GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { color: rgba(92, 97, 108, 0.55); background-color: transparent; background-image: none; } GtkCalendar.highlight { color: alpha(currentColor,0.55); } .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { background-color: rgba(47, 52, 63, 0.97); border-bottom: 1px solid rgba(32, 35, 43, 0.97); } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .message-dialog.csd .dialog-action-area .button { padding: 8px; border-radius: 0; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 3px; } .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 3px; } GtkFileChooserDialog .search-bar { background-color: #F5F6F7; border-color: #dcdfe3; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #dcdfe3; } .sidebar, .sidebar .view { border: none; background-color: #fbfbfc; } .sidebar:selected, .sidebar .view:selected { background-color: #5294e2; } GtkPlacesSidebar.sidebar .view { color: #5c616c; background-color: transparent; } GtkPlacesSidebar.sidebar .view:selected { color: #ffffff; background-color: #5294e2; } .sidebar-item { padding: 10px 4px; } .sidebar-item > GtkLabel { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > GtkLabel { background-size: 6px 6px, 0 0; } GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { background-color: #dcdfe3; } GtkPaned.wide { -GtkPaned-handle-size: 5; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; border-color: #dcdfe3; border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } GtkInfoBar { border-style: none; } .info, .question, .warning, .error, GtkInfoBar { background-color: #5294e2; color: #ffffff; } .list-row:selected .button, GtkInfoBar .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } .list-row:selected .flat.button, GtkInfoBar .flat.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .list-row:selected .button:hover, GtkInfoBar .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .tooltip { color: #BAC3CF; border-radius: 2px; } .tooltip.background { background-color: rgba(75, 81, 98, 0.95); background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } :selected GtkColorSwatch { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch.left, GtkColorSwatch:first-child, GtkColorSwatch:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } GtkColorSwatch.right, GtkColorSwatch:last-child, GtkColorSwatch:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch:only-child, GtkColorSwatch:only-child .overlay { border-radius: 3px; } GtkColorSwatch:hover, GtkColorSwatch:hover:selected { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; } GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { border: 1px solid rgba(0, 0, 0, 0.15); } GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { border-color: rgba(0, 0, 0, 0.25); } GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } GtkColorSwatch#add-color-button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkColorSwatch#add-color-button .overlay { border-color: transparent; background-color: transparent; background-image: none; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } .scale-popup .button { padding: 6px; } .scale-popup .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkVolumeButton.button { padding: 8px; } .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .window-frame { border-radius: 3px 3px 0 0; border-width: 0px; box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.97), 0 8px 8px 0 rgba(0, 0, 0, 0.2); margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 5px 5px 0 rgba(0, 0, 0, 0.2); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; border-radius: 0; } .window-frame.ssd { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } .window-frame.ssd.maximized { border-radius: 0; } .window-frame.csd.popup { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.message-dialog { border-radius: 3px; } .window-frame.solid-csd { border-radius: 0; margin: 1px; background-color: rgba(47, 52, 63, 0.97); box-shadow: none; } .header-bar.default-decoration .button.titlebutton, .titlebar.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding-left: 4px; padding-right: 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); } .header-bar .button.titlebutton:not(GtkMenuButton), .titlebar .button.titlebutton:not(GtkMenuButton) { padding-top: 8px; padding-bottom: 8px; } .header-bar .button.titlebutton:hover, .titlebar .button.titlebutton:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.close, .titlebar .button.titlebutton.maximize, .titlebar .button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; } .header-bar .button.titlebutton.close:backdrop, .header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { opacity: 1; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } .header-bar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } .header-bar .button.titlebutton.close:hover, .titlebar .button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .button.titlebutton.close:active, .titlebar .button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } .header-bar .button.titlebutton.maximize, .titlebar .button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } .header-bar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } .header-bar .button.titlebutton.maximize:hover, .titlebar .button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } .header-bar .button.titlebutton.maximize:active, .titlebar .button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } .header-bar .button.titlebutton.minimize:hover, .titlebar .button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } .header-bar .button.titlebutton.minimize:active, .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:focus:selected { background-image: none; background-color: #5294e2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, ScratchMainWindow .notebook tab.top:active, ScratchMainWindow .notebook tab.top.active-page, ScratchMainWindow .notebook tab.top.active-page:hover, EphyNotebook.notebook tab.reorderable-page.top:active, EphyNotebook.notebook tab.reorderable-page.top.active-page, EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, EphyNotebook.notebook tab.top:active, EphyNotebook.notebook tab.top.active-page, EphyNotebook.notebook tab.top.active-page:hover, MidoriNotebook .notebook tab.reorderable-page.top:active, MidoriNotebook .notebook tab.reorderable-page.top.active-page, MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, MidoriNotebook .notebook tab.top:active, MidoriNotebook .notebook tab.top.active-page, MidoriNotebook .notebook tab.top.active-page:hover, TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top.active-page, TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; } GtkHTML { background-color: #ffffff; color: #5c616c; } GtkHTML:active { color: #ffffff; background-color: #5294e2; } SushiFontWidget { padding: 6px 12px; } TerminalWindow .background { background-color: transparent; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { border-width: 0; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { color: #5c616c; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } .nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, GtkPlacesSidebar.sidebar .nautilus-canvas-item.label.view.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #a9acb2; } .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } NautilusNotebook.notebook { background-color: #ffffff; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { padding: 5px; box-shadow: none; background-color: #ffffff; } .nautilus-circular-button { border-radius: 50%; outline-radius: 50%; } .disk-space-display { border-style: solid; border-width: 1px; } .disk-space-display.unknown { background-color: rgba(92, 97, 108, 0.5); border-color: rgba(69, 72, 80, 0.5); } .disk-space-display.used { background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { background-color: #edeef0; border-color: #d0d5da; } NemoWindow EelEditableLabel.entry { transition: none; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #dcdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { background-color: rgba(134, 144, 165, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:insensitive { color: rgba(207, 218, 231, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .gedit-headerbar-paned { color: rgba(38, 42, 51, 0.97); } .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } .open-document-selector-treeview.view:prelight { background-color: #f4f4f5; } .open-document-selector-treeview.view:prelight:selected { color: #ffffff; background-color: #5294e2; } .open-document-selector-name-label { color: #5c616c; } .open-document-selector-path-label { color: #aeb0b6; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } .gedit-document-panel .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { color: #92959d; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; background-color: transparent; border: none; box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { border-top: 1px solid #dcdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton:checked.button.flat { border-bottom-style: none; border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { border-bottom: 1px solid #dcdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); margin: 2px; padding: 2px; } GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294e2; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { box-shadow: 1px 0 #5294e2; } GbEditorFrame .gb-search-slider { padding: 2px; } GdTaggedEntry { color: #5c616c; } .preferences.sidebar GtkViewport { border: none; } .preferences.sidebar GtkListBox { background-color: #F5F6F7; } .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } GtkBox.gb-command-bar-box { border: none; background-color: #353945; } GtkBox.gb-command-bar-box GtkLabel { color: #BAC3CF; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #BAC3CF; background-image: none; background-color: #353945; padding: 6px 6px 6px 6px; border: none; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #ffffff; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook .button.label.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } EphyWindow .floating-bar { color: #5c616c; } .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: #a9caf1; } .documents-entry-tag { background-color: #5294e2; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; background-color: #639fe5; } .documents-entry-tag:active { color: #ffffff; background-color: #4189df; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; border: none; box-shadow: none; icon-shadow: none; } .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } TotemGrilo.vertical GdMainView.frame { border-width: 0; } SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: #5294e2; } .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; } .gnome-panel-menu-bar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: #BAC3CF; background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: #BAC3CF; } PanelApplet .button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: rgba(0, 0, 0, 0.25); border-radius: 0; border-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: #5294e2; } WnckPager { color: #5d6268; } WnckPager:selected { color: #5294e2; } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: #BAC3CF; } .xfce4-panel.panel { background-color: rgba(43, 46, 55, 0.95); text-shadow: none; icon-shadow: none; } .xfce4-panel.panel .button.flat { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); border-radius: 0; border: none; } .xfce4-panel.panel .button.flat:hover { border: none; background-color: rgba(65, 70, 84, 0.95); } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { color: #ffffff; border: none; background-color: #5294e2; } .floating-bar { background-color: #5294e2; color: #ffffff; } .floating-bar.top { border-radius: 0 0 2px 2px; } .floating-bar.right { border-radius: 2px 0 0 2px; } .floating-bar.bottom { border-radius: 2px 2px 0 0; } .floating-bar.left { border-radius: 0 2px 2px 0; } .floating-bar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { color: #ffffff; background-color: #5294e2; outline-color: transparent; } MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { background-color: transparent; } MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { outline-color: transparent; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } .marlin-pathbar.pathbar:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } WingpanelWidgetsIndicatorPopover.popover { padding: 0; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; border: solid transparent; border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage { padding: 0 3px; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active { background-color: rgba(0, 0, 0, 0.04); border: solid rgba(0, 0, 0, 0.08); border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive { color: rgba(92, 97, 108, 0.55); } PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: #5c616c; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { border: 1px solid rgba(32, 35, 43, 0.97); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } UnityDecoration.top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97)); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: rgba(64, 71, 86, 0.97); border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar GtkLabel { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #dcdfe3; border-right: 1px solid #dcdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #dcdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } .bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #dcdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: white; } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: #F5F6F7; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #5c616c; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { color: #a9acb2; font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(92, 97, 108, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry.entry { padding: 4px; } .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: #8a8e96; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: rgba(43, 46, 55, 0.95); color: #BAC3CF; font: bold; box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } #panel_window .menubar { padding-left: 5px; } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { font: normal; } #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: #5c616c; } #content_frame { padding-bottom: 14px; background-color: #F5F6F7; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } #content_frame .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } #content_frame .button:active, #content_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } #content_frame .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } #content_frame .button:insensitive > GtkLabel { color: inherit; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: rgba(53, 57, 69, 0.95); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px rgba(53, 57, 69, 0.95); } #buttonbox_frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } #buttonbox_frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } #buttonbox_frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } #login_window #user_combobox { color: #5c616c; font: 13px; } #login_window #user_combobox .menu { font: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font: bold; } .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: rgba(38, 42, 51, 0.97); } NemoWindow GtkEventBox { background-color: #F5F6F7; } GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, NautilusWindow .source-list.view:prelight, NemoWindow.csd.background, NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } GtkFileChooserDialog .sidebar, GtkFileChooserDialog .source-list.sidebar.view, NautilusWindow .sidebar, NautilusWindow .source-list.sidebar.view, NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { background-color: rgba(53, 57, 69, 0.95); } GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar row, GtkFileChooserDialog .source-list.sidebar.view .view, GtkFileChooserDialog .source-list.sidebar.view row, NautilusWindow .sidebar .view, NautilusWindow .sidebar row, NautilusWindow .source-list.sidebar.view .view, NautilusWindow .source-list.sidebar.view row, NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; color: #BAC3CF; } GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar row.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, GtkFileChooserDialog .source-list.sidebar.view row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar row.image, NautilusWindow .source-list.sidebar.view .view.image, NautilusWindow .source-list.sidebar.view row.image, NemoWindow .sidebar .view.image, NemoWindow .sidebar row.image, NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { color: rgba(186, 195, 207, 0.7); } GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar row.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, GtkFileChooserDialog .source-list.sidebar.view row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar row.cell:selected, NautilusWindow .source-list.sidebar.view .view.cell:selected, NautilusWindow .source-list.sidebar.view row.cell:selected, NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar row.cell:selected, MarlinViewWindow .source-list.sidebar.view .view.cell:selected, MarlinViewWindow .source-list.sidebar.view row.cell:selected { background-color: #5294e2; color: #ffffff; } GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog .source-list.sidebar.view.frame, NautilusWindow .sidebar.frame, NautilusWindow .source-list.sidebar.view.frame, NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { color: #BAC3CF; } GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog .source-list.sidebar.view .separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow .source-list.sidebar.view .separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow .source-list.sidebar.view .separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #353945; } GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: rgba(53, 57, 69, 0.95); } NautilusWindow NautilusWindowSlot { background-color: #ffffff; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { background-color: rgba(53, 57, 69, 0.95); } GtkFileChooserDialog .sidebar { background-color: transparent; } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-vbox > .frame { color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: rgba(42, 45, 55, 0.95); } GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #BAC3CF; } FeedReaderreaderUI.background.csd > .titlebar .pane-separator, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, GeditWindow.background.csd > .titlebar .pane-separator, GeditWindow.background.csd.maximized > .titlebar .pane-separator, GeditWindow.background.csd > .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { background-color: rgba(38, 42, 51, 0.97); } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: rgba(47, 52, 63, 0.97); } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: rgba(50, 56, 67, 0.97); } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #2f343f; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #323843; } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background .gedit-side-panel-paned .pane-separator { background-color: rgba(53, 57, 69, 0.95); } GeditWindow.background .gedit-bottom-panel-paned .pane-separator { background-color: #dcdfe3; } .gedit-bottom-panel-paned { background-color: #ffffff; } .gedit-document-panel { background-color: rgba(53, 57, 69, 0.95); } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel .list-row { color: #BAC3CF; } .gedit-document-panel .list-row { background-color: rgba(186, 195, 207, 0); border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:active .button { color: #ffffff; } .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { color: #BAC3CF; } GeditFileBrowserWidget { background-color: rgba(53, 57, 69, 0.95); } .maximized GeditFileBrowserWidget { background-color: #353945; } GeditFileBrowserWidget .horizontal { background-color: transparent; border-color: rgba(37, 40, 49, 0.95); } GeditFileBrowserWidget .horizontal GtkComboBox { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditFileBrowserWidget .horizontal .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } GtkFileChooserDialog .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditFileBrowserWidget .horizontal .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditFileBrowserWidget .horizontal .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } GtkFileChooserDialog .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } GtkFileChooserDialog .action-bar.frame .image.entry, GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog .action-bar.frame .image.entry:hover, GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { color: inherit; } GtkFileChooserDialog .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294e2); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } GtkFileChooserDialog .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NautilusWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NemoWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, MarlinViewWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, GeditFileBrowserWidget .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .sidebar .scrollbar .trough, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, NautilusWindow .sidebar .scrollbar .trough, NautilusWindow .source-list.sidebar.view .scrollbar .trough, NemoWindow .sidebar .scrollbar .trough, NemoWindow .source-list.sidebar.view .scrollbar .trough, MarlinViewWindow .sidebar .scrollbar .trough, MarlinViewWindow .source-list.sidebar.view .scrollbar .trough, GeditFileBrowserWidget .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } GtkFileChooserDialog .sidebar .scrollbar .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider, NautilusWindow .sidebar .scrollbar .slider, NautilusWindow .source-list.sidebar.view .scrollbar .slider, NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserWidget .scrollbar .slider { background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog .sidebar .scrollbar .slider:hover, NautilusWindow .sidebar .scrollbar .slider:hover, NemoWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .sidebar .scrollbar .slider:hover, GeditFileBrowserWidget .scrollbar .slider:hover { background-color: #f6f7f9; } GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, NautilusWindow .sidebar .scrollbar .slider:prelight:active, NemoWindow .sidebar .scrollbar .slider:prelight:active, MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, GeditFileBrowserWidget .scrollbar .slider:prelight:active { background-color: #5294e2; } GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, NautilusWindow .sidebar .scrollbar .slider:insensitive, NemoWindow .sidebar .scrollbar .slider:insensitive, MarlinViewWindow .sidebar .scrollbar .slider:insensitive, GeditFileBrowserWidget .scrollbar .slider:insensitive { background-color: transparent; } @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; @define-color theme_base_color #ffffff; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #5c616c; @define-color text_color #5c616c; @define-color bg_color #F5F6F7; @define-color base_color #ffffff; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #fbfbfc; @define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; @define-color borders #dcdfe3; @define-color unfocused_borders #dcdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #2679db; @define-color content_view_bg #ffffff; @define-color wm_title alpha(#cfdae7, 0.8); @define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343f; @define-color wm_bg_unfocused #323843; @define-color wm_highlight #363b48; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #cc575d; @define-color wm_button_close_hover_bg #d7787d; @define-color wm_button_close_active_bg #be3841; @define-color wm_icon_close_bg #2f343f; @define-color wm_button_hover_bg #454C5C; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #262932; @define-color wm_icon_bg #90939B; @define-color wm_icon_unfocused_bg #666A74; @define-color wm_icon_hover_bg #C4C7CC; @define-color wm_icon_active_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.16/gtk-solid-dark.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkPaned-handle-size: 1; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #a9caf1; -GtkWidget-visited-link-color: #7eafe9; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(211, 218, 227, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } .background { color: #D3DAE3; background-color: #383C4A; } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #383C4A; color: #D3DAE3; } .gtkstyle-fallback:prelight { background-color: #4e5467; color: #D3DAE3; } .gtkstyle-fallback:active { background-color: #22242d; color: #D3DAE3; } .gtkstyle-fallback:insensitive { background-color: #3c4150; color: rgba(211, 218, 227, 0.45); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view { color: #D3DAE3; background-color: #404552; } .view.dim-label, .view.label.separator, GtkPlacesSidebar.sidebar .view.label.separator, .header-bar .view.subtitle { color: rgba(211, 218, 227, 0.55); } .view.dim-label:selected, .view.label.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, .view.label.separator:selected:focus, .header-bar .view.subtitle:selected:focus { color: rgba(255, 255, 255, 0.65); text-shadow: none; } .rubberband { border: 1px solid #5294e2; background-color: rgba(82, 148, 226, 0.2); } .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator { color: #D3DAE3; } .label:insensitive { color: rgba(211, 218, 227, 0.45); } .dim-label, .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator, .header-bar .subtitle { opacity: 0.55; } GtkAssistant .sidebar { background-color: #404552; border-top: 1px solid #2b2e39; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #2b2e39; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #2b2e39; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar .label { padding: 6px 12px; } GtkAssistant .sidebar .label.highlight { background-color: #5294e2; color: #ffffff; } GtkTextView { background-color: #3c414e; } .grid-child { padding: 3px; border-radius: 3px; } .grid-child:selected { outline-offset: -2px; } .popover.osd, .osd { color: #BAC3CF; border: none; background-color: #353945; background-clip: padding-box; outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } .entry { border: 1px solid; padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); border: none; border-radius: 0; } .entry:focus { background-clip: border-box; color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); box-shadow: inset 1px 0 #5294e2, inset -1px 0 #5294e2, inset 0 1px #5294e2, inset 0 -1px #5294e2; } .entry:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(64, 69, 82, 0.55); background-image: linear-gradient(to bottom, rgba(64, 69, 82, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #5294e2; color: #ffffff; } .entry.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .linked > .entry:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked > .entry:first-child:dir(rtl) { border-right-style: none; } .linked > .entry:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } .linked > .entry:last-child:dir(rtl) { border-left-style: solid; } .entry.warning { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #ab6441); } .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } .entry.warning:selected, .entry.warning:selected:focus { background-color: white; color: #F27835; } .entry.error { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #b14342); } .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } .entry.error:selected, .entry.error:selected:focus { background-color: white; color: #FC4138; } .entry.image { color: #b6bcc6; } .linked.vertical > .entry { border-bottom-color: #3a3e4a; box-shadow: none; } .linked.vertical > .entry:focus { border-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:insensitive { border-bottom-color: #3a3e4a; } .linked.vertical > .entry:first-child { border-bottom-color: #3a3e4a; } .linked.vertical > .entry:first-child:focus { border-bottom-color: #5294e2; box-shadow: none; } .linked.vertical > .entry:first-child:insensitive { border-bottom-color: #3a3e4a; } .linked.vertical > .entry:last-child { border-bottom-color: rgba(0, 0, 0, 0.14); } .linked.vertical > .entry:last-child:focus { border-bottom-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:last-child:insensitive { border-bottom-color: rgba(0, 0, 0, 0.14); } .osd .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } .osd .entry.image, .osd .entry.image:hover { color: inherit; } .osd .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294e2); } .osd .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } GtkSearchEntry.entry { border-radius: 20px; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 5px 8px; color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .button.flat { border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(68, 74, 88, 0); border-color: rgba(43, 46, 57, 0); transition: none; } .button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } .button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; transition-duration: 50ms; } .button:active { color: #D3DAE3; } .button:active:hover, .button:checked { color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; } .button:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); background-color: #353945; border-color: #23262e; } .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294e2; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .button.osd:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); border-radius: 0; border-left-style: none; border-right-style: none; } .osd .button:dir(rtl) { border-radius: 0; border-right-style: none; border-left-style: none; } .osd .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:dir(rtl) { border-left-style: solid; } .osd .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child { box-shadow: none; } .osd .button:active, .osd .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child { box-shadow: none; } .osd .button.flat:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); background-image: none; } .osd .button.flat:active, .osd .button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .button.suggested-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(211, 218, 227, 0.45); } .button.suggested-action:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .button.suggested-action:insensitive > GtkLabel { color: inherit; } .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .button.destructive-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(211, 218, 227, 0.45); } .button.destructive-action:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 7px; } .header-bar .button.image-button, .header-bar .button.titlebutton { padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { padding: 5px 8px; } .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 2px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar GtkToolButton > .button { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .inline-toolbar GtkToolButton > .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5), inset -1px 0 rgba(43, 46, 57, 0.5); } .inline-toolbar GtkToolButton > .button.flat:active, .osd .button:active, .inline-toolbar .button:active, .linked > .button:active, GtkComboBox.combobox-entry .entry:active, GtkComboBox.combobox-entry .button:active, .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, .linked > GtkComboBox > .button:active:dir(ltr), .inline-toolbar GtkToolButton > .button.flat:checked, .osd .button:checked, .inline-toolbar .button:checked, .linked > .button:checked, GtkComboBox.combobox-entry .entry:checked, GtkComboBox.combobox-entry .button:checked, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked, .linked > GtkComboBox > .button:checked:dir(ltr) { box-shadow: none; } .inline-toolbar.toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), .linked > .button:dir(rtl):hover, .linked > .button:dir(rtl):active, .linked > .button:dir(rtl):checked, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } .osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, .primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(43, 46, 57, 0.5); } .osd .button:first-child:active, .inline-toolbar .button:first-child:active, .linked > .button:first-child:active, .inline-toolbar GtkToolButton:first-child > .button.flat:active, GtkComboBox.combobox-entry .entry:first-child:active, GtkComboBox.combobox-entry .button:first-child:active, .linked > GtkComboBox:first-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, .osd .button:first-child:checked, .inline-toolbar .button:first-child:checked, .linked > .button:first-child:checked, .inline-toolbar GtkToolButton:first-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:first-child:checked, GtkComboBox.combobox-entry .button:first-child:checked, .linked > GtkComboBox:first-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } .osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, .primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } .osd .button:last-child:active, .inline-toolbar .button:last-child:active, .linked > .button:last-child:active, .inline-toolbar GtkToolButton:last-child > .button.flat:active, GtkComboBox.combobox-entry .entry:last-child:active, GtkComboBox.combobox-entry .button:last-child:active, .linked > GtkComboBox:last-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, .osd .button:last-child:checked, .inline-toolbar .button:last-child:checked, .linked > .button:last-child:checked, .inline-toolbar GtkToolButton:last-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:last-child:checked, GtkComboBox.combobox-entry .button:last-child:checked, .linked > GtkComboBox:last-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } .osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, .primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } .osd .button:only-child:active, .inline-toolbar .button:only-child:active, .linked > .button:only-child:active, .inline-toolbar GtkToolButton:only-child > .button.flat:active, GtkComboBox.combobox-entry .entry:only-child:active, GtkComboBox.combobox-entry .button:only-child:active, .linked > GtkComboBox:only-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, .osd .button:only-child:checked, .inline-toolbar .button:only-child:checked, .linked > .button:only-child:checked, .inline-toolbar GtkToolButton:only-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:only-child:checked, GtkComboBox.combobox-entry .button:only-child:checked, .linked > GtkComboBox:only-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 -1px rgba(43, 46, 57, 0.5), inset 0 1px rgba(43, 46, 57, 0.5); } .linked.vertical > .entry:active, .linked.vertical > .button:active, .linked.vertical > GtkComboBoxText > .button:active, .linked.vertical > GtkComboBox > .button:active, .linked.vertical > .entry:checked, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button:checked, .linked.vertical > GtkComboBox > .button:checked { box-shadow: none; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px rgba(43, 46, 57, 0.5); } .linked.vertical > .entry:first-child:active, .linked.vertical > .button:first-child:active, .linked.vertical > GtkComboBoxText:first-child > .button:active, .linked.vertical > GtkComboBox:first-child > .button:active, .linked.vertical > .entry:first-child:checked, .linked.vertical > .button:first-child:checked, .linked.vertical > GtkComboBoxText:first-child > .button:checked, .linked.vertical > GtkComboBox:first-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px rgba(43, 46, 57, 0.5); } .linked.vertical > .entry:last-child:active, .linked.vertical > .button:last-child:active, .linked.vertical > GtkComboBoxText:last-child > .button:active, .linked.vertical > GtkComboBox:last-child > .button:active, .linked.vertical > .entry:last-child:checked, .linked.vertical > .button:last-child:checked, .linked.vertical > GtkComboBoxText:last-child > .button:checked, .linked.vertical > GtkComboBox:last-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } .linked.vertical > .entry:only-child:active, .linked.vertical > .button:only-child:active, .linked.vertical > GtkComboBoxText:only-child > .button:active, .linked.vertical > GtkComboBox:only-child > .button:active, .linked.vertical > .entry:only-child:checked, .linked.vertical > .button:only-child:checked, .linked.vertical > GtkComboBoxText:only-child > .button:checked, .linked.vertical > GtkComboBox:only-child > .button:checked { box-shadow: none; } .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .notebook tab .button, .list-row.button, .app-notification .button.flat, .app-notification.frame .button.flat, .app-notification .button.flat:insensitive, .app-notification.frame .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } /* menu buttons */ .menuitem.button.flat { transition: none; outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { background-color: #484c59; } .menuitem.button.flat:checked { color: #D3DAE3; } *:link, .button:link, .button:visited { color: #a9caf1; } *:link:visited, .button:visited { color: #7eafe9; } *:selected *:link:visited, *:selected .button:visited:link, *:selected .button:visited { color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #d5e5f8; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #a9caf1; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #dceaf9; } *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #dceaf9; } .spinbutton { border-radius: 3px; } .spinbutton .button { background-image: none; border: 1px solid rgba(43, 46, 57, 0.6); border-style: none none none solid; color: #ccd3dc; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } .spinbutton .button:insensitive { color: rgba(211, 218, 227, 0.45); } .spinbutton .button:active { background-color: #5294e2; color: #ffffff; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #5294e2; border-radius: 0; box-shadow: none; } GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(211, 218, 227, 0.45); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-left-style: none; } GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 #2b2e39; } GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.55); } GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 #2b2e39; } GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(43, 46, 57, 0.55); } .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #383C4A; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.9); } .primary-toolbar { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #2f343f, #20232b) 1 0 1 0; } .inline-toolbar { background-color: #313541; border-style: solid; border-color: #2b2e39; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: #383C4A; border-style: solid; border-color: #2b2e39; border-width: 0 0 1px; padding: 3px; } .action-bar { background-color: #313541; } .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: #262a33; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; } .csd .header-bar { background-color: #2f343f; border-color: #262a33; } .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { padding-left: 12px; padding-right: 12px; } .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294e2; border-color: #4189df; box-shadow: none; } .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { background-color: #5294e2; color: rgba(255, 255, 255, 0.6); } .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343f; border-color: #262a33; } .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized .csd .header-bar.default-decoration, .maximized .header-bar.default-decoration:backdrop, .maximized .csd .header-bar.default-decoration:backdrop { background-color: #2f343f; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 3px 3px 0 0; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: inset 0 1px #363b48; } .csd .titlebar { background-color: #2f343f; } .titlebar:backdrop { color: rgba(207, 218, 231, 0.5); background-color: #323843; } .csd .titlebar:backdrop { background-color: #323843; } .maximized .titlebar { background-color: #2f343f; } .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #323843; } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } .primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); background-clip: padding-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar .entry.warning, .header-bar .entry.warning { color: white; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #a45d39); } .primary-toolbar .entry.warning:focus, .header-bar .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); } .primary-toolbar .entry.warning:selected, .header-bar .entry.warning:selected, .primary-toolbar .entry.warning:selected:focus, .header-bar .entry.warning:selected:focus { background-color: white; color: #F27835; } .primary-toolbar .entry.error, .header-bar .entry.error { color: white; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #aa3c3b); } .primary-toolbar .entry.error:focus, .header-bar .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); } .primary-toolbar .entry.error:selected, .header-bar .entry.error:selected, .primary-toolbar .entry.error:selected:focus, .header-bar .entry.error:selected:focus { background-color: white; color: #FC4138; } .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { background-color: rgba(134, 144, 165, 0.4); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .primary-toolbar .linked.stack-switcher > .button:insensitive, .header-bar .linked.stack-switcher > .button:insensitive, .primary-toolbar .linked.path-bar > .button:insensitive, .header-bar .linked.path-bar > .button:insensitive { color: rgba(207, 218, 231, 0.4); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked { box-shadow: none; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive, .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .header-bar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .button.suggested-action:insensitive > GtkLabel, .header-bar .button.suggested-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive, .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .header-bar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .button.destructive-action:insensitive > GtkLabel, .header-bar .button.destructive-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(207, 218, 231, 0.05); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr), .header-bar GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(21, 23, 28, 0); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl), .header-bar GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(21, 23, 28, 0); } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(21, 23, 28, 0.4); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.4)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #454c5c); border-color: rgba(21, 23, 28, 0.7); } .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { background-image: linear-gradient(to bottom, #50586b); border-color: rgba(21, 23, 28, 0.7); } .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #3e4553); border-color: rgba(21, 23, 28, 0.7); } .path-bar .button { padding: 5px 10px; } .path-bar .button:first-child { padding-left: 10px; } .path-bar .button:last-child { padding-right: 10px; } .path-bar .button:only-child { padding-left: 14px; padding-right: 14px; } .path-bar .button GtkLabel:last-child { padding-left: 4px; } .path-bar .button GtkLabel:first-child { padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 2px; padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: rgba(211, 218, 227, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:selected { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(211, 218, 227, 0.1); } GtkTreeView.view:insensitive { color: rgba(211, 218, 227, 0.45); } GtkTreeView.view:insensitive:selected { color: #97bfee; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #93b7e3; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #8a909b; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #D3DAE3; } GtkTreeView.view.expander:selected { color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } GtkTreeView.view.trough { color: #D3DAE3; background-image: linear-gradient(to bottom, #2b2e39); border-radius: 3px; border-width: 0; } GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { color: #ffffff; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); border-radius: 3px; border-width: 0; } column-header .button { color: #b6bcc6; background-color: #404552; } column-header .button:hover { color: #5294e2; box-shadow: none; transition: none; } column-header .button:active { color: #D3DAE3; transition: none; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; border-image: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294e2; box-shadow: inset 1px 1px 0 1px #5294e2, inset -1px 0 0 1px #5294e2, inset 1px 1px #404552, inset -1px 0 #404552; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, rgba(255, 255, 255, 0) 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active, column-header .button:hover { background-color: #404552; } column-header .button:active:hover { color: #D3DAE3; } column-header .button:insensitive { border-color: #383C4A; background-image: none; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #2f343f; color: rgba(207, 218, 231, 0.8); } .menubar:backdrop { color: rgba(207, 218, 231, 0.5); } .menubar > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } .menubar > .menuitem:hover { background-color: #5294e2; color: #ffffff; } .menubar > .menuitem:insensitive { color: rgba(207, 218, 231, 0.2); border-color: transparent; } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #383C4A; border: 1px solid #2b2e39; } .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } .menu .menuitem { padding: 5px; } .menu .menuitem:hover { color: #ffffff; background-color: #5294e2; } .menu .menuitem:insensitive { color: rgba(211, 218, 227, 0.45); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator { color: rgba(64, 69, 82, 0); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; } .menu.button.top { border-bottom: 1px solid #4f5461; } .menu.button.bottom { border-top: 1px solid #4f5461; } .menu.button:hover { background-color: #4f5461; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: alpha(currentColor,0.55); } .popover { padding: 2px; border: 1px solid #20222a; border-radius: 3px; background-clip: border-box; background-color: #383C4A; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.35); } .popover .separator, .popover GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .popover .view.separator { color: rgba(64, 69, 82, 0); } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .notebook { padding: 0; background-color: #404552; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { border: 1px solid #2b2e39; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #383C4A; } .notebook.header.frame { border: 0px solid #2b2e39; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px #2b2e39; } .notebook.header.bottom { box-shadow: inset 0 1px #2b2e39; } .notebook.header.right { box-shadow: inset 1px 0 #2b2e39; } .notebook.header.left { box-shadow: inset -1px 0 #2b2e39; } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; } .notebook tab.top, .notebook tab.bottom { padding: 4px 15px; } .notebook tab.left, .notebook tab.right { padding: 4px 15px; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; } .notebook tab.reorderable-page.top, .notebook tab.top { padding-top: 6px; border-radius: 3.5px 2px 0 0; border-width: 0; border-top-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #404552; box-shadow: inset 0 1px #2b2e39, inset 0 -1px #404552, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; border-width: 0; border-bottom-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #404552; box-shadow: inset 0 -1px #404552, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; border-width: 0; border-right-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #404552; box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #404552, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; border-width: 0; border-left-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #404552; box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #404552; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(211, 218, 227, 0.45); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(211, 218, 227, 0.725); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #D3DAE3; } .notebook tab .button { padding: 0; color: #9da3ad; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { color: #5294e2; } .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { color: rgba(211, 218, 227, 0.45); } .notebook.arrow:hover { color: rgba(211, 218, 227, 0.725); } .notebook.arrow:active { color: #D3DAE3; } .notebook.arrow:insensitive { color: rgba(211, 218, 227, 0.15); } .scrollbar { -GtkRange-slider-width: 13; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; -GtkRange-slider-width: 6px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; background-color: #a5abb5; border: 1px solid rgba(0, 0, 0, 0.3); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; background-color: transparent; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { margin-top: 2px; margin-bottom: 2px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { background-color: #3e434f; border: 1px none #2b2e39; } .scrollbar .slider { background-color: #767b87; } .scrollbar .slider:hover { background-color: #676b78; } .scrollbar .slider:prelight:active, .scrollbar .slider:active { background-color: #5294e2; } .scrollbar .slider:insensitive { background-color: transparent; } .scrollbar .slider { border-radius: 100px; margin: 3px; } .scrollbar.fine-tune .slider { margin: 4px; } .scrollbar.vertical .slider { margin-left: 4px; } .scrollbar.vertical .slider:dir(rtl) { margin-left: 3px; margin-right: 4px; } .scrollbar.vertical.fine-tune .slider { margin-left: 5px; } .scrollbar.vertical.fine-tune .slider:dir(rtl) { margin-left: 4px; margin-right: 5px; } .scrollbar.vertical .trough { border-left-style: solid; } .scrollbar.vertical .trough:dir(rtl) { border-left-style: none; border-right-style: solid; } .scrollbar.horizontal .slider { margin-top: 4px; } .scrollbar.horizontal.fine-tune .slider { margin-top: 5px; } .scrollbar.horizontal .trough { border-top-style: solid; } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #3e434f; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { border-image-slice: 0 1 0 0; } GtkSwitch { font: 1; -GtkSwitch-slider-width: 41; outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; } GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { background-position: left center; } GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-dark.png"), url("assets/switch-dark@2.png")); } .menu .menuitem:hover GtkSwitch.trough, .list-row:selected GtkSwitch.trough, GtkInfoBar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } .header-bar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-dark.png"), url("assets/switch-active-dark@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active, .list-row:selected GtkSwitch.trough:active, GtkInfoBar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } .header-bar GtkSwitch.trough:active, .primary-toolbar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); } .menu .menuitem:hover GtkSwitch.trough:insensitive, .list-row:selected GtkSwitch.trough:insensitive, GtkInfoBar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:insensitive, .primary-toolbar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-dark.png"), url("assets/switch-active-insensitive-dark@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active:insensitive, .list-row:selected GtkSwitch.trough:active:insensitive, GtkInfoBar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:active:insensitive, .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } GtkIconView.view.check, GtkFlowBox.view.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); background-color: transparent; } GtkIconView.view.check:checked, GtkFlowBox.view.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(211, 218, 227, 0.45); } .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; } .scale.trough { margin: 5px; } .scale.fine-tune.trough { border-radius: 5px; margin: 3px; } .scale.slider { background-clip: border-box; background-image: linear-gradient(to bottom, #444a58); border: 1px solid #262933; border-radius: 50%; box-shadow: none; } .scale.slider:hover { background-image: linear-gradient(to bottom, #505666); border-color: #262933; } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #3c414e); border-color: rgba(38, 41, 51, 0.8); } .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .osd .scale.slider { background-image: linear-gradient(to bottom, #353945); border-color: #5294e2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294e2); } .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } .menu .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .menu .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } .menu .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } .menu .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, #2d303b); } .scale.trough.highlight { background-image: linear-gradient(to bottom, #5294e2); } .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(45, 48, 59, 0.55)); } .osd .scale.trough { background-image: linear-gradient(to bottom, #454a59); outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294e2); } .menu .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .menu .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .menu .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } .menu .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } GtkProgressBar { padding: 0; font-size: smaller; color: rgba(211, 218, 227, 0.7); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } .progressbar { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } .progressbar.osd { background-color: #5294e2; } .list-row:selected .progressbar, GtkInfoBar .progressbar { background-color: #ffffff; } .osd .scale.progressbar { background-color: #5294e2; } GtkProgressBar.trough, .level-bar.trough { border: none; border-radius: 3px; background-color: #2d303b; } GtkProgressBar.trough.osd, .osd.level-bar.trough { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected GtkProgressBar.trough, .list-row:selected .level-bar.trough, GtkInfoBar GtkProgressBar.trough, GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } GtkLevelBar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; border-radius: 4px; } .level-bar.fill-block { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #73d216; background-color: #73d216; } .level-bar.fill-block.level-low { border-color: #F27835; background-color: #F27835; } .level-bar.fill-block.empty-fill-block { background-color: #404552; border-color: #404552; } .frame { border: 1px solid #2b2e39; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } .list, .list-row { background-color: #404552; border-color: #2b2e39; } .list-row, .grid-child { padding: 2px; } .list-row.button { background-color: transparent; border-style: none; border-radius: 0; box-shadow: none; } .list-row.button:hover { background-color: rgba(255, 255, 255, 0.03); } .list-row.button:active { color: #D3DAE3; } .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } .list-row.button:selected:insensitive .label { color: inherit; } .list-row, list-row.button { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.button:hover { transition: none; } .app-notification, .app-notification.frame { padding: 10px; color: #BAC3CF; background-color: #353945; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #1f2128; } .app-notification .button, .app-notification.frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .app-notification .button.flat, .app-notification.frame .button.flat { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: white; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkCalendar { color: #D3DAE3; border: 1px solid #2b2e39; border-radius: 3px; padding: 2px; } GtkCalendar:selected { background-color: #5294e2; color: #ffffff; border-radius: 1.5px; } GtkCalendar.header { color: #D3DAE3; border: none; border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(211, 218, 227, 0.45); border-color: transparent; background-color: transparent; background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #D3DAE3; } GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { color: rgba(211, 218, 227, 0.45); background-color: transparent; background-image: none; } GtkCalendar.highlight { color: alpha(currentColor,0.55); } .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { background-color: #2f343f; border-bottom: 1px solid #20232b; } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .message-dialog.csd .dialog-action-area .button { padding: 8px; border-radius: 0; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 3px; } .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 3px; } GtkFileChooserDialog .search-bar { background-color: #383C4A; border-color: #2b2e39; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #2b2e39; } .sidebar, .sidebar .view { border: none; background-color: #3c4150; } .sidebar:selected, .sidebar .view:selected { background-color: #5294e2; } GtkPlacesSidebar.sidebar .view { color: #D3DAE3; background-color: transparent; } GtkPlacesSidebar.sidebar .view:selected { color: #ffffff; background-color: #5294e2; } .sidebar-item { padding: 10px 4px; } .sidebar-item > GtkLabel { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > GtkLabel { background-size: 6px 6px, 0 0; } GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { background-color: #2b2e39; } GtkPaned.wide { -GtkPaned-handle-size: 5; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; border-color: #2b2e39; border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } GtkInfoBar { border-style: none; } .info, .question, .warning, .error, GtkInfoBar { background-color: #5294e2; color: #ffffff; } .list-row:selected .button, GtkInfoBar .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } .list-row:selected .flat.button, GtkInfoBar .flat.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .list-row:selected .button:hover, GtkInfoBar .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .tooltip { color: #BAC3CF; border-radius: 2px; } .tooltip.background { background-color: #4b5162; background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } :selected GtkColorSwatch { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch.left, GtkColorSwatch:first-child, GtkColorSwatch:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } GtkColorSwatch.right, GtkColorSwatch:last-child, GtkColorSwatch:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch:only-child, GtkColorSwatch:only-child .overlay { border-radius: 3px; } GtkColorSwatch:hover, GtkColorSwatch:hover:selected { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; } GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { border: 1px solid rgba(0, 0, 0, 0.15); } GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { border-color: rgba(0, 0, 0, 0.25); } GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } GtkColorSwatch#add-color-button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } GtkColorSwatch#add-color-button .overlay { border-color: transparent; background-color: transparent; background-image: none; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } .scale-popup .button { padding: 6px; } .scale-popup .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } GtkVolumeButton.button { padding: 8px; } .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .window-frame { border-radius: 3px 3px 0 0; border-width: 0px; box-shadow: 0 0 0 1px #20232b, 0 8px 8px 0 rgba(0, 0, 0, 0.35); margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 5px 5px 0 rgba(0, 0, 0, 0.35); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; border-radius: 0; } .window-frame.ssd { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } .window-frame.ssd.maximized { border-radius: 0; } .window-frame.csd.popup { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.45), 0 0 0 1px #22242d; } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25); } .window-frame.csd.message-dialog { border-radius: 3px; } .window-frame.solid-csd { border-radius: 0; margin: 1px; background-color: #2f343f; box-shadow: none; } .header-bar.default-decoration .button.titlebutton, .titlebar.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding-left: 4px; padding-right: 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); } .header-bar .button.titlebutton:not(GtkMenuButton), .titlebar .button.titlebutton:not(GtkMenuButton) { padding-top: 8px; padding-bottom: 8px; } .header-bar .button.titlebutton:hover, .titlebar .button.titlebutton:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.close, .titlebar .button.titlebutton.maximize, .titlebar .button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; } .header-bar .button.titlebutton.close:backdrop, .header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { opacity: 1; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } .header-bar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } .header-bar .button.titlebutton.close:hover, .titlebar .button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .button.titlebutton.close:active, .titlebar .button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } .header-bar .button.titlebutton.maximize, .titlebar .button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } .header-bar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } .header-bar .button.titlebutton.maximize:hover, .titlebar .button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } .header-bar .button.titlebutton.maximize:active, .titlebar .button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } .header-bar .button.titlebutton.minimize:hover, .titlebar .button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } .header-bar .button.titlebutton.minimize:active, .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:focus:selected { background-image: none; background-color: #5294e2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, ScratchMainWindow .notebook tab.top:active, ScratchMainWindow .notebook tab.top.active-page, ScratchMainWindow .notebook tab.top.active-page:hover, EphyNotebook.notebook tab.reorderable-page.top:active, EphyNotebook.notebook tab.reorderable-page.top.active-page, EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, EphyNotebook.notebook tab.top:active, EphyNotebook.notebook tab.top.active-page, EphyNotebook.notebook tab.top.active-page:hover, MidoriNotebook .notebook tab.reorderable-page.top:active, MidoriNotebook .notebook tab.reorderable-page.top.active-page, MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, MidoriNotebook .notebook tab.top:active, MidoriNotebook .notebook tab.top.active-page, MidoriNotebook .notebook tab.top.active-page:hover, TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top.active-page, TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } GtkHTML { background-color: #404552; color: #D3DAE3; } GtkHTML:active { color: #ffffff; background-color: #5294e2; } SushiFontWidget { padding: 6px 12px; } TerminalWindow .background { background-color: transparent; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { border-width: 0; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { color: #D3DAE3; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } .nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, GtkPlacesSidebar.sidebar .nautilus-canvas-item.label.view.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #868b97; } .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } NautilusNotebook.notebook { background-color: #404552; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { padding: 5px; box-shadow: none; background-color: #404552; } .nautilus-circular-button { border-radius: 50%; outline-radius: 50%; } .disk-space-display { border-style: solid; border-width: 1px; } .disk-space-display.unknown { background-color: rgba(211, 218, 227, 0.5); border-color: rgba(180, 192, 207, 0.5); } .disk-space-display.used { background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { background-color: #313541; border-color: #1b1d24; } NemoWindow EelEditableLabel.entry { transition: none; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #2b2e39; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { background-color: rgba(134, 144, 165, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:insensitive { color: rgba(207, 218, 231, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .gedit-headerbar-paned { color: #262a33; } .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #404552; } .open-document-selector-treeview.view:prelight { background-color: #4a4f5c; } .open-document-selector-treeview.view:prelight:selected { color: #ffffff; background-color: #5294e2; } .open-document-selector-name-label { color: #D3DAE3; } .open-document-selector-path-label { color: #8a909b; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } .gedit-document-panel .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { color: #9da3ad; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; background-color: transparent; border: none; box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } .gedit-document-panel .prelight-row .button:active { color: #D3DAE3; } .gedit-document-panel-dragged-row { border: 1px solid #2b2e39; background-color: #22242d; color: #D3DAE3; } GeditStatusbar { border-top: 1px solid #2b2e39; background-color: #383C4A; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton:checked.button.flat { border-bottom-style: none; border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { border-bottom: 1px solid #2b2e39; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(211, 218, 227, 0.6); margin: 2px; padding: 2px; } GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #3c4150; padding: 6px; border-color: #2b2e39; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294e2; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { box-shadow: 1px 0 #5294e2; } GbEditorFrame .gb-search-slider { padding: 2px; } GdTaggedEntry { color: #D3DAE3; } .preferences.sidebar GtkViewport { border: none; } .preferences.sidebar GtkListBox { background-color: #383C4A; } .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } GtkBox.gb-command-bar-box { border: none; background-color: #353945; } GtkBox.gb-command-bar-box GtkLabel { color: #BAC3CF; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #BAC3CF; background-image: none; background-color: #353945; padding: 6px 6px 6px 6px; border: none; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #2b2e39; } GbViewStack.focused GtkBox.header.notebook { background-color: #404552; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook .button.label.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } EphyWindow .floating-bar { color: #D3DAE3; } .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon { background-color: rgba(211, 218, 227, 0.3); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: #a9caf1; } .documents-entry-tag { background-color: #5294e2; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; background-color: #639fe5; } .documents-entry-tag:active { color: #ffffff; background-color: #4189df; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; border: none; box-shadow: none; icon-shadow: none; } .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } TotemGrilo.vertical GdMainView.frame { border-width: 0; } SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: #5294e2; } .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; } .gnome-panel-menu-bar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: #BAC3CF; background-image: linear-gradient(to bottom, #2b2e37); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: #BAC3CF; } PanelApplet .button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: rgba(0, 0, 0, 0.25); border-radius: 0; border-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: #5294e2; } WnckPager { color: #5d6268; } WnckPager:selected { color: #5294e2; } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: #BAC3CF; } .xfce4-panel.panel { background-color: #2b2e37; text-shadow: none; icon-shadow: none; } .xfce4-panel.panel .button.flat { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); border-radius: 0; border: none; } .xfce4-panel.panel .button.flat:hover { border: none; background-color: #414654; } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { color: #ffffff; border: none; background-color: #5294e2; } .floating-bar { background-color: #5294e2; color: #ffffff; } .floating-bar.top { border-radius: 0 0 2px 2px; } .floating-bar.right { border-radius: 2px 0 0 2px; } .floating-bar.bottom { border-radius: 2px 2px 0 0; } .floating-bar.left { border-radius: 0 2px 2px 0; } .floating-bar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { color: #ffffff; background-color: #5294e2; outline-color: transparent; } MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { background-color: transparent; } MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { outline-color: transparent; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } .marlin-pathbar.pathbar:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } WingpanelWidgetsIndicatorPopover.popover { padding: 0; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; border: solid transparent; border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage { padding: 0 3px; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active { background-color: rgba(255, 255, 255, 0.05); border: solid rgba(255, 255, 255, 0.07); border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive { color: rgba(211, 218, 227, 0.45); } PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: #D3DAE3; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { border: 1px solid #20232b; border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px #363b48; } UnityDecoration.top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #20232b); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: #404756; border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar GtkLabel { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #2b2e39; border-right: 1px solid #2b2e39; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #2b2e39; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } .bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #2b2e39; background-color: #383C4A; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: #383C4A; color: #D3DAE3; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: #434859; } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: #383C4A; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #D3DAE3; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { background-color: #404552; } GraniteWidgetsWelcome GtkLabel { color: #868b97; font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(211, 218, 227, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #404552); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry.entry { padding: 4px; } .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: #a5abb5; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: #2b2e37; color: #BAC3CF; font: bold; box-shadow: inset 0 -1px #1b1d23; } #panel_window .menubar { padding-left: 5px; } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { font: normal; } #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: #D3DAE3; } #content_frame { padding-bottom: 14px; background-color: #383C4A; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame .button { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } #content_frame .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } #content_frame .button:active, #content_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } #content_frame .button:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } #content_frame .button:insensitive > GtkLabel { color: inherit; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: #2f343f; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px #262a33; } #buttonbox_frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } #buttonbox_frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } #buttonbox_frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } #login_window #user_combobox { color: #D3DAE3; font: 13px; } #login_window #user_combobox .menu { font: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font: bold; } .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: #262a33; } NemoWindow GtkEventBox { background-color: #383C4A; } GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog .sidebar, NautilusWindow .sidebar, NemoWindow .sidebar { border-right: 1px solid #2a2d37; } GtkFileChooserDialog .sidebar:dir(rtl), NautilusWindow .sidebar:dir(rtl), NemoWindow .sidebar:dir(rtl) { border-left: 1px solid #2a2d37; } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, NautilusWindow .source-list.view:prelight, NemoWindow.csd.background, NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } GtkFileChooserDialog .sidebar, GtkFileChooserDialog .source-list.sidebar.view, NautilusWindow .sidebar, NautilusWindow .source-list.sidebar.view, NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { background-color: #353945; } GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar row, GtkFileChooserDialog .source-list.sidebar.view .view, GtkFileChooserDialog .source-list.sidebar.view row, NautilusWindow .sidebar .view, NautilusWindow .sidebar row, NautilusWindow .source-list.sidebar.view .view, NautilusWindow .source-list.sidebar.view row, NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; color: #BAC3CF; } GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar row.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, GtkFileChooserDialog .source-list.sidebar.view row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar row.image, NautilusWindow .source-list.sidebar.view .view.image, NautilusWindow .source-list.sidebar.view row.image, NemoWindow .sidebar .view.image, NemoWindow .sidebar row.image, NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { color: rgba(186, 195, 207, 0.7); } GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar row.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, GtkFileChooserDialog .source-list.sidebar.view row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar row.cell:selected, NautilusWindow .source-list.sidebar.view .view.cell:selected, NautilusWindow .source-list.sidebar.view row.cell:selected, NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar row.cell:selected, MarlinViewWindow .source-list.sidebar.view .view.cell:selected, MarlinViewWindow .source-list.sidebar.view row.cell:selected { background-color: #5294e2; color: #ffffff; } GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog .source-list.sidebar.view.frame, NautilusWindow .sidebar.frame, NautilusWindow .source-list.sidebar.view.frame, NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { color: #BAC3CF; } GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog .source-list.sidebar.view .separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow .source-list.sidebar.view .separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow .source-list.sidebar.view .separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #353945; } GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: #2a2d37; } NautilusWindow NautilusWindowSlot { background-color: #404552; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { background-color: #353945; } GtkFileChooserDialog .sidebar { background-color: transparent; } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #383C4A; } GtkFileChooserDialog .dialog-action-box { background-color: #383C4A; } GtkFileChooserDialog .dialog-vbox > .frame { color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: #1f2128; } GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #BAC3CF; } FeedReaderreaderUI.background.csd > .titlebar .pane-separator, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, GeditWindow.background.csd > .titlebar .pane-separator, GeditWindow.background.csd.maximized > .titlebar .pane-separator, GeditWindow.background.csd > .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { background-color: #262a33; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #2f343f; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #323843; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #2f343f; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #323843; } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background .gedit-side-panel-paned .pane-separator { background-color: #2a2d37; } GeditWindow.background .gedit-bottom-panel-paned .pane-separator { background-color: #2b2e39; } .gedit-bottom-panel-paned { background-color: #404552; } .gedit-document-panel { background-color: #353945; } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel .list-row { color: #BAC3CF; } .gedit-document-panel .list-row { background-color: rgba(186, 195, 207, 0); border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:active .button { color: #ffffff; } .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { color: #BAC3CF; } GeditFileBrowserWidget { background-color: #353945; } .maximized GeditFileBrowserWidget { background-color: #353945; } GeditFileBrowserWidget .horizontal { background-color: transparent; border-color: #252831; } GeditFileBrowserWidget .horizontal GtkComboBox { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditFileBrowserWidget .horizontal .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } GtkFileChooserDialog .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditFileBrowserWidget .horizontal .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditFileBrowserWidget .horizontal .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } GtkFileChooserDialog .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } GtkFileChooserDialog .action-bar.frame .image.entry, GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog .action-bar.frame .image.entry:hover, GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { color: inherit; } GtkFileChooserDialog .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294e2); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } GtkFileChooserDialog .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NautilusWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NemoWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, MarlinViewWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, GeditFileBrowserWidget .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .sidebar .scrollbar .trough, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, NautilusWindow .sidebar .scrollbar .trough, NautilusWindow .source-list.sidebar.view .scrollbar .trough, NemoWindow .sidebar .scrollbar .trough, NemoWindow .source-list.sidebar.view .scrollbar .trough, MarlinViewWindow .sidebar .scrollbar .trough, MarlinViewWindow .source-list.sidebar.view .scrollbar .trough, GeditFileBrowserWidget .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } GtkFileChooserDialog .sidebar .scrollbar .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider, NautilusWindow .sidebar .scrollbar .slider, NautilusWindow .source-list.sidebar.view .scrollbar .slider, NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserWidget .scrollbar .slider { background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog .sidebar .scrollbar .slider:hover, NautilusWindow .sidebar .scrollbar .slider:hover, NemoWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .sidebar .scrollbar .slider:hover, GeditFileBrowserWidget .scrollbar .slider:hover { background-color: #f6f7f9; } GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, NautilusWindow .sidebar .scrollbar .slider:prelight:active, NemoWindow .sidebar .scrollbar .slider:prelight:active, MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, GeditFileBrowserWidget .scrollbar .slider:prelight:active { background-color: #5294e2; } GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, NautilusWindow .sidebar .scrollbar .slider:insensitive, NemoWindow .sidebar .scrollbar .slider:insensitive, MarlinViewWindow .sidebar .scrollbar .slider:insensitive, GeditFileBrowserWidget .scrollbar .slider:insensitive { background-color: transparent; } @define-color theme_fg_color #D3DAE3; @define-color theme_text_color #D3DAE3; @define-color theme_bg_color #383C4A; @define-color theme_base_color #404552; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #D3DAE3; @define-color text_color #D3DAE3; @define-color bg_color #383C4A; @define-color base_color #404552; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #3c4150; @define-color insensitive_fg_color alpha(#d3dae3, 0.5); @define-color insensitive_base_color #404552; @define-color theme_unfocused_fg_color #D3DAE3; @define-color theme_unfocused_text_color #D3DAE3; @define-color theme_unfocused_bg_color #383C4A; @define-color theme_unfocused_base_color #404552; @define-color borders #2b2e39; @define-color unfocused_borders #2b2e39; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #a9caf1; @define-color content_view_bg #404552; @define-color wm_title alpha(#cfdae7, 0.8); @define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343f; @define-color wm_bg_unfocused #323843; @define-color wm_highlight #363b48; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #cc575d; @define-color wm_button_close_hover_bg #d7787d; @define-color wm_button_close_active_bg #be3841; @define-color wm_icon_close_bg #2f343f; @define-color wm_button_hover_bg #454C5C; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #262932; @define-color wm_icon_bg #90939B; @define-color wm_icon_unfocused_bg #666A74; @define-color wm_icon_hover_bg #C4C7CC; @define-color wm_icon_active_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.16/gtk-solid-darker.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkPaned-handle-size: 1; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #2679db; -GtkWidget-visited-link-color: #1e61b0; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(92, 97, 108, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } .background { color: #5c616c; background-color: #F5F6F7; } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #F5F6F7; color: #5c616c; } .gtkstyle-fallback:prelight { background-color: white; color: #5c616c; } .gtkstyle-fallback:active { background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view { color: #5c616c; background-color: #ffffff; } .view.dim-label, .view.label.separator, GtkPlacesSidebar.sidebar .view.label.separator, .header-bar .view.subtitle { color: rgba(92, 97, 108, 0.55); } .view.dim-label:selected, .view.label.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, .view.label.separator:selected:focus, .header-bar .view.subtitle:selected:focus { color: rgba(255, 255, 255, 0.65); text-shadow: none; } .rubberband { border: 1px solid #5294e2; background-color: rgba(82, 148, 226, 0.2); } .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator { color: #5c616c; } .label:insensitive { color: rgba(92, 97, 108, 0.55); } .dim-label, .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator, .header-bar .subtitle { opacity: 0.55; } GtkAssistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #dcdfe3; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar .label { padding: 6px 12px; } GtkAssistant .sidebar .label.highlight { background-color: #5294e2; color: #ffffff; } GtkTextView { background-color: #fafbfb; } .grid-child { padding: 3px; border-radius: 3px; } .grid-child:selected { outline-offset: -2px; } .popover.osd, .osd { color: #BAC3CF; border: none; background-color: #353945; background-clip: padding-box; outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } .entry { border: 1px solid; padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); border: none; border-radius: 0; } .entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294e2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #5294e2; color: #ffffff; } .entry.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .linked > .entry:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked > .entry:first-child:dir(rtl) { border-right-style: none; } .linked > .entry:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } .linked > .entry:last-child:dir(rtl) { border-left-style: solid; } .entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } .entry.warning:selected, .entry.warning:selected:focus { background-color: white; color: #F27835; } .entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } .entry.error:selected, .entry.error:selected:focus { background-color: white; color: #FC4138; } .entry.image { color: #7d8189; } .linked.vertical > .entry { border-bottom-color: #f4f5f6; box-shadow: none; } .linked.vertical > .entry:focus { border-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:insensitive { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:first-child { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:first-child:focus { border-bottom-color: #5294e2; box-shadow: none; } .linked.vertical > .entry:first-child:insensitive { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:last-child { border-bottom-color: rgba(0, 0, 0, 0.14); } .linked.vertical > .entry:last-child:focus { border-bottom-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:last-child:insensitive { border-bottom-color: rgba(0, 0, 0, 0.14); } .osd .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } .osd .entry.image, .osd .entry.image:hover { color: inherit; } .osd .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294e2); } .osd .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } GtkSearchEntry.entry { border-radius: 20px; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 5px 8px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .button.flat { border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(251, 251, 252, 0); border-color: rgba(207, 214, 230, 0); transition: none; } .button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } .button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; transition-duration: 50ms; } .button:active { color: #5c616c; } .button:active:hover, .button:checked { color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; } .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); background-color: #353945; border-color: #23262e; } .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294e2; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .button.osd:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); border-radius: 0; border-left-style: none; border-right-style: none; } .osd .button:dir(rtl) { border-radius: 0; border-right-style: none; border-left-style: none; } .osd .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:dir(rtl) { border-left-style: solid; } .osd .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child { box-shadow: none; } .osd .button:active, .osd .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child { box-shadow: none; } .osd .button.flat:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); background-image: none; } .osd .button.flat:active, .osd .button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .button.suggested-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.suggested-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.suggested-action:insensitive > GtkLabel { color: inherit; } .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .button.destructive-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.destructive-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 7px; } .header-bar .button.image-button, .header-bar .button.titlebutton { padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { padding: 5px 8px; } .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar GtkToolButton > .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .inline-toolbar GtkToolButton > .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } .inline-toolbar GtkToolButton > .button.flat:active, .osd .button:active, .inline-toolbar .button:active, .linked > .button:active, GtkComboBox.combobox-entry .entry:active, GtkComboBox.combobox-entry .button:active, .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, .linked > GtkComboBox > .button:active:dir(ltr), .inline-toolbar GtkToolButton > .button.flat:checked, .osd .button:checked, .inline-toolbar .button:checked, .linked > .button:checked, GtkComboBox.combobox-entry .entry:checked, GtkComboBox.combobox-entry .button:checked, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked, .linked > GtkComboBox > .button:checked:dir(ltr) { box-shadow: none; } .inline-toolbar.toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), .linked > .button:dir(rtl):hover, .linked > .button:dir(rtl):active, .linked > .button:dir(rtl):checked, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } .osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, .primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } .osd .button:first-child:active, .inline-toolbar .button:first-child:active, .linked > .button:first-child:active, .inline-toolbar GtkToolButton:first-child > .button.flat:active, GtkComboBox.combobox-entry .entry:first-child:active, GtkComboBox.combobox-entry .button:first-child:active, .linked > GtkComboBox:first-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, .osd .button:first-child:checked, .inline-toolbar .button:first-child:checked, .linked > .button:first-child:checked, .inline-toolbar GtkToolButton:first-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:first-child:checked, GtkComboBox.combobox-entry .button:first-child:checked, .linked > GtkComboBox:first-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } .osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, .primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } .osd .button:last-child:active, .inline-toolbar .button:last-child:active, .linked > .button:last-child:active, .inline-toolbar GtkToolButton:last-child > .button.flat:active, GtkComboBox.combobox-entry .entry:last-child:active, GtkComboBox.combobox-entry .button:last-child:active, .linked > GtkComboBox:last-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, .osd .button:last-child:checked, .inline-toolbar .button:last-child:checked, .linked > .button:last-child:checked, .inline-toolbar GtkToolButton:last-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:last-child:checked, GtkComboBox.combobox-entry .button:last-child:checked, .linked > GtkComboBox:last-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } .osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, .primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } .osd .button:only-child:active, .inline-toolbar .button:only-child:active, .linked > .button:only-child:active, .inline-toolbar GtkToolButton:only-child > .button.flat:active, GtkComboBox.combobox-entry .entry:only-child:active, GtkComboBox.combobox-entry .button:only-child:active, .linked > GtkComboBox:only-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, .osd .button:only-child:checked, .inline-toolbar .button:only-child:checked, .linked > .button:only-child:checked, .inline-toolbar GtkToolButton:only-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:only-child:checked, GtkComboBox.combobox-entry .button:only-child:checked, .linked > GtkComboBox:only-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 -1px rgba(207, 214, 230, 0.4), inset 0 1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:active, .linked.vertical > .button:active, .linked.vertical > GtkComboBoxText > .button:active, .linked.vertical > GtkComboBox > .button:active, .linked.vertical > .entry:checked, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button:checked, .linked.vertical > GtkComboBox > .button:checked { box-shadow: none; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:first-child:active, .linked.vertical > .button:first-child:active, .linked.vertical > GtkComboBoxText:first-child > .button:active, .linked.vertical > GtkComboBox:first-child > .button:active, .linked.vertical > .entry:first-child:checked, .linked.vertical > .button:first-child:checked, .linked.vertical > GtkComboBoxText:first-child > .button:checked, .linked.vertical > GtkComboBox:first-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:last-child:active, .linked.vertical > .button:last-child:active, .linked.vertical > GtkComboBoxText:last-child > .button:active, .linked.vertical > GtkComboBox:last-child > .button:active, .linked.vertical > .entry:last-child:checked, .linked.vertical > .button:last-child:checked, .linked.vertical > GtkComboBoxText:last-child > .button:checked, .linked.vertical > GtkComboBox:last-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } .linked.vertical > .entry:only-child:active, .linked.vertical > .button:only-child:active, .linked.vertical > GtkComboBoxText:only-child > .button:active, .linked.vertical > GtkComboBox:only-child > .button:active, .linked.vertical > .entry:only-child:checked, .linked.vertical > .button:only-child:checked, .linked.vertical > GtkComboBoxText:only-child > .button:checked, .linked.vertical > GtkComboBox:only-child > .button:checked { box-shadow: none; } .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .notebook tab .button, .list-row.button, .app-notification .button.flat, .app-notification.frame .button.flat, .app-notification .button.flat:insensitive, .app-notification.frame .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } /* menu buttons */ .menuitem.button.flat { transition: none; outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { background-color: #edeff0; } .menuitem.button.flat:checked { color: #5c616c; } *:link, .button:link, .button:visited { color: #2679db; } *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited:link, *:selected .button:visited { color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #dceaf9; } *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #dceaf9; } .spinbutton { border-radius: 3px; } .spinbutton .button { background-image: none; border: 1px solid rgba(220, 223, 227, 0.6); border-style: none none none solid; color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } .spinbutton .button:insensitive { color: rgba(92, 97, 108, 0.55); } .spinbutton .button:active { background-color: #5294e2; color: #ffffff; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #5294e2; border-radius: 0; box-shadow: none; } GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: 1px 0 #5294e2; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-left-style: none; } GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: -1px 0 #5294e2; } GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 #cfd6e6; } GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.55); } GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 #cfd6e6; } GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.55); } .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.9); } .primary-toolbar { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #2f343f, #20232b) 1 0 1 0; } .inline-toolbar { background-color: #edeef0; border-style: solid; border-color: #dcdfe3; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; border-color: #dcdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { background-color: #edeef0; } .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: #262a33; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; } .csd .header-bar { background-color: #2f343f; border-color: #262a33; } .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { padding-left: 12px; padding-right: 12px; } .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294e2; border-color: #4189df; box-shadow: none; } .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { background-color: #5294e2; color: rgba(255, 255, 255, 0.6); } .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343f; border-color: #262a33; } .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized .csd .header-bar.default-decoration, .maximized .header-bar.default-decoration:backdrop, .maximized .csd .header-bar.default-decoration:backdrop { background-color: #2f343f; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 3px 3px 0 0; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: inset 0 1px #363b48; } .csd .titlebar { background-color: #2f343f; } .titlebar:backdrop { color: rgba(207, 218, 231, 0.5); background-color: #323843; } .csd .titlebar:backdrop { background-color: #323843; } .maximized .titlebar { background-color: #2f343f; } .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #323843; } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } .primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); background-clip: padding-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar .entry.warning, .header-bar .entry.warning { color: white; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #a45d39); } .primary-toolbar .entry.warning:focus, .header-bar .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); } .primary-toolbar .entry.warning:selected, .header-bar .entry.warning:selected, .primary-toolbar .entry.warning:selected:focus, .header-bar .entry.warning:selected:focus { background-color: white; color: #F27835; } .primary-toolbar .entry.error, .header-bar .entry.error { color: white; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #aa3c3b); } .primary-toolbar .entry.error:focus, .header-bar .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); } .primary-toolbar .entry.error:selected, .header-bar .entry.error:selected, .primary-toolbar .entry.error:selected:focus, .header-bar .entry.error:selected:focus { background-color: white; color: #FC4138; } .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { background-color: rgba(134, 144, 165, 0.4); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .primary-toolbar .linked.stack-switcher > .button:insensitive, .header-bar .linked.stack-switcher > .button:insensitive, .primary-toolbar .linked.path-bar > .button:insensitive, .header-bar .linked.path-bar > .button:insensitive { color: rgba(207, 218, 231, 0.4); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked { box-shadow: none; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive, .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .header-bar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .button.suggested-action:insensitive > GtkLabel, .header-bar .button.suggested-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive, .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .header-bar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .button.destructive-action:insensitive > GtkLabel, .header-bar .button.destructive-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(207, 218, 231, 0.05); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr), .header-bar GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(21, 23, 28, 0); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl), .header-bar GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(21, 23, 28, 0); } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(21, 23, 28, 0.4); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.4)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #454c5c); border-color: rgba(21, 23, 28, 0.7); } .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { background-image: linear-gradient(to bottom, #50586b); border-color: rgba(21, 23, 28, 0.7); } .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #3e4553); border-color: rgba(21, 23, 28, 0.7); } .path-bar .button { padding: 5px 10px; } .path-bar .button:first-child { padding-left: 10px; } .path-bar .button:last-child { padding-right: 10px; } .path-bar .button:only-child { padding-left: 14px; padding-right: 14px; } .path-bar .button GtkLabel:last-child { padding-left: 4px; } .path-bar .button GtkLabel:first-child { padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 2px; padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: rgba(92, 97, 108, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:selected { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } GtkTreeView.view:insensitive { color: rgba(92, 97, 108, 0.55); } GtkTreeView.view:insensitive:selected { color: #97bfee; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { color: #ffffff; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); border-radius: 3px; border-width: 0; } column-header .button { color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294e2; box-shadow: none; transition: none; } column-header .button:active { color: #5c616c; transition: none; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; border-image: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294e2; box-shadow: inset 1px 1px 0 1px #5294e2, inset -1px 0 0 1px #5294e2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active, column-header .button:hover { background-color: #ffffff; } column-header .button:active:hover { color: #5c616c; } column-header .button:insensitive { border-color: #F5F6F7; background-image: none; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #2f343f; color: rgba(207, 218, 231, 0.8); } .menubar:backdrop { color: rgba(207, 218, 231, 0.5); } .menubar > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } .menubar > .menuitem:hover { background-color: #5294e2; color: #ffffff; } .menubar > .menuitem:insensitive { color: rgba(207, 218, 231, 0.2); border-color: transparent; } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #ffffff; border: 1px solid #dcdfe3; } .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } .menu .menuitem { padding: 5px; } .menu .menuitem:hover { color: #ffffff; background-color: #5294e2; } .menu .menuitem:insensitive { color: rgba(92, 97, 108, 0.55); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator { color: rgba(255, 255, 255, 0); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; } .menu.button.top { border-bottom: 1px solid #efeff0; } .menu.button.bottom { border-top: 1px solid #efeff0; } .menu.button:hover { background-color: #efeff0; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: alpha(currentColor,0.55); } .popover { padding: 2px; border: 1px solid #cdd2d7; border-radius: 3px; background-clip: border-box; background-color: #ffffff; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .popover .separator, .popover GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .popover .view.separator { color: rgba(255, 255, 255, 0); } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .notebook { padding: 0; background-color: #ffffff; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { border: 1px solid #dcdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { border: 0px solid #dcdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px #dcdfe3; } .notebook.header.bottom { box-shadow: inset 0 1px #dcdfe3; } .notebook.header.right { box-shadow: inset 1px 0 #dcdfe3; } .notebook.header.left { box-shadow: inset -1px 0 #dcdfe3; } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; } .notebook tab.top, .notebook tab.bottom { padding: 4px 15px; } .notebook tab.left, .notebook tab.right { padding: 4px 15px; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; } .notebook tab.reorderable-page.top, .notebook tab.top { padding-top: 6px; border-radius: 3.5px 2px 0 0; border-width: 0; border-top-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; border-width: 0; border-bottom-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; border-width: 0; border-right-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; border-width: 0; border-left-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(92, 97, 108, 0.775); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #5c616c; } .notebook tab .button { padding: 0; color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { color: #5294e2; } .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { color: rgba(92, 97, 108, 0.55); } .notebook.arrow:hover { color: rgba(92, 97, 108, 0.775); } .notebook.arrow:active { color: #5c616c; } .notebook.arrow:insensitive { color: rgba(92, 97, 108, 0.25); } .scrollbar { -GtkRange-slider-width: 13; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; -GtkRange-slider-width: 6px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; background-color: #8a8e96; border: 1px solid rgba(255, 255, 255, 0.6); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; background-color: transparent; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { margin-top: 2px; margin-bottom: 2px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { background-color: #fcfcfc; border: 1px none #dcdfe3; } .scrollbar .slider { background-color: #b8babf; } .scrollbar .slider:hover { background-color: #c7c9cd; } .scrollbar .slider:prelight:active, .scrollbar .slider:active { background-color: #5294e2; } .scrollbar .slider:insensitive { background-color: transparent; } .scrollbar .slider { border-radius: 100px; margin: 3px; } .scrollbar.fine-tune .slider { margin: 4px; } .scrollbar.vertical .slider { margin-left: 4px; } .scrollbar.vertical .slider:dir(rtl) { margin-left: 3px; margin-right: 4px; } .scrollbar.vertical.fine-tune .slider { margin-left: 5px; } .scrollbar.vertical.fine-tune .slider:dir(rtl) { margin-left: 4px; margin-right: 5px; } .scrollbar.vertical .trough { border-left-style: solid; } .scrollbar.vertical .trough:dir(rtl) { border-left-style: none; border-right-style: solid; } .scrollbar.horizontal .slider { margin-top: 4px; } .scrollbar.horizontal.fine-tune .slider { margin-top: 5px; } .scrollbar.horizontal .trough { border-top-style: solid; } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { border-image-slice: 0 1 0 0; } GtkSwitch { font: 1; -GtkSwitch-slider-width: 41; outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; } GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { background-position: left center; } GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } .menu .menuitem:hover GtkSwitch.trough, .list-row:selected GtkSwitch.trough, GtkInfoBar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } .header-bar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active, .list-row:selected GtkSwitch.trough:active, GtkInfoBar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } .header-bar GtkSwitch.trough:active, .primary-toolbar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } .menu .menuitem:hover GtkSwitch.trough:insensitive, .list-row:selected GtkSwitch.trough:insensitive, GtkInfoBar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:insensitive, .primary-toolbar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active:insensitive, .list-row:selected GtkSwitch.trough:active:insensitive, GtkInfoBar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:active:insensitive, .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } GtkFileChooserDialog .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } GtkFileChooserDialog .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } GtkIconView.view.check, GtkFlowBox.view.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } GtkIconView.view.check:checked, GtkFlowBox.view.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; } .scale.trough { margin: 5px; } .scale.fine-tune.trough { border-radius: 5px; margin: 3px; } .scale.slider { background-clip: border-box; background-image: linear-gradient(to bottom, #fbfbfc); border: 1px solid rgba(123, 142, 186, 0.5); border-radius: 50%; box-shadow: none; } .scale.slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(123, 142, 186, 0.5); } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #fbfbfb); border-color: rgba(123, 142, 186, 0.3); } .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .osd .scale.slider { background-image: linear-gradient(to bottom, #353945); border-color: #5294e2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294e2); } .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } .menu .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .menu .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } .menu .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } .menu .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, #cfd6e6); } .scale.trough.highlight { background-image: linear-gradient(to bottom, #5294e2); } .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd .scale.trough { background-image: linear-gradient(to bottom, #454a59); outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294e2); } .menu .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .menu .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .menu .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } .menu .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } GtkProgressBar { padding: 0; font-size: smaller; color: rgba(92, 97, 108, 0.7); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } .progressbar { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } .progressbar.osd { background-color: #5294e2; } .list-row:selected .progressbar, GtkInfoBar .progressbar { background-color: #ffffff; } .osd .scale.progressbar { background-color: #5294e2; } GtkProgressBar.trough, .level-bar.trough { border: none; border-radius: 3px; background-color: #cfd6e6; } GtkProgressBar.trough.osd, .osd.level-bar.trough { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected GtkProgressBar.trough, .list-row:selected .level-bar.trough, GtkInfoBar GtkProgressBar.trough, GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } GtkLevelBar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; border-radius: 4px; } .level-bar.fill-block { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #73d216; background-color: #73d216; } .level-bar.fill-block.level-low { border-color: #F27835; background-color: #F27835; } .level-bar.fill-block.empty-fill-block { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } .frame { border: 1px solid #dcdfe3; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } .list, .list-row { background-color: #ffffff; border-color: #dcdfe3; } .list-row, .grid-child { padding: 2px; } .list-row.button { background-color: transparent; border-style: none; border-radius: 0; box-shadow: none; } .list-row.button:hover { background-color: rgba(0, 0, 0, 0.05); } .list-row.button:active { color: #5c616c; } .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } .list-row.button:selected:insensitive .label { color: inherit; } .list-row, list-row.button { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.button:hover { transition: none; } .app-notification, .app-notification.frame { padding: 10px; color: #BAC3CF; background-color: #353945; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #1f2128; } .app-notification .button, .app-notification.frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .app-notification .button.flat, .app-notification.frame .button.flat { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: #aaaeb7; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkCalendar { color: #5c616c; border: 1px solid #dcdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { background-color: #5294e2; color: #ffffff; border-radius: 1.5px; } GtkCalendar.header { color: #5c616c; border: none; border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(92, 97, 108, 0.45); border-color: transparent; background-color: transparent; background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #5c616c; } GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { color: rgba(92, 97, 108, 0.55); background-color: transparent; background-image: none; } GtkCalendar.highlight { color: alpha(currentColor,0.55); } .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { background-color: #2f343f; border-bottom: 1px solid #20232b; } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .message-dialog.csd .dialog-action-area .button { padding: 8px; border-radius: 0; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 3px; } .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 3px; } GtkFileChooserDialog .search-bar { background-color: #F5F6F7; border-color: #dcdfe3; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #dcdfe3; } .sidebar, .sidebar .view { border: none; background-color: #fbfbfc; } .sidebar:selected, .sidebar .view:selected { background-color: #5294e2; } GtkPlacesSidebar.sidebar .view { color: #5c616c; background-color: transparent; } GtkPlacesSidebar.sidebar .view:selected { color: #ffffff; background-color: #5294e2; } .sidebar-item { padding: 10px 4px; } .sidebar-item > GtkLabel { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > GtkLabel { background-size: 6px 6px, 0 0; } GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { background-color: #dcdfe3; } GtkPaned.wide { -GtkPaned-handle-size: 5; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; border-color: #dcdfe3; border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } GtkInfoBar { border-style: none; } .info, .question, .warning, .error, GtkInfoBar { background-color: #5294e2; color: #ffffff; } .list-row:selected .button, GtkInfoBar .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } .list-row:selected .flat.button, GtkInfoBar .flat.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .list-row:selected .button:hover, GtkInfoBar .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .tooltip { color: #BAC3CF; border-radius: 2px; } .tooltip.background { background-color: #4b5162; background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } :selected GtkColorSwatch { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch.left, GtkColorSwatch:first-child, GtkColorSwatch:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } GtkColorSwatch.right, GtkColorSwatch:last-child, GtkColorSwatch:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch:only-child, GtkColorSwatch:only-child .overlay { border-radius: 3px; } GtkColorSwatch:hover, GtkColorSwatch:hover:selected { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; } GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { border: 1px solid rgba(0, 0, 0, 0.15); } GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { border-color: rgba(0, 0, 0, 0.25); } GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } GtkColorSwatch#add-color-button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkColorSwatch#add-color-button .overlay { border-color: transparent; background-color: transparent; background-image: none; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } .scale-popup .button { padding: 6px; } .scale-popup .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkVolumeButton.button { padding: 8px; } .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .window-frame { border-radius: 3px 3px 0 0; border-width: 0px; box-shadow: 0 0 0 1px #20232b, 0 8px 8px 0 rgba(0, 0, 0, 0.2); margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 5px 5px 0 rgba(0, 0, 0, 0.2); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; border-radius: 0; } .window-frame.ssd { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } .window-frame.ssd.maximized { border-radius: 0; } .window-frame.csd.popup { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.message-dialog { border-radius: 3px; } .window-frame.solid-csd { border-radius: 0; margin: 1px; background-color: #2f343f; box-shadow: none; } .header-bar.default-decoration .button.titlebutton, .titlebar.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding-left: 4px; padding-right: 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); } .header-bar .button.titlebutton:not(GtkMenuButton), .titlebar .button.titlebutton:not(GtkMenuButton) { padding-top: 8px; padding-bottom: 8px; } .header-bar .button.titlebutton:hover, .titlebar .button.titlebutton:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.close, .titlebar .button.titlebutton.maximize, .titlebar .button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; } .header-bar .button.titlebutton.close:backdrop, .header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { opacity: 1; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } .header-bar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } .header-bar .button.titlebutton.close:hover, .titlebar .button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .button.titlebutton.close:active, .titlebar .button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } .header-bar .button.titlebutton.maximize, .titlebar .button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } .header-bar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } .header-bar .button.titlebutton.maximize:hover, .titlebar .button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } .header-bar .button.titlebutton.maximize:active, .titlebar .button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } .header-bar .button.titlebutton.minimize:hover, .titlebar .button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } .header-bar .button.titlebutton.minimize:active, .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:focus:selected { background-image: none; background-color: #5294e2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, ScratchMainWindow .notebook tab.top:active, ScratchMainWindow .notebook tab.top.active-page, ScratchMainWindow .notebook tab.top.active-page:hover, EphyNotebook.notebook tab.reorderable-page.top:active, EphyNotebook.notebook tab.reorderable-page.top.active-page, EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, EphyNotebook.notebook tab.top:active, EphyNotebook.notebook tab.top.active-page, EphyNotebook.notebook tab.top.active-page:hover, MidoriNotebook .notebook tab.reorderable-page.top:active, MidoriNotebook .notebook tab.reorderable-page.top.active-page, MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, MidoriNotebook .notebook tab.top:active, MidoriNotebook .notebook tab.top.active-page, MidoriNotebook .notebook tab.top.active-page:hover, TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top.active-page, TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; } GtkHTML { background-color: #ffffff; color: #5c616c; } GtkHTML:active { color: #ffffff; background-color: #5294e2; } SushiFontWidget { padding: 6px 12px; } TerminalWindow .background { background-color: transparent; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { border-width: 0; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { color: #5c616c; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } .nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, GtkPlacesSidebar.sidebar .nautilus-canvas-item.label.view.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #a9acb2; } .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } NautilusNotebook.notebook { background-color: #ffffff; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { padding: 5px; box-shadow: none; background-color: #ffffff; } .nautilus-circular-button { border-radius: 50%; outline-radius: 50%; } .disk-space-display { border-style: solid; border-width: 1px; } .disk-space-display.unknown { background-color: rgba(92, 97, 108, 0.5); border-color: rgba(69, 72, 80, 0.5); } .disk-space-display.used { background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { background-color: #edeef0; border-color: #d0d5da; } NemoWindow EelEditableLabel.entry { transition: none; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #dcdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { background-color: rgba(134, 144, 165, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:insensitive { color: rgba(207, 218, 231, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .gedit-headerbar-paned { color: #262a33; } .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } .open-document-selector-treeview.view:prelight { background-color: #f4f4f5; } .open-document-selector-treeview.view:prelight:selected { color: #ffffff; background-color: #5294e2; } .open-document-selector-name-label { color: #5c616c; } .open-document-selector-path-label { color: #aeb0b6; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } .gedit-document-panel .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { color: #92959d; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; background-color: transparent; border: none; box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { border-top: 1px solid #dcdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton:checked.button.flat { border-bottom-style: none; border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { border-bottom: 1px solid #dcdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); margin: 2px; padding: 2px; } GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294e2; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { box-shadow: 1px 0 #5294e2; } GbEditorFrame .gb-search-slider { padding: 2px; } GdTaggedEntry { color: #5c616c; } .preferences.sidebar GtkViewport { border: none; } .preferences.sidebar GtkListBox { background-color: #F5F6F7; } .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } GtkBox.gb-command-bar-box { border: none; background-color: #353945; } GtkBox.gb-command-bar-box GtkLabel { color: #BAC3CF; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #BAC3CF; background-image: none; background-color: #353945; padding: 6px 6px 6px 6px; border: none; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #ffffff; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook .button.label.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } EphyWindow .floating-bar { color: #5c616c; } .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: #a9caf1; } .documents-entry-tag { background-color: #5294e2; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; background-color: #639fe5; } .documents-entry-tag:active { color: #ffffff; background-color: #4189df; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; border: none; box-shadow: none; icon-shadow: none; } .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } TotemGrilo.vertical GdMainView.frame { border-width: 0; } SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: #5294e2; } .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; } .gnome-panel-menu-bar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: #BAC3CF; background-image: linear-gradient(to bottom, #2b2e37); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: #BAC3CF; } PanelApplet .button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: rgba(0, 0, 0, 0.25); border-radius: 0; border-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: #5294e2; } WnckPager { color: #5d6268; } WnckPager:selected { color: #5294e2; } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: #BAC3CF; } .xfce4-panel.panel { background-color: #2b2e37; text-shadow: none; icon-shadow: none; } .xfce4-panel.panel .button.flat { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); border-radius: 0; border: none; } .xfce4-panel.panel .button.flat:hover { border: none; background-color: #414654; } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { color: #ffffff; border: none; background-color: #5294e2; } .floating-bar { background-color: #5294e2; color: #ffffff; } .floating-bar.top { border-radius: 0 0 2px 2px; } .floating-bar.right { border-radius: 2px 0 0 2px; } .floating-bar.bottom { border-radius: 2px 2px 0 0; } .floating-bar.left { border-radius: 0 2px 2px 0; } .floating-bar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { color: #ffffff; background-color: #5294e2; outline-color: transparent; } MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { background-color: transparent; } MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { outline-color: transparent; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } .marlin-pathbar.pathbar:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } WingpanelWidgetsIndicatorPopover.popover { padding: 0; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; border: solid transparent; border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage { padding: 0 3px; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active { background-color: rgba(0, 0, 0, 0.04); border: solid rgba(0, 0, 0, 0.08); border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive { color: rgba(92, 97, 108, 0.55); } PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: #5c616c; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { border: 1px solid #20232b; border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px #363b48; } UnityDecoration.top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #20232b); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: #404756; border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar GtkLabel { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #dcdfe3; border-right: 1px solid #dcdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #dcdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } .bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #dcdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: white; } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: #F5F6F7; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #5c616c; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { color: #a9acb2; font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(92, 97, 108, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry.entry { padding: 4px; } .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: #8a8e96; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: #2b2e37; color: #BAC3CF; font: bold; box-shadow: inset 0 -1px #1b1d23; } #panel_window .menubar { padding-left: 5px; } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { font: normal; } #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: #5c616c; } #content_frame { padding-bottom: 14px; background-color: #F5F6F7; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } #content_frame .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } #content_frame .button:active, #content_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } #content_frame .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } #content_frame .button:insensitive > GtkLabel { color: inherit; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: #353945; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px #353945; } #buttonbox_frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } #buttonbox_frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } #buttonbox_frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } #login_window #user_combobox { color: #5c616c; font: 13px; } #login_window #user_combobox .menu { font: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font: bold; } .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: #262a33; } NemoWindow GtkEventBox { background-color: #F5F6F7; } GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, NautilusWindow .source-list.view:prelight, NemoWindow.csd.background, NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } GtkFileChooserDialog .sidebar, GtkFileChooserDialog .source-list.sidebar.view, NautilusWindow .sidebar, NautilusWindow .source-list.sidebar.view, NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { background-color: #353945; } GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar row, GtkFileChooserDialog .source-list.sidebar.view .view, GtkFileChooserDialog .source-list.sidebar.view row, NautilusWindow .sidebar .view, NautilusWindow .sidebar row, NautilusWindow .source-list.sidebar.view .view, NautilusWindow .source-list.sidebar.view row, NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; color: #BAC3CF; } GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar row.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, GtkFileChooserDialog .source-list.sidebar.view row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar row.image, NautilusWindow .source-list.sidebar.view .view.image, NautilusWindow .source-list.sidebar.view row.image, NemoWindow .sidebar .view.image, NemoWindow .sidebar row.image, NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { color: rgba(186, 195, 207, 0.7); } GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar row.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, GtkFileChooserDialog .source-list.sidebar.view row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar row.cell:selected, NautilusWindow .source-list.sidebar.view .view.cell:selected, NautilusWindow .source-list.sidebar.view row.cell:selected, NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar row.cell:selected, MarlinViewWindow .source-list.sidebar.view .view.cell:selected, MarlinViewWindow .source-list.sidebar.view row.cell:selected { background-color: #5294e2; color: #ffffff; } GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog .source-list.sidebar.view.frame, NautilusWindow .sidebar.frame, NautilusWindow .source-list.sidebar.view.frame, NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { color: #BAC3CF; } GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog .source-list.sidebar.view .separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow .source-list.sidebar.view .separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow .source-list.sidebar.view .separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #353945; } GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: #353945; } NautilusWindow NautilusWindowSlot { background-color: #ffffff; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { background-color: #353945; } GtkFileChooserDialog .sidebar { background-color: transparent; } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-vbox > .frame { color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: #2a2d37; } GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #BAC3CF; } FeedReaderreaderUI.background.csd > .titlebar .pane-separator, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, GeditWindow.background.csd > .titlebar .pane-separator, GeditWindow.background.csd.maximized > .titlebar .pane-separator, GeditWindow.background.csd > .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { background-color: #262a33; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #2f343f; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #323843; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #2f343f; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #323843; } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background .gedit-side-panel-paned .pane-separator { background-color: #353945; } GeditWindow.background .gedit-bottom-panel-paned .pane-separator { background-color: #dcdfe3; } .gedit-bottom-panel-paned { background-color: #ffffff; } .gedit-document-panel { background-color: #353945; } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel .list-row { color: #BAC3CF; } .gedit-document-panel .list-row { background-color: rgba(186, 195, 207, 0); border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:active .button { color: #ffffff; } .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { color: #BAC3CF; } GeditFileBrowserWidget { background-color: #353945; } .maximized GeditFileBrowserWidget { background-color: #353945; } GeditFileBrowserWidget .horizontal { background-color: transparent; border-color: #252831; } GeditFileBrowserWidget .horizontal GtkComboBox { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditFileBrowserWidget .horizontal .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } GtkFileChooserDialog .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditFileBrowserWidget .horizontal .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditFileBrowserWidget .horizontal .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } GtkFileChooserDialog .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } GtkFileChooserDialog .action-bar.frame .image.entry, GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog .action-bar.frame .image.entry:hover, GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { color: inherit; } GtkFileChooserDialog .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294e2); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } GtkFileChooserDialog .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NautilusWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NemoWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, MarlinViewWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, GeditFileBrowserWidget .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .sidebar .scrollbar .trough, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, NautilusWindow .sidebar .scrollbar .trough, NautilusWindow .source-list.sidebar.view .scrollbar .trough, NemoWindow .sidebar .scrollbar .trough, NemoWindow .source-list.sidebar.view .scrollbar .trough, MarlinViewWindow .sidebar .scrollbar .trough, MarlinViewWindow .source-list.sidebar.view .scrollbar .trough, GeditFileBrowserWidget .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } GtkFileChooserDialog .sidebar .scrollbar .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider, NautilusWindow .sidebar .scrollbar .slider, NautilusWindow .source-list.sidebar.view .scrollbar .slider, NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserWidget .scrollbar .slider { background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog .sidebar .scrollbar .slider:hover, NautilusWindow .sidebar .scrollbar .slider:hover, NemoWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .sidebar .scrollbar .slider:hover, GeditFileBrowserWidget .scrollbar .slider:hover { background-color: #f6f7f9; } GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, NautilusWindow .sidebar .scrollbar .slider:prelight:active, NemoWindow .sidebar .scrollbar .slider:prelight:active, MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, GeditFileBrowserWidget .scrollbar .slider:prelight:active { background-color: #5294e2; } GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, NautilusWindow .sidebar .scrollbar .slider:insensitive, NemoWindow .sidebar .scrollbar .slider:insensitive, MarlinViewWindow .sidebar .scrollbar .slider:insensitive, GeditFileBrowserWidget .scrollbar .slider:insensitive { background-color: transparent; } @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; @define-color theme_base_color #ffffff; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #5c616c; @define-color text_color #5c616c; @define-color bg_color #F5F6F7; @define-color base_color #ffffff; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #fbfbfc; @define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; @define-color borders #dcdfe3; @define-color unfocused_borders #dcdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #2679db; @define-color content_view_bg #ffffff; @define-color wm_title alpha(#cfdae7, 0.8); @define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343f; @define-color wm_bg_unfocused #323843; @define-color wm_highlight #363b48; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #cc575d; @define-color wm_button_close_hover_bg #d7787d; @define-color wm_button_close_active_bg #be3841; @define-color wm_icon_close_bg #2f343f; @define-color wm_button_hover_bg #454C5C; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #262932; @define-color wm_icon_bg #90939B; @define-color wm_icon_unfocused_bg #666A74; @define-color wm_icon_hover_bg #C4C7CC; @define-color wm_icon_active_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.16/gtk-solid.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkPaned-handle-size: 1; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #2679db; -GtkWidget-visited-link-color: #1e61b0; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(92, 97, 108, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } .background { color: #5c616c; background-color: #F5F6F7; } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #F5F6F7; color: #5c616c; } .gtkstyle-fallback:prelight { background-color: white; color: #5c616c; } .gtkstyle-fallback:active { background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view { color: #5c616c; background-color: #ffffff; } .view.dim-label, .view.label.separator, GtkPlacesSidebar.sidebar .view.label.separator, .header-bar .view.subtitle { color: rgba(92, 97, 108, 0.55); } .view.dim-label:selected, .view.label.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, .view.label.separator:selected:focus, .header-bar .view.subtitle:selected:focus { color: rgba(255, 255, 255, 0.65); text-shadow: none; } .rubberband { border: 1px solid #5294e2; background-color: rgba(82, 148, 226, 0.2); } .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator { color: #5c616c; } .label:insensitive { color: rgba(92, 97, 108, 0.55); } .dim-label, .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator, .header-bar .subtitle { opacity: 0.55; } GtkAssistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #dcdfe3; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar .label { padding: 6px 12px; } GtkAssistant .sidebar .label.highlight { background-color: #5294e2; color: #ffffff; } GtkTextView { background-color: #fafbfb; } .grid-child { padding: 3px; border-radius: 3px; } .grid-child:selected { outline-offset: -2px; } .popover.osd, .osd { color: #BAC3CF; border: none; background-color: #353945; background-clip: padding-box; outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } .entry { border: 1px solid; padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); border: none; border-radius: 0; } .entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294e2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #5294e2; color: #ffffff; } .entry.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .linked > .entry:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked > .entry:first-child:dir(rtl) { border-right-style: none; } .linked > .entry:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } .linked > .entry:last-child:dir(rtl) { border-left-style: solid; } .entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } .entry.warning:selected, .entry.warning:selected:focus { background-color: white; color: #F27835; } .entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } .entry.error:selected, .entry.error:selected:focus { background-color: white; color: #FC4138; } .entry.image { color: #7d8189; } .linked.vertical > .entry { border-bottom-color: #f4f5f6; box-shadow: none; } .linked.vertical > .entry:focus { border-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:insensitive { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:first-child { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:first-child:focus { border-bottom-color: #5294e2; box-shadow: none; } .linked.vertical > .entry:first-child:insensitive { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:last-child { border-bottom-color: rgba(0, 0, 0, 0.14); } .linked.vertical > .entry:last-child:focus { border-bottom-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:last-child:insensitive { border-bottom-color: rgba(0, 0, 0, 0.14); } .osd .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } .osd .entry.image, .osd .entry.image:hover { color: inherit; } .osd .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294e2); } .osd .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } GtkSearchEntry.entry { border-radius: 20px; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 5px 8px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .button.flat { border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(251, 251, 252, 0); border-color: rgba(207, 214, 230, 0); transition: none; } .button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } .button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; transition-duration: 50ms; } .button:active { color: #5c616c; } .button:active:hover, .button:checked { color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; } .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); background-color: #353945; border-color: #23262e; } .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294e2; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .button.osd:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); border-radius: 0; border-left-style: none; border-right-style: none; } .osd .button:dir(rtl) { border-radius: 0; border-right-style: none; border-left-style: none; } .osd .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:dir(rtl) { border-left-style: solid; } .osd .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child { box-shadow: none; } .osd .button:active, .osd .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child { box-shadow: none; } .osd .button.flat:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); background-image: none; } .osd .button.flat:active, .osd .button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .button.suggested-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.suggested-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.suggested-action:insensitive > GtkLabel { color: inherit; } .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .button.destructive-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.destructive-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 7px; } .header-bar .button.image-button, .header-bar .button.titlebutton { padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { padding: 5px 8px; } .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar GtkToolButton > .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .inline-toolbar GtkToolButton > .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } .inline-toolbar GtkToolButton > .button.flat:active, .osd .button:active, .inline-toolbar .button:active, .linked > .button:active, GtkComboBox.combobox-entry .entry:active, GtkComboBox.combobox-entry .button:active, .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, .linked > GtkComboBox > .button:active:dir(ltr), .inline-toolbar GtkToolButton > .button.flat:checked, .osd .button:checked, .inline-toolbar .button:checked, .linked > .button:checked, GtkComboBox.combobox-entry .entry:checked, GtkComboBox.combobox-entry .button:checked, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked, .linked > GtkComboBox > .button:checked:dir(ltr) { box-shadow: none; } .inline-toolbar.toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), .linked > .button:dir(rtl):hover, .linked > .button:dir(rtl):active, .linked > .button:dir(rtl):checked, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } .osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, .primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } .osd .button:first-child:active, .inline-toolbar .button:first-child:active, .linked > .button:first-child:active, .inline-toolbar GtkToolButton:first-child > .button.flat:active, GtkComboBox.combobox-entry .entry:first-child:active, GtkComboBox.combobox-entry .button:first-child:active, .linked > GtkComboBox:first-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, .osd .button:first-child:checked, .inline-toolbar .button:first-child:checked, .linked > .button:first-child:checked, .inline-toolbar GtkToolButton:first-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:first-child:checked, GtkComboBox.combobox-entry .button:first-child:checked, .linked > GtkComboBox:first-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } .osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, .primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } .osd .button:last-child:active, .inline-toolbar .button:last-child:active, .linked > .button:last-child:active, .inline-toolbar GtkToolButton:last-child > .button.flat:active, GtkComboBox.combobox-entry .entry:last-child:active, GtkComboBox.combobox-entry .button:last-child:active, .linked > GtkComboBox:last-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, .osd .button:last-child:checked, .inline-toolbar .button:last-child:checked, .linked > .button:last-child:checked, .inline-toolbar GtkToolButton:last-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:last-child:checked, GtkComboBox.combobox-entry .button:last-child:checked, .linked > GtkComboBox:last-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } .osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, .primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } .osd .button:only-child:active, .inline-toolbar .button:only-child:active, .linked > .button:only-child:active, .inline-toolbar GtkToolButton:only-child > .button.flat:active, GtkComboBox.combobox-entry .entry:only-child:active, GtkComboBox.combobox-entry .button:only-child:active, .linked > GtkComboBox:only-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, .osd .button:only-child:checked, .inline-toolbar .button:only-child:checked, .linked > .button:only-child:checked, .inline-toolbar GtkToolButton:only-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:only-child:checked, GtkComboBox.combobox-entry .button:only-child:checked, .linked > GtkComboBox:only-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 -1px rgba(207, 214, 230, 0.4), inset 0 1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:active, .linked.vertical > .button:active, .linked.vertical > GtkComboBoxText > .button:active, .linked.vertical > GtkComboBox > .button:active, .linked.vertical > .entry:checked, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button:checked, .linked.vertical > GtkComboBox > .button:checked { box-shadow: none; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:first-child:active, .linked.vertical > .button:first-child:active, .linked.vertical > GtkComboBoxText:first-child > .button:active, .linked.vertical > GtkComboBox:first-child > .button:active, .linked.vertical > .entry:first-child:checked, .linked.vertical > .button:first-child:checked, .linked.vertical > GtkComboBoxText:first-child > .button:checked, .linked.vertical > GtkComboBox:first-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:last-child:active, .linked.vertical > .button:last-child:active, .linked.vertical > GtkComboBoxText:last-child > .button:active, .linked.vertical > GtkComboBox:last-child > .button:active, .linked.vertical > .entry:last-child:checked, .linked.vertical > .button:last-child:checked, .linked.vertical > GtkComboBoxText:last-child > .button:checked, .linked.vertical > GtkComboBox:last-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } .linked.vertical > .entry:only-child:active, .linked.vertical > .button:only-child:active, .linked.vertical > GtkComboBoxText:only-child > .button:active, .linked.vertical > GtkComboBox:only-child > .button:active, .linked.vertical > .entry:only-child:checked, .linked.vertical > .button:only-child:checked, .linked.vertical > GtkComboBoxText:only-child > .button:checked, .linked.vertical > GtkComboBox:only-child > .button:checked { box-shadow: none; } .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .notebook tab .button, .list-row.button, .app-notification .button.flat, .app-notification.frame .button.flat, .app-notification .button.flat:insensitive, .app-notification.frame .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } /* menu buttons */ .menuitem.button.flat { transition: none; outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { background-color: #edeff0; } .menuitem.button.flat:checked { color: #5c616c; } *:link, .button:link, .button:visited { color: #2679db; } *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited:link, *:selected .button:visited { color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #dceaf9; } *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #dceaf9; } .spinbutton { border-radius: 3px; } .spinbutton .button { background-image: none; border: 1px solid rgba(220, 223, 227, 0.6); border-style: none none none solid; color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } .spinbutton .button:insensitive { color: rgba(92, 97, 108, 0.55); } .spinbutton .button:active { background-color: #5294e2; color: #ffffff; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #5294e2; border-radius: 0; box-shadow: none; } GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: 1px 0 #5294e2; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-left-style: none; } GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: -1px 0 #5294e2; } GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 #cfd6e6; } GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.55); } GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 #cfd6e6; } GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.55); } .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.9); } .primary-toolbar { color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #e7e8eb, #d4d5db) 1 0 1 0; } .inline-toolbar { background-color: #edeef0; border-style: solid; border-color: #dcdfe3; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; border-color: #dcdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { background-color: #edeef0; } .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: #d4d5db; color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; } .csd .header-bar { background-color: #e7e8eb; border-color: #d4d5db; } .header-bar:backdrop { color: rgba(82, 93, 118, 0.5); } .header-bar .title { padding-left: 12px; padding-right: 12px; } .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294e2; border-color: #4189df; box-shadow: none; } .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { background-color: #5294e2; color: rgba(255, 255, 255, 0.6); } .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #e7e8eb; border-color: #d4d5db; } .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: #e7e8eb; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized .csd .header-bar.default-decoration, .maximized .header-bar.default-decoration:backdrop, .maximized .csd .header-bar.default-decoration:backdrop { background-color: #e7e8eb; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 4px 4px 0 0; color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; box-shadow: inset 0 1px #eff0f2; } .csd .titlebar { background-color: #e7e8eb; } .titlebar:backdrop { color: rgba(82, 93, 118, 0.5); background-color: #eff0f2; } .csd .titlebar:backdrop { background-color: #eff0f2; } .maximized .titlebar { background-color: #e7e8eb; } .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #eff0f2; } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } .primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); background-clip: border-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar .entry.warning, .header-bar .entry.warning { color: white; border-color: #F27835; background-image: linear-gradient(to bottom, #eea57e); } .primary-toolbar .entry.warning:focus, .header-bar .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); } .primary-toolbar .entry.warning:selected, .header-bar .entry.warning:selected, .primary-toolbar .entry.warning:selected:focus, .header-bar .entry.warning:selected:focus { background-color: white; color: #F27835; } .primary-toolbar .entry.error, .header-bar .entry.error { color: white; border-color: #FC4138; background-image: linear-gradient(to bottom, #f48480); } .primary-toolbar .entry.error:focus, .header-bar .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); } .primary-toolbar .entry.error:selected, .header-bar .entry.error:selected, .primary-toolbar .entry.error:selected:focus, .header-bar .entry.error:selected:focus { background-color: white; color: #FC4138; } .primary-toolbar .button, .header-bar .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); outline-offset: -3px; background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; background-clip: border-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { background-color: rgba(255, 255, 255, 0.9); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .primary-toolbar .linked.stack-switcher > .button:insensitive, .header-bar .linked.stack-switcher > .button:insensitive, .primary-toolbar .linked.path-bar > .button:insensitive, .header-bar .linked.path-bar > .button:insensitive { color: rgba(82, 93, 118, 0.4); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked { box-shadow: none; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive, .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .header-bar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .button.suggested-action:insensitive > GtkLabel, .header-bar .button.suggested-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive, .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .header-bar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .button.destructive-action:insensitive > GtkLabel, .header-bar .button.destructive-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(82, 93, 118, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(82, 93, 118, 0.05); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(82, 93, 118, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(82, 93, 118, 0.2); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr), .header-bar GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(82, 93, 118, 0); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl), .header-bar GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(82, 93, 118, 0); } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(82, 93, 118, 0.15); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #fbfbfc); border-color: rgba(82, 93, 118, 0.3); } .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(82, 93, 118, 0.3); } .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #f5f5f7); border-color: rgba(82, 93, 118, 0.3); } .path-bar .button { padding: 5px 10px; } .path-bar .button:first-child { padding-left: 10px; } .path-bar .button:last-child { padding-right: 10px; } .path-bar .button:only-child { padding-left: 14px; padding-right: 14px; } .path-bar .button GtkLabel:last-child { padding-left: 4px; } .path-bar .button GtkLabel:first-child { padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 2px; padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: rgba(92, 97, 108, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:selected { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } GtkTreeView.view:insensitive { color: rgba(92, 97, 108, 0.55); } GtkTreeView.view:insensitive:selected { color: #97bfee; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { color: #ffffff; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); border-radius: 3px; border-width: 0; } column-header .button { color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294e2; box-shadow: none; transition: none; } column-header .button:active { color: #5c616c; transition: none; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; border-image: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294e2; box-shadow: inset 1px 1px 0 1px #5294e2, inset -1px 0 0 1px #5294e2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active, column-header .button:hover { background-color: #ffffff; } column-header .button:active:hover { color: #5c616c; } column-header .button:insensitive { border-color: #F5F6F7; background-image: none; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #e7e8eb; color: rgba(82, 93, 118, 0.8); } .menubar:backdrop { color: rgba(82, 93, 118, 0.5); } .menubar > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } .menubar > .menuitem:hover { background-color: #5294e2; color: #ffffff; } .menubar > .menuitem:insensitive { color: rgba(82, 93, 118, 0.2); border-color: transparent; } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #ffffff; border: 1px solid #dcdfe3; } .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } .menu .menuitem { padding: 5px; } .menu .menuitem:hover { color: #ffffff; background-color: #5294e2; } .menu .menuitem:insensitive { color: rgba(92, 97, 108, 0.55); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator { color: rgba(255, 255, 255, 0); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; } .menu.button.top { border-bottom: 1px solid #efeff0; } .menu.button.bottom { border-top: 1px solid #efeff0; } .menu.button:hover { background-color: #efeff0; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: alpha(currentColor,0.55); } .popover { padding: 2px; border: 1px solid #cdd2d7; border-radius: 3px; background-clip: border-box; background-color: #ffffff; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .popover .separator, .popover GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .popover .view.separator { color: rgba(255, 255, 255, 0); } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .notebook { padding: 0; background-color: #ffffff; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { border: 1px solid #dcdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { border: 0px solid #dcdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px #dcdfe3; } .notebook.header.bottom { box-shadow: inset 0 1px #dcdfe3; } .notebook.header.right { box-shadow: inset 1px 0 #dcdfe3; } .notebook.header.left { box-shadow: inset -1px 0 #dcdfe3; } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; } .notebook tab.top, .notebook tab.bottom { padding: 4px 15px; } .notebook tab.left, .notebook tab.right { padding: 4px 15px; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; } .notebook tab.reorderable-page.top, .notebook tab.top { padding-top: 6px; border-radius: 3.5px 2px 0 0; border-width: 0; border-top-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; border-width: 0; border-bottom-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; border-width: 0; border-right-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; border-width: 0; border-left-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(92, 97, 108, 0.775); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #5c616c; } .notebook tab .button { padding: 0; color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { color: #5294e2; } .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { color: rgba(92, 97, 108, 0.55); } .notebook.arrow:hover { color: rgba(92, 97, 108, 0.775); } .notebook.arrow:active { color: #5c616c; } .notebook.arrow:insensitive { color: rgba(92, 97, 108, 0.25); } .scrollbar { -GtkRange-slider-width: 13; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; -GtkRange-slider-width: 6px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; background-color: #8a8e96; border: 1px solid rgba(255, 255, 255, 0.6); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; background-color: transparent; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { margin-top: 2px; margin-bottom: 2px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { background-color: #fcfcfc; border: 1px none #dcdfe3; } .scrollbar .slider { background-color: #b8babf; } .scrollbar .slider:hover { background-color: #c7c9cd; } .scrollbar .slider:prelight:active, .scrollbar .slider:active { background-color: #5294e2; } .scrollbar .slider:insensitive { background-color: transparent; } .scrollbar .slider { border-radius: 100px; margin: 3px; } .scrollbar.fine-tune .slider { margin: 4px; } .scrollbar.vertical .slider { margin-left: 4px; } .scrollbar.vertical .slider:dir(rtl) { margin-left: 3px; margin-right: 4px; } .scrollbar.vertical.fine-tune .slider { margin-left: 5px; } .scrollbar.vertical.fine-tune .slider:dir(rtl) { margin-left: 4px; margin-right: 5px; } .scrollbar.vertical .trough { border-left-style: solid; } .scrollbar.vertical .trough:dir(rtl) { border-left-style: none; border-right-style: solid; } .scrollbar.horizontal .slider { margin-top: 4px; } .scrollbar.horizontal.fine-tune .slider { margin-top: 5px; } .scrollbar.horizontal .trough { border-top-style: solid; } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { border-image-slice: 0 1 0 0; } GtkSwitch { font: 1; -GtkSwitch-slider-width: 41; outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; } GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { background-position: left center; } GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } .menu .menuitem:hover GtkSwitch.trough, .list-row:selected GtkSwitch.trough, GtkInfoBar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } .header-bar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); } GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active, .list-row:selected GtkSwitch.trough:active, GtkInfoBar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } .header-bar GtkSwitch.trough:active, .primary-toolbar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); } GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } .menu .menuitem:hover GtkSwitch.trough:insensitive, .list-row:selected GtkSwitch.trough:insensitive, GtkInfoBar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:insensitive, .primary-toolbar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); } GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active:insensitive, .list-row:selected GtkSwitch.trough:active:insensitive, GtkInfoBar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:active:insensitive, .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } GtkFileChooserDialog .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } GtkFileChooserDialog .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } GtkIconView.view.check, GtkFlowBox.view.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } GtkIconView.view.check:checked, GtkFlowBox.view.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; } .scale.trough { margin: 5px; } .scale.fine-tune.trough { border-radius: 5px; margin: 3px; } .scale.slider { background-clip: border-box; background-image: linear-gradient(to bottom, #fbfbfc); border: 1px solid rgba(123, 142, 186, 0.5); border-radius: 50%; box-shadow: none; } .scale.slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(123, 142, 186, 0.5); } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #fbfbfb); border-color: rgba(123, 142, 186, 0.3); } .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .osd .scale.slider { background-image: linear-gradient(to bottom, #353945); border-color: #5294e2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294e2); } .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } .menu .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .menu .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } .menu .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } .menu .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, #cfd6e6); } .scale.trough.highlight { background-image: linear-gradient(to bottom, #5294e2); } .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd .scale.trough { background-image: linear-gradient(to bottom, #454a59); outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294e2); } .menu .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .menu .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .menu .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } .menu .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } GtkProgressBar { padding: 0; font-size: smaller; color: rgba(92, 97, 108, 0.7); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } .progressbar { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } .progressbar.osd { background-color: #5294e2; } .list-row:selected .progressbar, GtkInfoBar .progressbar { background-color: #ffffff; } .osd .scale.progressbar { background-color: #5294e2; } GtkProgressBar.trough, .level-bar.trough { border: none; border-radius: 3px; background-color: #cfd6e6; } GtkProgressBar.trough.osd, .osd.level-bar.trough { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected GtkProgressBar.trough, .list-row:selected .level-bar.trough, GtkInfoBar GtkProgressBar.trough, GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } GtkLevelBar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; border-radius: 4px; } .level-bar.fill-block { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #73d216; background-color: #73d216; } .level-bar.fill-block.level-low { border-color: #F27835; background-color: #F27835; } .level-bar.fill-block.empty-fill-block { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } .frame { border: 1px solid #dcdfe3; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } .list, .list-row { background-color: #ffffff; border-color: #dcdfe3; } .list-row, .grid-child { padding: 2px; } .list-row.button { background-color: transparent; border-style: none; border-radius: 0; box-shadow: none; } .list-row.button:hover { background-color: rgba(0, 0, 0, 0.05); } .list-row.button:active { color: #5c616c; } .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } .list-row.button:selected:insensitive .label { color: inherit; } .list-row, list-row.button { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.button:hover { transition: none; } .app-notification, .app-notification.frame { padding: 10px; color: #BAC3CF; background-color: #353945; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #1f2128; } .app-notification .button, .app-notification.frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .app-notification .button.flat, .app-notification.frame .button.flat { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: #aaaeb7; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkCalendar { color: #5c616c; border: 1px solid #dcdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { background-color: #5294e2; color: #ffffff; border-radius: 1.5px; } GtkCalendar.header { color: #5c616c; border: none; border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(92, 97, 108, 0.45); border-color: transparent; background-color: transparent; background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #5c616c; } GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { color: rgba(92, 97, 108, 0.55); background-color: transparent; background-image: none; } GtkCalendar.highlight { color: alpha(currentColor,0.55); } .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { background-color: #e7e8eb; border-bottom: 1px solid #d4d5db; } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .message-dialog.csd .dialog-action-area .button { padding: 8px; border-radius: 0; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 3px; } .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 3px; } GtkFileChooserDialog .search-bar { background-color: #F5F6F7; border-color: #dcdfe3; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #dcdfe3; } .sidebar, .sidebar .view { border: none; background-color: #fbfbfc; } .sidebar:selected, .sidebar .view:selected { background-color: #5294e2; } GtkPlacesSidebar.sidebar .view { color: #5c616c; background-color: transparent; } GtkPlacesSidebar.sidebar .view:selected { color: #ffffff; background-color: #5294e2; } .sidebar-item { padding: 10px 4px; } .sidebar-item > GtkLabel { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > GtkLabel { background-size: 6px 6px, 0 0; } GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { background-color: #dcdfe3; } GtkPaned.wide { -GtkPaned-handle-size: 5; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; border-color: #dcdfe3; border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } GtkInfoBar { border-style: none; } .info, .question, .warning, .error, GtkInfoBar { background-color: #5294e2; color: #ffffff; } .list-row:selected .button, GtkInfoBar .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } .list-row:selected .flat.button, GtkInfoBar .flat.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .list-row:selected .button:hover, GtkInfoBar .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .tooltip { color: #BAC3CF; border-radius: 2px; } .tooltip.background { background-color: #4b5162; background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } :selected GtkColorSwatch { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch.left, GtkColorSwatch:first-child, GtkColorSwatch:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } GtkColorSwatch.right, GtkColorSwatch:last-child, GtkColorSwatch:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch:only-child, GtkColorSwatch:only-child .overlay { border-radius: 3px; } GtkColorSwatch:hover, GtkColorSwatch:hover:selected { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; } GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { border: 1px solid rgba(0, 0, 0, 0.15); } GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { border-color: rgba(0, 0, 0, 0.25); } GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } GtkColorSwatch#add-color-button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkColorSwatch#add-color-button .overlay { border-color: transparent; background-color: transparent; background-image: none; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } .scale-popup .button { padding: 6px; } .scale-popup .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkVolumeButton.button { padding: 8px; } .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .window-frame { border-radius: 4px 4px 0 0; border-width: 0px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.2); margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 5px 5px 0 rgba(0, 0, 0, 0.2); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; border-radius: 0; } .window-frame.ssd { border-radius: 4px 4px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } .window-frame.ssd.maximized { border-radius: 0; } .window-frame.csd.popup { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.message-dialog { border-radius: 3px; } .window-frame.solid-csd { border-radius: 0; margin: 1px; background-color: #e7e8eb; box-shadow: none; } .header-bar.default-decoration .button.titlebutton, .titlebar.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding-left: 4px; padding-right: 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(231, 232, 235, 0); } .header-bar .button.titlebutton:not(GtkMenuButton), .titlebar .button.titlebutton:not(GtkMenuButton) { padding-top: 8px; padding-bottom: 8px; } .header-bar .button.titlebutton:hover, .titlebar .button.titlebutton:hover { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.close, .titlebar .button.titlebutton.maximize, .titlebar .button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; } .header-bar .button.titlebutton.close:backdrop, .header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { opacity: 1; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } .header-bar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); } .header-bar .button.titlebutton.close:hover, .titlebar .button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } .header-bar .button.titlebutton.close:active, .titlebar .button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } .header-bar .button.titlebutton.maximize, .titlebar .button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); } .header-bar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); } .header-bar .button.titlebutton.maximize:hover, .titlebar .button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); } .header-bar .button.titlebutton.maximize:active, .titlebar .button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); } .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); } .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); } .header-bar .button.titlebutton.minimize:hover, .titlebar .button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); } .header-bar .button.titlebutton.minimize:active, .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); } .view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:focus:selected { background-image: none; background-color: #5294e2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, ScratchMainWindow .notebook tab.top:active, ScratchMainWindow .notebook tab.top.active-page, ScratchMainWindow .notebook tab.top.active-page:hover, EphyNotebook.notebook tab.reorderable-page.top:active, EphyNotebook.notebook tab.reorderable-page.top.active-page, EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, EphyNotebook.notebook tab.top:active, EphyNotebook.notebook tab.top.active-page, EphyNotebook.notebook tab.top.active-page:hover, MidoriNotebook .notebook tab.reorderable-page.top:active, MidoriNotebook .notebook tab.reorderable-page.top.active-page, MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, MidoriNotebook .notebook tab.top:active, MidoriNotebook .notebook tab.top.active-page, MidoriNotebook .notebook tab.top.active-page:hover, TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top.active-page, TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } GtkHTML { background-color: #ffffff; color: #5c616c; } GtkHTML:active { color: #ffffff; background-color: #5294e2; } SushiFontWidget { padding: 6px 12px; } TerminalWindow .background { background-color: transparent; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { border-width: 0; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { color: #5c616c; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } .nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, GtkPlacesSidebar.sidebar .nautilus-canvas-item.label.view.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #a9acb2; } .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } NautilusNotebook.notebook { background-color: #ffffff; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { padding: 5px; box-shadow: none; background-color: #ffffff; } .nautilus-circular-button { border-radius: 50%; outline-radius: 50%; } .disk-space-display { border-style: solid; border-width: 1px; } .disk-space-display.unknown { background-color: rgba(92, 97, 108, 0.5); border-color: rgba(69, 72, 80, 0.5); } .disk-space-display.used { background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { background-color: #edeef0; border-color: #d0d5da; } NemoWindow EelEditableLabel.entry { transition: none; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #dcdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { background-color: rgba(255, 255, 255, 0.9); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:insensitive { color: rgba(82, 93, 118, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .gedit-headerbar-paned { color: #d4d5db; } .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } .open-document-selector-treeview.view:prelight { background-color: #f4f4f5; } .open-document-selector-treeview.view:prelight:selected { color: #ffffff; background-color: #5294e2; } .open-document-selector-name-label { color: #5c616c; } .open-document-selector-path-label { color: #aeb0b6; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } .gedit-document-panel .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { color: #92959d; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; background-color: transparent; border: none; box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { border-top: 1px solid #dcdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton:checked.button.flat { border-bottom-style: none; border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { border-bottom: 1px solid #dcdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); margin: 2px; padding: 2px; } GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294e2; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { box-shadow: 1px 0 #5294e2; } GbEditorFrame .gb-search-slider { padding: 2px; } GdTaggedEntry { color: #5c616c; } .preferences.sidebar GtkViewport { border: none; } .preferences.sidebar GtkListBox { background-color: #F5F6F7; } .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } GtkBox.gb-command-bar-box { border: none; background-color: #353945; } GtkBox.gb-command-bar-box GtkLabel { color: #BAC3CF; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #BAC3CF; background-image: none; background-color: #353945; padding: 6px 6px 6px 6px; border: none; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #ffffff; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook .button.label.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } EphyWindow .floating-bar { color: #5c616c; } .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: #a9caf1; } .documents-entry-tag { background-color: #5294e2; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; background-color: #639fe5; } .documents-entry-tag:active { color: #ffffff; background-color: #4189df; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; border: none; box-shadow: none; icon-shadow: none; } .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } TotemGrilo.vertical GdMainView.frame { border-width: 0; } SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: #5294e2; } .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; } .gnome-panel-menu-bar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: #BAC3CF; background-image: linear-gradient(to bottom, #2b2e37); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: #BAC3CF; } PanelApplet .button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: rgba(0, 0, 0, 0.25); border-radius: 0; border-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: #5294e2; } WnckPager { color: #5d6268; } WnckPager:selected { color: #5294e2; } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: #BAC3CF; } .xfce4-panel.panel { background-color: #2b2e37; text-shadow: none; icon-shadow: none; } .xfce4-panel.panel .button.flat { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); border-radius: 0; border: none; } .xfce4-panel.panel .button.flat:hover { border: none; background-color: #414654; } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { color: #ffffff; border: none; background-color: #5294e2; } .floating-bar { background-color: #5294e2; color: #ffffff; } .floating-bar.top { border-radius: 0 0 2px 2px; } .floating-bar.right { border-radius: 2px 0 0 2px; } .floating-bar.bottom { border-radius: 2px 2px 0 0; } .floating-bar.left { border-radius: 0 2px 2px 0; } .floating-bar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { color: #ffffff; background-color: #5294e2; outline-color: transparent; } MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { background-color: transparent; } MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { outline-color: transparent; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); } .marlin-pathbar.pathbar:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } WingpanelWidgetsIndicatorPopover.popover { padding: 0; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; border: solid transparent; border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage { padding: 0 3px; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active { background-color: rgba(0, 0, 0, 0.04); border: solid rgba(0, 0, 0, 0.08); border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive { color: rgba(92, 97, 108, 0.55); } PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: #5c616c; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { border: 1px solid rgba(0, 0, 0, 0.1); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #e7e8eb); color: rgba(82, 93, 118, 0.8); box-shadow: inset 0 1px #eff0f2; } UnityDecoration.top:backdrop { border-bottom-width: 0; color: rgba(82, 93, 118, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: #fdfdfe; border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar GtkLabel { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #dcdfe3; border-right: 1px solid #dcdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #dcdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } .bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #dcdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: white; } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: #F5F6F7; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #5c616c; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { color: #a9acb2; font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(92, 97, 108, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry.entry { padding: 4px; } .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: #8a8e96; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: #2b2e37; color: #BAC3CF; font: bold; box-shadow: inset 0 -1px #1b1d23; } #panel_window .menubar { padding-left: 5px; } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { font: normal; } #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: #5c616c; } #content_frame { padding-bottom: 14px; background-color: #F5F6F7; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } #content_frame .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } #content_frame .button:active, #content_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } #content_frame .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } #content_frame .button:insensitive > GtkLabel { color: inherit; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: #353945; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px #353945; } #buttonbox_frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } #buttonbox_frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } #buttonbox_frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } #login_window #user_combobox { color: #5c616c; font: 13px; } #login_window #user_combobox .menu { font: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font: bold; } .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: #d4d5db; } NemoWindow GtkEventBox { background-color: #F5F6F7; } GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, NautilusWindow .source-list.view:prelight, NemoWindow.csd.background, NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } GtkFileChooserDialog .sidebar, GtkFileChooserDialog .source-list.sidebar.view, NautilusWindow .sidebar, NautilusWindow .source-list.sidebar.view, NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { background-color: #353945; } GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar row, GtkFileChooserDialog .source-list.sidebar.view .view, GtkFileChooserDialog .source-list.sidebar.view row, NautilusWindow .sidebar .view, NautilusWindow .sidebar row, NautilusWindow .source-list.sidebar.view .view, NautilusWindow .source-list.sidebar.view row, NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; color: #BAC3CF; } GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar row.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, GtkFileChooserDialog .source-list.sidebar.view row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar row.image, NautilusWindow .source-list.sidebar.view .view.image, NautilusWindow .source-list.sidebar.view row.image, NemoWindow .sidebar .view.image, NemoWindow .sidebar row.image, NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { color: rgba(186, 195, 207, 0.7); } GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar row.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, GtkFileChooserDialog .source-list.sidebar.view row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar row.cell:selected, NautilusWindow .source-list.sidebar.view .view.cell:selected, NautilusWindow .source-list.sidebar.view row.cell:selected, NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar row.cell:selected, MarlinViewWindow .source-list.sidebar.view .view.cell:selected, MarlinViewWindow .source-list.sidebar.view row.cell:selected { background-color: #5294e2; color: #ffffff; } GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog .source-list.sidebar.view.frame, NautilusWindow .sidebar.frame, NautilusWindow .source-list.sidebar.view.frame, NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { color: #BAC3CF; } GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog .source-list.sidebar.view .separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow .source-list.sidebar.view .separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow .source-list.sidebar.view .separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #353945; } GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: #353945; } NautilusWindow NautilusWindowSlot { background-color: #ffffff; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { background-color: #353945; } GtkFileChooserDialog .sidebar { background-color: transparent; } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-vbox > .frame { color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: #2a2d37; } GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #BAC3CF; } FeedReaderreaderUI.background.csd > .titlebar .pane-separator, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, GeditWindow.background.csd > .titlebar .pane-separator, GeditWindow.background.csd.maximized > .titlebar .pane-separator, GeditWindow.background.csd > .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { background-color: #d4d5db; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #e7e8eb; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #eff0f2; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #e7e8eb; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #eff0f2; } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background .gedit-side-panel-paned .pane-separator { background-color: #353945; } GeditWindow.background .gedit-bottom-panel-paned .pane-separator { background-color: #dcdfe3; } .gedit-bottom-panel-paned { background-color: #ffffff; } .gedit-document-panel { background-color: #353945; } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel .list-row { color: #BAC3CF; } .gedit-document-panel .list-row { background-color: rgba(186, 195, 207, 0); border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:active .button { color: #ffffff; } .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { color: #BAC3CF; } GeditFileBrowserWidget { background-color: #353945; } .maximized GeditFileBrowserWidget { background-color: #353945; } GeditFileBrowserWidget .horizontal { background-color: transparent; border-color: #252831; } GeditFileBrowserWidget .horizontal GtkComboBox { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditFileBrowserWidget .horizontal .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } GtkFileChooserDialog .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditFileBrowserWidget .horizontal .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditFileBrowserWidget .horizontal .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } GtkFileChooserDialog .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } GtkFileChooserDialog .action-bar.frame .image.entry, GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog .action-bar.frame .image.entry:hover, GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { color: inherit; } GtkFileChooserDialog .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294e2); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } GtkFileChooserDialog .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NautilusWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NemoWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, MarlinViewWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, GeditFileBrowserWidget .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .sidebar .scrollbar .trough, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, NautilusWindow .sidebar .scrollbar .trough, NautilusWindow .source-list.sidebar.view .scrollbar .trough, NemoWindow .sidebar .scrollbar .trough, NemoWindow .source-list.sidebar.view .scrollbar .trough, MarlinViewWindow .sidebar .scrollbar .trough, MarlinViewWindow .source-list.sidebar.view .scrollbar .trough, GeditFileBrowserWidget .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } GtkFileChooserDialog .sidebar .scrollbar .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider, NautilusWindow .sidebar .scrollbar .slider, NautilusWindow .source-list.sidebar.view .scrollbar .slider, NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserWidget .scrollbar .slider { background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog .sidebar .scrollbar .slider:hover, NautilusWindow .sidebar .scrollbar .slider:hover, NemoWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .sidebar .scrollbar .slider:hover, GeditFileBrowserWidget .scrollbar .slider:hover { background-color: #f6f7f9; } GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, NautilusWindow .sidebar .scrollbar .slider:prelight:active, NemoWindow .sidebar .scrollbar .slider:prelight:active, MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, GeditFileBrowserWidget .scrollbar .slider:prelight:active { background-color: #5294e2; } GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, NautilusWindow .sidebar .scrollbar .slider:insensitive, NemoWindow .sidebar .scrollbar .slider:insensitive, MarlinViewWindow .sidebar .scrollbar .slider:insensitive, GeditFileBrowserWidget .scrollbar .slider:insensitive { background-color: transparent; } @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; @define-color theme_base_color #ffffff; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #5c616c; @define-color text_color #5c616c; @define-color bg_color #F5F6F7; @define-color base_color #ffffff; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #fbfbfc; @define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; @define-color borders #dcdfe3; @define-color unfocused_borders #dcdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #2679db; @define-color content_view_bg #ffffff; @define-color wm_title alpha(#525d76, 0.8); @define-color wm_unfocused_title alpha(#525d76, 0.5); @define-color wm_bg #e7e8eb; @define-color wm_bg_unfocused #eff0f2; @define-color wm_highlight #eff0f2; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #f46067; @define-color wm_button_close_hover_bg #f68086; @define-color wm_button_close_active_bg #f13039; @define-color wm_icon_close_bg #F8F8F9; @define-color wm_button_hover_bg #fdfdfd; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #D1D3DA; @define-color wm_icon_bg #90949E; @define-color wm_icon_unfocused_bg #B6B8C0; @define-color wm_icon_hover_bg #7A7F8B; @define-color wm_icon_active_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.16/gtk.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkPaned-handle-size: 1; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #2679db; -GtkWidget-visited-link-color: #1e61b0; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(92, 97, 108, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } .background { color: #5c616c; background-color: rgba(245, 246, 247, 0.999); } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #F5F6F7; color: #5c616c; } .gtkstyle-fallback:prelight { background-color: white; color: #5c616c; } .gtkstyle-fallback:active { background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view { color: #5c616c; background-color: #ffffff; } .view.dim-label, .view.label.separator, GtkPlacesSidebar.sidebar .view.label.separator, .header-bar .view.subtitle { color: rgba(92, 97, 108, 0.55); } .view.dim-label:selected, .view.label.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, .view.label.separator:selected:focus, .header-bar .view.subtitle:selected:focus { color: rgba(255, 255, 255, 0.65); text-shadow: none; } .rubberband { border: 1px solid #5294e2; background-color: rgba(82, 148, 226, 0.2); } .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator { color: #5c616c; } .label:insensitive { color: rgba(92, 97, 108, 0.55); } .dim-label, .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator, .header-bar .subtitle { opacity: 0.55; } GtkAssistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #dcdfe3; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar .label { padding: 6px 12px; } GtkAssistant .sidebar .label.highlight { background-color: #5294e2; color: #ffffff; } GtkTextView { background-color: #fafbfb; } .grid-child { padding: 3px; border-radius: 3px; } .grid-child:selected { outline-offset: -2px; } .popover.osd, .osd { color: #BAC3CF; border: none; background-color: rgba(53, 57, 69, 0.95); background-clip: padding-box; outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } .entry { border: 1px solid; padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); border: none; border-radius: 0; } .entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294e2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #5294e2; color: #ffffff; } .entry.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .linked > .entry:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .linked > .entry:first-child:dir(rtl) { border-right-style: none; } .linked > .entry:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } .linked > .entry:last-child:dir(rtl) { border-left-style: solid; } .entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } .entry.warning:selected, .entry.warning:selected:focus { background-color: white; color: #F27835; } .entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } .entry.error:selected, .entry.error:selected:focus { background-color: white; color: #FC4138; } .entry.image { color: #7d8189; } .linked.vertical > .entry { border-bottom-color: #f4f5f6; box-shadow: none; } .linked.vertical > .entry:focus { border-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:insensitive { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:first-child { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:first-child:focus { border-bottom-color: #5294e2; box-shadow: none; } .linked.vertical > .entry:first-child:insensitive { border-bottom-color: #f4f5f6; } .linked.vertical > .entry:last-child { border-bottom-color: rgba(0, 0, 0, 0.14); } .linked.vertical > .entry:last-child:focus { border-bottom-color: #5294e2; box-shadow: 0 -1px 0 0 #5294e2; } .linked.vertical > .entry:last-child:insensitive { border-bottom-color: rgba(0, 0, 0, 0.14); } .osd .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } .osd .entry.image, .osd .entry.image:hover { color: inherit; } .osd .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294e2); } .osd .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } GtkSearchEntry.entry { border-radius: 20px; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 5px 8px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .button.flat { border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(251, 251, 252, 0); border-color: rgba(207, 214, 230, 0); transition: none; } .button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } .button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; transition-duration: 50ms; } .button:active { color: #5c616c; } .button:active:hover, .button:checked { color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; } .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294e2; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .button.osd:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); border-radius: 0; border-left-style: none; border-right-style: none; } .osd .button:dir(rtl) { border-radius: 0; border-right-style: none; border-left-style: none; } .osd .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:dir(rtl) { border-left-style: solid; } .osd .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child { box-shadow: none; } .osd .button:active, .osd .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child { box-shadow: none; } .osd .button.flat:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); background-image: none; } .osd .button.flat:active, .osd .button.flat:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .button.suggested-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.suggested-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.suggested-action:insensitive > GtkLabel { color: inherit; } .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .button.destructive-action.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.destructive-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 7px; } .header-bar .button.image-button, .header-bar .button.titlebutton { padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { padding: 5px 8px; } .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar GtkToolButton > .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .inline-toolbar GtkToolButton > .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } .inline-toolbar GtkToolButton > .button.flat:active, .osd .button:active, .inline-toolbar .button:active, .linked > .button:active, GtkComboBox.combobox-entry .entry:active, GtkComboBox.combobox-entry .button:active, .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, .linked > GtkComboBox > .button:active:dir(ltr), .inline-toolbar GtkToolButton > .button.flat:checked, .osd .button:checked, .inline-toolbar .button:checked, .linked > .button:checked, GtkComboBox.combobox-entry .entry:checked, GtkComboBox.combobox-entry .button:checked, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked, .linked > GtkComboBox > .button:checked:dir(ltr) { box-shadow: none; } .inline-toolbar.toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), .linked > .button:dir(rtl):hover, .linked > .button:dir(rtl):active, .linked > .button:dir(rtl):checked, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } .osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, .primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } .osd .button:first-child:active, .inline-toolbar .button:first-child:active, .linked > .button:first-child:active, .inline-toolbar GtkToolButton:first-child > .button.flat:active, GtkComboBox.combobox-entry .entry:first-child:active, GtkComboBox.combobox-entry .button:first-child:active, .linked > GtkComboBox:first-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, .osd .button:first-child:checked, .inline-toolbar .button:first-child:checked, .linked > .button:first-child:checked, .inline-toolbar GtkToolButton:first-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:first-child:checked, GtkComboBox.combobox-entry .button:first-child:checked, .linked > GtkComboBox:first-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } .osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, .primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } .osd .button:last-child:active, .inline-toolbar .button:last-child:active, .linked > .button:last-child:active, .inline-toolbar GtkToolButton:last-child > .button.flat:active, GtkComboBox.combobox-entry .entry:last-child:active, GtkComboBox.combobox-entry .button:last-child:active, .linked > GtkComboBox:last-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, .osd .button:last-child:checked, .inline-toolbar .button:last-child:checked, .linked > .button:last-child:checked, .inline-toolbar GtkToolButton:last-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:last-child:checked, GtkComboBox.combobox-entry .button:last-child:checked, .linked > GtkComboBox:last-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } .osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, .primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } .osd .button:only-child:active, .inline-toolbar .button:only-child:active, .linked > .button:only-child:active, .inline-toolbar GtkToolButton:only-child > .button.flat:active, GtkComboBox.combobox-entry .entry:only-child:active, GtkComboBox.combobox-entry .button:only-child:active, .linked > GtkComboBox:only-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, .osd .button:only-child:checked, .inline-toolbar .button:only-child:checked, .linked > .button:only-child:checked, .inline-toolbar GtkToolButton:only-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:only-child:checked, GtkComboBox.combobox-entry .button:only-child:checked, .linked > GtkComboBox:only-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 -1px rgba(207, 214, 230, 0.4), inset 0 1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:active, .linked.vertical > .button:active, .linked.vertical > GtkComboBoxText > .button:active, .linked.vertical > GtkComboBox > .button:active, .linked.vertical > .entry:checked, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button:checked, .linked.vertical > GtkComboBox > .button:checked { box-shadow: none; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:first-child:active, .linked.vertical > .button:first-child:active, .linked.vertical > GtkComboBoxText:first-child > .button:active, .linked.vertical > GtkComboBox:first-child > .button:active, .linked.vertical > .entry:first-child:checked, .linked.vertical > .button:first-child:checked, .linked.vertical > GtkComboBoxText:first-child > .button:checked, .linked.vertical > GtkComboBox:first-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px rgba(207, 214, 230, 0.4); } .linked.vertical > .entry:last-child:active, .linked.vertical > .button:last-child:active, .linked.vertical > GtkComboBoxText:last-child > .button:active, .linked.vertical > GtkComboBox:last-child > .button:active, .linked.vertical > .entry:last-child:checked, .linked.vertical > .button:last-child:checked, .linked.vertical > GtkComboBoxText:last-child > .button:checked, .linked.vertical > GtkComboBox:last-child > .button:checked { box-shadow: none; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } .linked.vertical > .entry:only-child:active, .linked.vertical > .button:only-child:active, .linked.vertical > GtkComboBoxText:only-child > .button:active, .linked.vertical > GtkComboBox:only-child > .button:active, .linked.vertical > .entry:only-child:checked, .linked.vertical > .button:only-child:checked, .linked.vertical > GtkComboBoxText:only-child > .button:checked, .linked.vertical > GtkComboBox:only-child > .button:checked { box-shadow: none; } .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .notebook tab .button, .list-row.button, .app-notification .button.flat, .app-notification.frame .button.flat, .app-notification .button.flat:insensitive, .app-notification.frame .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } /* menu buttons */ .menuitem.button.flat { transition: none; outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { background-color: #edeff0; } .menuitem.button.flat:checked { color: #5c616c; } *:link, .button:link, .button:visited { color: #2679db; } *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited:link, *:selected .button:visited { color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #dceaf9; } *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #dceaf9; } .spinbutton { border-radius: 3px; } .spinbutton .button { background-image: none; border: 1px solid rgba(220, 223, 227, 0.6); border-style: none none none solid; color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } .spinbutton .button:insensitive { color: rgba(92, 97, 108, 0.55); } .spinbutton .button:active { background-color: #5294e2; color: #ffffff; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #5294e2; border-radius: 0; box-shadow: none; } GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: 1px 0 #5294e2; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-left-style: none; } GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: -1px 0 #5294e2; } GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 #cfd6e6; } GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.55); } GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 #cfd6e6; } GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.55); } .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.85); } .primary-toolbar { color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #e7e8eb, rgba(212, 213, 219, 0.95)) 1 0 1 0; } .inline-toolbar { background-color: #edeef0; border-style: solid; border-color: #dcdfe3; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; border-color: #dcdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { background-color: #edeef0; } .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: #d4d5db; color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; } .csd .header-bar { background-color: rgba(231, 232, 235, 0.95); border-color: rgba(212, 213, 219, 0.95); } .header-bar:backdrop { color: rgba(82, 93, 118, 0.5); } .header-bar .title { padding-left: 12px; padding-right: 12px; } .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: rgba(82, 148, 226, 0.95); outline-color: rgba(82, 148, 226, 0.25); background-color: #ffffff; border-color: #ffffff; } .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #e7e8eb; border-color: #d4d5db; } .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: #e7e8eb; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized .csd .header-bar.default-decoration, .maximized .header-bar.default-decoration:backdrop, .maximized .csd .header-bar.default-decoration:backdrop { background-color: #e7e8eb; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 4px 4px 0 0; color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } .csd .titlebar { background-color: rgba(231, 232, 235, 0.95); } .titlebar:backdrop { color: rgba(82, 93, 118, 0.5); background-color: #eff0f2; } .csd .titlebar:backdrop { background-color: rgba(239, 240, 242, 0.95); } .maximized .titlebar { background-color: #e7e8eb; } .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #eff0f2; } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } .primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); background-clip: border-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar .entry.warning, .header-bar .entry.warning { color: white; border-color: #F27835; background-image: linear-gradient(to bottom, rgba(238, 162, 121, 0.98)); } .primary-toolbar .entry.warning:focus, .header-bar .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); } .primary-toolbar .entry.warning:selected, .header-bar .entry.warning:selected, .primary-toolbar .entry.warning:selected:focus, .header-bar .entry.warning:selected:focus { background-color: white; color: #F27835; } .primary-toolbar .entry.error, .header-bar .entry.error { color: white; border-color: #FC4138; background-image: linear-gradient(to bottom, rgba(244, 128, 123, 0.98)); } .primary-toolbar .entry.error:focus, .header-bar .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); } .primary-toolbar .entry.error:selected, .header-bar .entry.error:selected, .primary-toolbar .entry.error:selected:focus, .header-bar .entry.error:selected:focus { background-color: white; color: #FC4138; } .primary-toolbar .button, .header-bar .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); outline-offset: -3px; background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; background-clip: border-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { background-color: rgba(255, 255, 255, 0.9); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .primary-toolbar .linked.stack-switcher > .button:insensitive, .header-bar .linked.stack-switcher > .button:insensitive, .primary-toolbar .linked.path-bar > .button:insensitive, .header-bar .linked.path-bar > .button:insensitive { color: rgba(82, 93, 118, 0.4); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked.stack-switcher > .button:first-child:active, .header-bar .linked.stack-switcher > .button:first-child:active, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, .header-bar .linked.stack-switcher > .button:first-child:checked, .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked.stack-switcher > .button:last-child:active, .header-bar .linked.stack-switcher > .button:last-child:active, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, .header-bar .linked.stack-switcher > .button:last-child:checked, .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover { box-shadow: none; } .primary-toolbar .linked.stack-switcher > .button:only-child:active, .header-bar .linked.stack-switcher > .button:only-child:active, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, .header-bar .linked.stack-switcher > .button:only-child:checked, .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked { box-shadow: none; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive, .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .header-bar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .button.suggested-action:insensitive > GtkLabel, .header-bar .button.suggested-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive, .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .header-bar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .button.destructive-action:insensitive > GtkLabel, .header-bar .button.destructive-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(82, 93, 118, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(82, 93, 118, 0.05); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(82, 93, 118, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(82, 93, 118, 0.2); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr), .header-bar GtkComboBox.combobox-entry .button:dir(ltr) { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(ltr):insensitive { box-shadow: inset 1px 0 rgba(82, 93, 118, 0); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl), .header-bar GtkComboBox.combobox-entry .button:dir(rtl) { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(rtl):insensitive { box-shadow: inset -1px 0 rgba(82, 93, 118, 0); } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(82, 93, 118, 0.15); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #fbfbfc); border-color: rgba(82, 93, 118, 0.3); } .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(82, 93, 118, 0.3); } .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, rgba(245, 246, 247, 0.985)); border-color: rgba(82, 93, 118, 0.3); } .path-bar .button { padding: 5px 10px; } .path-bar .button:first-child { padding-left: 10px; } .path-bar .button:last-child { padding-right: 10px; } .path-bar .button:only-child { padding-left: 14px; padding-right: 14px; } .path-bar .button GtkLabel:last-child { padding-left: 4px; } .path-bar .button GtkLabel:first-child { padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 2px; padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: rgba(92, 97, 108, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:selected { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } GtkTreeView.view:insensitive { color: rgba(92, 97, 108, 0.55); } GtkTreeView.view:insensitive:selected { color: #97bfee; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { color: #ffffff; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); border-radius: 3px; border-width: 0; } column-header .button { color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294e2; box-shadow: none; transition: none; } column-header .button:active { color: #5c616c; transition: none; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; border-image: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294e2; box-shadow: inset 1px 1px 0 1px #5294e2, inset -1px 0 0 1px #5294e2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active, column-header .button:hover { background-color: #ffffff; } column-header .button:active:hover { color: #5c616c; } column-header .button:insensitive { border-color: #F5F6F7; background-image: none; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #e7e8eb; color: rgba(82, 93, 118, 0.8); } .menubar:backdrop { color: rgba(82, 93, 118, 0.5); } .menubar > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } .menubar > .menuitem:hover { background-color: #5294e2; color: #ffffff; } .menubar > .menuitem:insensitive { color: rgba(82, 93, 118, 0.2); border-color: transparent; } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #ffffff; border: 1px solid #dcdfe3; } .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } .menu .menuitem { padding: 5px; } .menu .menuitem:hover { color: #ffffff; background-color: #5294e2; } .menu .menuitem:insensitive { color: rgba(92, 97, 108, 0.55); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator { color: rgba(255, 255, 255, 0); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; } .menu.button.top { border-bottom: 1px solid #efeff0; } .menu.button.bottom { border-top: 1px solid #efeff0; } .menu.button:hover { background-color: #efeff0; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: alpha(currentColor,0.55); } .popover { padding: 2px; border: 1px solid #cdd2d7; border-radius: 3px; background-clip: border-box; background-color: #ffffff; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .popover .separator, .popover GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .popover .view.separator { color: rgba(255, 255, 255, 0); } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .notebook { padding: 0; background-color: #ffffff; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { border: 1px solid #dcdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { border: 0px solid #dcdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px #dcdfe3; } .notebook.header.bottom { box-shadow: inset 0 1px #dcdfe3; } .notebook.header.right { box-shadow: inset 1px 0 #dcdfe3; } .notebook.header.left { box-shadow: inset -1px 0 #dcdfe3; } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; } .notebook tab.top, .notebook tab.bottom { padding: 4px 15px; } .notebook tab.left, .notebook tab.right { padding: 4px 15px; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; } .notebook tab.reorderable-page.top, .notebook tab.top { padding-top: 6px; border-radius: 3.5px 2px 0 0; border-width: 0; border-top-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; border-width: 0; border-bottom-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; border-width: 0; border-right-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; border-width: 0; border-left-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(92, 97, 108, 0.775); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #5c616c; } .notebook tab .button { padding: 0; color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { color: #5294e2; } .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { color: rgba(92, 97, 108, 0.55); } .notebook.arrow:hover { color: rgba(92, 97, 108, 0.775); } .notebook.arrow:active { color: #5c616c; } .notebook.arrow:insensitive { color: rgba(92, 97, 108, 0.25); } .scrollbar { -GtkRange-slider-width: 13; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; -GtkRange-slider-width: 6px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; background-color: #8a8e96; border: 1px solid rgba(255, 255, 255, 0.6); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; background-color: transparent; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { margin-top: 2px; margin-bottom: 2px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { background-color: #fcfcfc; border: 1px none #dcdfe3; } .scrollbar .slider { background-color: #b8babf; } .scrollbar .slider:hover { background-color: #c7c9cd; } .scrollbar .slider:prelight:active, .scrollbar .slider:active { background-color: #5294e2; } .scrollbar .slider:insensitive { background-color: transparent; } .scrollbar .slider { border-radius: 100px; margin: 3px; } .scrollbar.fine-tune .slider { margin: 4px; } .scrollbar.vertical .slider { margin-left: 4px; } .scrollbar.vertical .slider:dir(rtl) { margin-left: 3px; margin-right: 4px; } .scrollbar.vertical.fine-tune .slider { margin-left: 5px; } .scrollbar.vertical.fine-tune .slider:dir(rtl) { margin-left: 4px; margin-right: 5px; } .scrollbar.vertical .trough { border-left-style: solid; } .scrollbar.vertical .trough:dir(rtl) { border-left-style: none; border-right-style: solid; } .scrollbar.horizontal .slider { margin-top: 4px; } .scrollbar.horizontal.fine-tune .slider { margin-top: 5px; } .scrollbar.horizontal .trough { border-top-style: solid; } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { border-image-slice: 0 1 0 0; } GtkSwitch { font: 1; -GtkSwitch-slider-width: 41; outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; } GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { background-position: left center; } GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } .menu .menuitem:hover GtkSwitch.trough, .list-row:selected GtkSwitch.trough, GtkInfoBar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } .header-bar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); } GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active, .list-row:selected GtkSwitch.trough:active, GtkInfoBar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } .header-bar GtkSwitch.trough:active, .primary-toolbar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); } GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } .menu .menuitem:hover GtkSwitch.trough:insensitive, .list-row:selected GtkSwitch.trough:insensitive, GtkInfoBar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:insensitive, .primary-toolbar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); } GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } .menu .menuitem:hover GtkSwitch.trough:active:insensitive, .list-row:selected GtkSwitch.trough:active:insensitive, GtkInfoBar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:active:insensitive, .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } GtkFileChooserDialog .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } GtkFileChooserDialog .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } GtkFileChooserDialog .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } GtkIconView.view.check, GtkFlowBox.view.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } GtkIconView.view.check:checked, GtkFlowBox.view.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; } .scale.trough { margin: 5px; } .scale.fine-tune.trough { border-radius: 5px; margin: 3px; } .scale.slider { background-clip: border-box; background-image: linear-gradient(to bottom, #fbfbfc); border: 1px solid rgba(123, 142, 186, 0.5); border-radius: 50%; box-shadow: none; } .scale.slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(123, 142, 186, 0.5); } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #fbfbfb); border-color: rgba(123, 142, 186, 0.3); } .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .osd .scale.slider { background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95)); border-color: #5294e2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294e2); } .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } .menu .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .menu .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } .menu .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } .menu .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, #cfd6e6); } .scale.trough.highlight { background-image: linear-gradient(to bottom, #5294e2); } .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd .scale.trough { background-image: linear-gradient(to bottom, rgba(69, 74, 89, 0.95)); outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294e2); } .menu .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } .menu .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .menu .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } .menu .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } GtkProgressBar { padding: 0; font-size: smaller; color: rgba(92, 97, 108, 0.7); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } .progressbar { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } .progressbar.osd { background-color: #5294e2; } .list-row:selected .progressbar, GtkInfoBar .progressbar { background-color: #ffffff; } .osd .scale.progressbar { background-color: #5294e2; } GtkProgressBar.trough, .level-bar.trough { border: none; border-radius: 3px; background-color: #cfd6e6; } GtkProgressBar.trough.osd, .osd.level-bar.trough { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected GtkProgressBar.trough, .list-row:selected .level-bar.trough, GtkInfoBar GtkProgressBar.trough, GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } GtkLevelBar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; border-radius: 4px; } .level-bar.fill-block { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #73d216; background-color: #73d216; } .level-bar.fill-block.level-low { border-color: #F27835; background-color: #F27835; } .level-bar.fill-block.empty-fill-block { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } .frame { border: 1px solid #dcdfe3; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } .list, .list-row { background-color: #ffffff; border-color: #dcdfe3; } .list-row, .grid-child { padding: 2px; } .list-row.button { background-color: transparent; border-style: none; border-radius: 0; box-shadow: none; } .list-row.button:hover { background-color: rgba(0, 0, 0, 0.05); } .list-row.button:active { color: #5c616c; } .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } .list-row.button:selected:insensitive .label { color: inherit; } .list-row, list-row.button { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.button:hover { transition: none; } .app-notification, .app-notification.frame { padding: 10px; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: rgba(31, 33, 40, 0.95); } .app-notification .button, .app-notification.frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .app-notification .button.flat, .app-notification.frame .button.flat { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: #aaaeb7; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkCalendar { color: #5c616c; border: 1px solid #dcdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { background-color: #5294e2; color: #ffffff; border-radius: 1.5px; } GtkCalendar.header { color: #5c616c; border: none; border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(92, 97, 108, 0.45); border-color: transparent; background-color: transparent; background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #5c616c; } GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { color: rgba(92, 97, 108, 0.55); background-color: transparent; background-image: none; } GtkCalendar.highlight { color: alpha(currentColor,0.55); } .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { background-color: rgba(231, 232, 235, 0.95); border-bottom: 1px solid rgba(212, 213, 219, 0.95); } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .message-dialog.csd .dialog-action-area .button { padding: 8px; border-radius: 0; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 3px; } .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 3px; } GtkFileChooserDialog .search-bar { background-color: #F5F6F7; border-color: #dcdfe3; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #dcdfe3; } .sidebar, .sidebar .view { border: none; background-color: #fbfbfc; } .sidebar:selected, .sidebar .view:selected { background-color: #5294e2; } GtkPlacesSidebar.sidebar .view { color: #5c616c; background-color: transparent; } GtkPlacesSidebar.sidebar .view:selected { color: #ffffff; background-color: #5294e2; } .sidebar-item { padding: 10px 4px; } .sidebar-item > GtkLabel { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > GtkLabel { background-size: 6px 6px, 0 0; } GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { background-color: #dcdfe3; } GtkPaned.wide { -GtkPaned-handle-size: 5; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; border-color: #dcdfe3; border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } GtkInfoBar { border-style: none; } .info, .question, .warning, .error, GtkInfoBar { background-color: #5294e2; color: #ffffff; } .list-row:selected .button, GtkInfoBar .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } .list-row:selected .flat.button, GtkInfoBar .flat.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .list-row:selected .button:hover, GtkInfoBar .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .tooltip { color: #BAC3CF; border-radius: 2px; } .tooltip.background { background-color: rgba(75, 81, 98, 0.95); background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } :selected GtkColorSwatch { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch.left, GtkColorSwatch:first-child, GtkColorSwatch:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } GtkColorSwatch.right, GtkColorSwatch:last-child, GtkColorSwatch:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch:only-child, GtkColorSwatch:only-child .overlay { border-radius: 3px; } GtkColorSwatch:hover, GtkColorSwatch:hover:selected { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; } GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { border: 1px solid rgba(0, 0, 0, 0.15); } GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { border-color: rgba(0, 0, 0, 0.25); } GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } GtkColorSwatch#add-color-button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkColorSwatch#add-color-button .overlay { border-color: transparent; background-color: transparent; background-image: none; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } .scale-popup .button { padding: 6px; } .scale-popup .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkVolumeButton.button { padding: 8px; } .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .window-frame { border-radius: 4px 4px 0 0; border-width: 0px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.2); margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 5px 5px 0 rgba(0, 0, 0, 0.2); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; border-radius: 0; } .window-frame.ssd { border-radius: 4px 4px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } .window-frame.ssd.maximized { border-radius: 0; } .window-frame.csd.popup { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.message-dialog { border-radius: 3px; } .window-frame.solid-csd { border-radius: 0; margin: 1px; background-color: rgba(231, 232, 235, 0.95); box-shadow: none; } .header-bar.default-decoration .button.titlebutton, .titlebar.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding-left: 4px; padding-right: 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(231, 232, 235, 0); } .header-bar .button.titlebutton:not(GtkMenuButton), .titlebar .button.titlebutton:not(GtkMenuButton) { padding-top: 8px; padding-bottom: 8px; } .header-bar .button.titlebutton:hover, .titlebar .button.titlebutton:hover { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.close, .titlebar .button.titlebutton.maximize, .titlebar .button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; } .header-bar .button.titlebutton.close:backdrop, .header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { opacity: 1; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } .header-bar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); } .header-bar .button.titlebutton.close:hover, .titlebar .button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } .header-bar .button.titlebutton.close:active, .titlebar .button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } .header-bar .button.titlebutton.maximize, .titlebar .button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); } .header-bar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); } .header-bar .button.titlebutton.maximize:hover, .titlebar .button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); } .header-bar .button.titlebutton.maximize:active, .titlebar .button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); } .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); } .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); } .header-bar .button.titlebutton.minimize:hover, .titlebar .button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); } .header-bar .button.titlebutton.minimize:active, .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); } .view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.button.flat:selected, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:focus:selected { background-image: none; background-color: #5294e2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, ScratchMainWindow .notebook tab.top:active, ScratchMainWindow .notebook tab.top.active-page, ScratchMainWindow .notebook tab.top.active-page:hover, EphyNotebook.notebook tab.reorderable-page.top:active, EphyNotebook.notebook tab.reorderable-page.top.active-page, EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, EphyNotebook.notebook tab.top:active, EphyNotebook.notebook tab.top.active-page, EphyNotebook.notebook tab.top.active-page:hover, MidoriNotebook .notebook tab.reorderable-page.top:active, MidoriNotebook .notebook tab.reorderable-page.top.active-page, MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, MidoriNotebook .notebook tab.top:active, MidoriNotebook .notebook tab.top.active-page, MidoriNotebook .notebook tab.top.active-page:hover, TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top.active-page, TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } GtkHTML { background-color: #ffffff; color: #5c616c; } GtkHTML:active { color: #ffffff; background-color: #5294e2; } SushiFontWidget { padding: 6px 12px; } TerminalWindow .background { background-color: transparent; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { border-width: 0; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { color: #5c616c; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } .nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, GtkPlacesSidebar.sidebar .nautilus-canvas-item.label.view.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #a9acb2; } .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } NautilusNotebook.notebook { background-color: #ffffff; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { padding: 5px; box-shadow: none; background-color: #ffffff; } .nautilus-circular-button { border-radius: 50%; outline-radius: 50%; } .disk-space-display { border-style: solid; border-width: 1px; } .disk-space-display.unknown { background-color: rgba(92, 97, 108, 0.5); border-color: rgba(69, 72, 80, 0.5); } .disk-space-display.used { background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { background-color: #edeef0; border-color: #d0d5da; } NemoWindow EelEditableLabel.entry { transition: none; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #dcdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { background-color: rgba(255, 255, 255, 0.9); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:insensitive { color: rgba(82, 93, 118, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { box-shadow: none; } .gedit-headerbar-paned { color: rgba(212, 213, 219, 0.95); } .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } .open-document-selector-treeview.view:prelight { background-color: #f4f4f5; } .open-document-selector-treeview.view:prelight:selected { color: #ffffff; background-color: #5294e2; } .open-document-selector-name-label { color: #5c616c; } .open-document-selector-path-label { color: #aeb0b6; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } .gedit-document-panel .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { color: #92959d; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; background-color: transparent; border: none; box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { border-top: 1px solid #dcdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton:checked.button.flat { border-bottom-style: none; border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { border-bottom: 1px solid #dcdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); margin: 2px; padding: 2px; } GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294e2; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { box-shadow: 1px 0 #5294e2; } GbEditorFrame .gb-search-slider { padding: 2px; } GdTaggedEntry { color: #5c616c; } .preferences.sidebar GtkViewport { border: none; } .preferences.sidebar GtkListBox { background-color: #F5F6F7; } .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } GtkBox.gb-command-bar-box { border: none; background-color: #353945; } GtkBox.gb-command-bar-box GtkLabel { color: #BAC3CF; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #BAC3CF; background-image: none; background-color: #353945; padding: 6px 6px 6px 6px; border: none; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #ffffff; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook .button.label.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } EphyWindow .floating-bar { color: #5c616c; } .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: #a9caf1; } .documents-entry-tag { background-color: #5294e2; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; background-color: #639fe5; } .documents-entry-tag:active { color: #ffffff; background-color: #4189df; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; border: none; box-shadow: none; icon-shadow: none; } .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } TotemGrilo.vertical GdMainView.frame { border-width: 0; } SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: #5294e2; } .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; } .gnome-panel-menu-bar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: #BAC3CF; background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: #BAC3CF; } PanelApplet .button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: rgba(0, 0, 0, 0.25); border-radius: 0; border-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: #5294e2; } WnckPager { color: #5d6268; } WnckPager:selected { color: #5294e2; } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: #BAC3CF; } .xfce4-panel.panel { background-color: rgba(43, 46, 55, 0.95); text-shadow: none; icon-shadow: none; } .xfce4-panel.panel .button.flat { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); border-radius: 0; border: none; } .xfce4-panel.panel .button.flat:hover { border: none; background-color: rgba(65, 70, 84, 0.95); } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { color: #ffffff; border: none; background-color: #5294e2; } .floating-bar { background-color: #5294e2; color: #ffffff; } .floating-bar.top { border-radius: 0 0 2px 2px; } .floating-bar.right { border-radius: 2px 0 0 2px; } .floating-bar.bottom { border-radius: 2px 2px 0 0; } .floating-bar.left { border-radius: 0 2px 2px 0; } .floating-bar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { color: #ffffff; background-color: #5294e2; outline-color: transparent; } MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { background-color: transparent; } MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { outline-color: transparent; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); } .marlin-pathbar.pathbar:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } WingpanelWidgetsIndicatorPopover.popover { padding: 0; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; border: solid transparent; border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage { padding: 0 3px; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active { background-color: rgba(0, 0, 0, 0.04); border: solid rgba(0, 0, 0, 0.08); border-width: 1px 0; } WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive { color: rgba(92, 97, 108, 0.55); } PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: #5c616c; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { border: 1px solid rgba(0, 0, 0, 0.1); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #e7e8eb); color: rgba(82, 93, 118, 0.8); box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } UnityDecoration.top:backdrop { border-bottom-width: 0; color: rgba(82, 93, 118, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: rgba(253, 253, 254, 0.95); border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar GtkLabel { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #dcdfe3; border-right: 1px solid #dcdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #dcdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } .bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #dcdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: white; } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: #F5F6F7; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #5c616c; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { color: #a9acb2; font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(92, 97, 108, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry.entry { padding: 4px; } .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: #8a8e96; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: rgba(43, 46, 55, 0.95); color: #BAC3CF; font: bold; box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } #panel_window .menubar { padding-left: 5px; } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { font: normal; } #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: #5c616c; } #content_frame { padding-bottom: 14px; background-color: #F5F6F7; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } #content_frame .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } #content_frame .button:active, #content_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } #content_frame .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } #content_frame .button:insensitive > GtkLabel { color: inherit; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: rgba(53, 57, 69, 0.95); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px rgba(53, 57, 69, 0.95); } #buttonbox_frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } #buttonbox_frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } #buttonbox_frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } #login_window #user_combobox { color: #5c616c; font: 13px; } #login_window #user_combobox .menu { font: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font: bold; } .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { color: rgba(212, 213, 219, 0.95); } NemoWindow GtkEventBox { background-color: #F5F6F7; } GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, NautilusWindow .source-list.view:prelight, NemoWindow.csd.background, NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } GtkFileChooserDialog .sidebar, GtkFileChooserDialog .source-list.sidebar.view, NautilusWindow .sidebar, NautilusWindow .source-list.sidebar.view, NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { background-color: rgba(53, 57, 69, 0.95); } GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar row, GtkFileChooserDialog .source-list.sidebar.view .view, GtkFileChooserDialog .source-list.sidebar.view row, NautilusWindow .sidebar .view, NautilusWindow .sidebar row, NautilusWindow .source-list.sidebar.view .view, NautilusWindow .source-list.sidebar.view row, NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; color: #BAC3CF; } GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar row.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, GtkFileChooserDialog .source-list.sidebar.view row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar row.image, NautilusWindow .source-list.sidebar.view .view.image, NautilusWindow .source-list.sidebar.view row.image, NemoWindow .sidebar .view.image, NemoWindow .sidebar row.image, NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { color: rgba(186, 195, 207, 0.7); } GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar row.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, GtkFileChooserDialog .source-list.sidebar.view row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar row.cell:selected, NautilusWindow .source-list.sidebar.view .view.cell:selected, NautilusWindow .source-list.sidebar.view row.cell:selected, NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar row.cell:selected, MarlinViewWindow .source-list.sidebar.view .view.cell:selected, MarlinViewWindow .source-list.sidebar.view row.cell:selected { background-color: #5294e2; color: #ffffff; } GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog .source-list.sidebar.view.frame, NautilusWindow .sidebar.frame, NautilusWindow .source-list.sidebar.view.frame, NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { color: #BAC3CF; } GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog .source-list.sidebar.view .separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow .source-list.sidebar.view .separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow .source-list.sidebar.view .separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #353945; } GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: rgba(53, 57, 69, 0.95); } NautilusWindow NautilusWindowSlot { background-color: #ffffff; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { background-color: rgba(53, 57, 69, 0.95); } GtkFileChooserDialog .sidebar { background-color: transparent; } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-vbox > .frame { color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: rgba(42, 45, 55, 0.95); } GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #BAC3CF; } FeedReaderreaderUI.background.csd > .titlebar .pane-separator, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, GeditWindow.background.csd > .titlebar .pane-separator, GeditWindow.background.csd.maximized > .titlebar .pane-separator, GeditWindow.background.csd > .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { background-color: rgba(212, 213, 219, 0.95); } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: rgba(231, 232, 235, 0.95); } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: rgba(239, 240, 242, 0.95); } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #e7e8eb; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #eff0f2; } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background .gedit-side-panel-paned .pane-separator { background-color: rgba(53, 57, 69, 0.95); } GeditWindow.background .gedit-bottom-panel-paned .pane-separator { background-color: #dcdfe3; } .gedit-bottom-panel-paned { background-color: #ffffff; } .gedit-document-panel { background-color: rgba(53, 57, 69, 0.95); } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel .list-row { color: #BAC3CF; } .gedit-document-panel .list-row { background-color: rgba(186, 195, 207, 0); border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:active .button { color: #ffffff; } .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { color: #BAC3CF; } GeditFileBrowserWidget { background-color: rgba(53, 57, 69, 0.95); } .maximized GeditFileBrowserWidget { background-color: #353945; } GeditFileBrowserWidget .horizontal { background-color: transparent; border-color: rgba(37, 40, 49, 0.95); } GeditFileBrowserWidget .horizontal GtkComboBox { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditFileBrowserWidget .horizontal .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } GtkFileChooserDialog .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditFileBrowserWidget .horizontal .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditFileBrowserWidget .horizontal .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } GtkFileChooserDialog .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } GtkFileChooserDialog .action-bar.frame .image.entry, GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog .action-bar.frame .image.entry:hover, GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { color: inherit; } GtkFileChooserDialog .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294e2); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } GtkFileChooserDialog .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NautilusWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NemoWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, MarlinViewWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, GeditFileBrowserWidget .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GtkFileChooserDialog .sidebar .scrollbar .trough, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, NautilusWindow .sidebar .scrollbar .trough, NautilusWindow .source-list.sidebar.view .scrollbar .trough, NemoWindow .sidebar .scrollbar .trough, NemoWindow .source-list.sidebar.view .scrollbar .trough, MarlinViewWindow .sidebar .scrollbar .trough, MarlinViewWindow .source-list.sidebar.view .scrollbar .trough, GeditFileBrowserWidget .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } GtkFileChooserDialog .sidebar .scrollbar .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider, NautilusWindow .sidebar .scrollbar .slider, NautilusWindow .source-list.sidebar.view .scrollbar .slider, NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserWidget .scrollbar .slider { background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog .sidebar .scrollbar .slider:hover, NautilusWindow .sidebar .scrollbar .slider:hover, NemoWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .sidebar .scrollbar .slider:hover, GeditFileBrowserWidget .scrollbar .slider:hover { background-color: #f6f7f9; } GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, NautilusWindow .sidebar .scrollbar .slider:prelight:active, NemoWindow .sidebar .scrollbar .slider:prelight:active, MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, GeditFileBrowserWidget .scrollbar .slider:prelight:active { background-color: #5294e2; } GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, NautilusWindow .sidebar .scrollbar .slider:insensitive, NemoWindow .sidebar .scrollbar .slider:insensitive, MarlinViewWindow .sidebar .scrollbar .slider:insensitive, GeditFileBrowserWidget .scrollbar .slider:insensitive { background-color: transparent; } @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; @define-color theme_base_color #ffffff; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #5c616c; @define-color text_color #5c616c; @define-color bg_color #F5F6F7; @define-color base_color #ffffff; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #fbfbfc; @define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; @define-color borders #dcdfe3; @define-color unfocused_borders #dcdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #2679db; @define-color content_view_bg #ffffff; @define-color wm_title alpha(#525d76, 0.8); @define-color wm_unfocused_title alpha(#525d76, 0.5); @define-color wm_bg #e7e8eb; @define-color wm_bg_unfocused #eff0f2; @define-color wm_highlight #eff0f2; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #f46067; @define-color wm_button_close_hover_bg #f68086; @define-color wm_button_close_active_bg #f13039; @define-color wm_icon_close_bg #F8F8F9; @define-color wm_button_hover_bg #fdfdfd; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #D1D3DA; @define-color wm_icon_bg #90949E; @define-color wm_icon_unfocused_bg #B6B8C0; @define-color wm_icon_hover_bg #7A7F8B; @define-color wm_icon_active_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.16/render-assets.sh ================================================ #! /bin/bash INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" SRC_FILE="assets.svg" ASSETS_DIR="assets" INDEX="assets.txt" for i in `cat $INDEX` do if [ -f $ASSETS_DIR/$i.png ]; then echo $ASSETS_DIR/$i.png exists. else echo echo Rendering $ASSETS_DIR/$i.png $INKSCAPE --export-id=$i \ --export-id-only \ --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null \ && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png fi if [ -f $ASSETS_DIR/$i@2.png ]; then echo $ASSETS_DIR/$i@2.png exists. else echo echo Rendering $ASSETS_DIR/$i@2.png $INKSCAPE --export-id=$i \ --export-dpi=180 \ --export-id-only \ --export-png=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null \ && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png fi done exit 0 ================================================ FILE: common/gtk-3.0/3.16/sass/_applications.scss ================================================ // // Tab overrides // GeditNotebook.notebook, ScratchMainWindow .notebook, EphyNotebook.notebook, MidoriNotebook .notebook, TerminalWindow .notebook, PantheonTerminalPantheonTerminalWindow .notebook { tab.reorderable-page.top, tab.top { &:active, &.active-page, &.active-page:hover { box-shadow: inset 0 1px $borders_color, inset 0 -1px $borders_color, inset 1px 0 $borders_color, inset -1px 0 $borders_color; } } } TerminalWindow .notebook, PantheonTerminalPantheonTerminalWindow .notebook { tab.reorderable-page.top, tab.top { padding-top: 7px; border-top-width: 3px; } &.header.top { box-shadow: inset 0 1px opacify($header_border, 1), inset 0 -1px $borders_color; } } // // Evolution // // needed for webkit/GtkStyle/Evolution compatibility GtkHTML { background-color: $base_color; color: $text_color; &:active { color: $selected_fg_color; background-color: $selected_bg_color; } } // // Sushi // // used by gnome-font-viewer and sushi SushiFontWidget { padding: 6px 12px; } // // GNOME Terminal // TerminalWindow { .background { background-color: transparent; } .scrollbar { &.vertical .slider { margin-left: 3px; } &.trough { border-width: 0; } } } // // Nautilus // .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item { color: white; text-shadow: 1px 1px transparentize(black, 0.4); &:active { color: $fg_color; } &:selected { color: $selected_fg_color; } } .nautilus-canvas-item.dim-label, .nautilus-list-dim-label { color: mix($fg_color, $bg_color, 50%); &:selected, &:selected:focus { color: mix($selected_fg_color, $selected_bg_color, 80%); } } NautilusNotebook.notebook { background-color: $base_color; tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } } NautilusQueryEditor .search-bar.toolbar { padding: 5px; box-shadow: none; background-color: $base_color; } .nautilus-circular-button { border-radius: 50%; outline-radius: 50%; } $disk_space_unknown: transparentize($fg_color, 0.5); $disk_space_used: transparentize($selected_bg_color, 0.2); $disk_space_free: darken($bg_color, 3%); .disk-space-display { border-style: solid; border-width: 1px; &.unknown { background-color: $disk_space_unknown; border-color: darken($disk_space_unknown, 10%); } &.used { background-color: $disk_space_used; border-color: darken($disk_space_used, 10%); } &.free { background-color: $disk_space_free; border-color: darken($disk_space_free, 10%); } } // // Nemo // .nemo-desktop.nemo-canvas-item { @extend .nautilus-desktop.nautilus-canvas-item; } NemoWindow { EelEditableLabel.entry { transition: none; } // Workaround for invisible text in rename entry .sidebar .frame { border-width: 0; } GtkSeparator.separator.horizontal { color: $borders_color; } .primary-toolbar NemoPathBar.linked > .button { $_linked_separator_color: $header_button_border; @include button(header-hover); &:hover { background-color: lighten($header_button_bg, 15%); } &:active, &:checked { @include button(header-active); } &:insensitive { color: transparentize($header_fg, 0.4); } @extend %linked; &:hover { box-shadow: inset 1px 0 $_linked_separator_color, inset -1px 0 $_linked_separator_color; } &:active, &:checked { box-shadow: none; } &:first-child { &:hover { box-shadow: inset -1px 0 $_linked_separator_color; } &:active, &:checked { box-shadow: none; } } &:last-child { &:hover { box-shadow: inset 1px 0 $_linked_separator_color; } &:active, &:checked { box-shadow: none; } } &:only-child { &:hover { box-shadow: none; } &:active, &:checked { box-shadow: none; } } } } // // Gedit // .gedit-headerbar-paned { color: $header_border; } .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: $base_color; // disable borders, making them transparent doesn't work for some reason &:prelight { background-color: mix($fg_color, $base_color, 7%); &:selected { color: $selected_fg_color; background-color: $selected_bg_color; } } } .open-document-selector-name-label { color: $fg_color; } .open-document-selector-path-label { color: mix($fg_color, $base_color, 50%); font-size: smaller; &:selected { color: transparentize($selected_fg_color, 0.1); } } .gedit-document-panel { .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; & GtkImage { color: inherit; } } .prelight-row .button { color: mix($bg_color, $fg_color, 35%); } .list-row .button:hover, .prelight-row .button:hover { color: lighten(red, 15%); } .prelight-row:selected .button:hover { color: lighten(red, 20%); background-image: none; background-color: transparent; border: none; box-shadow: none; &:active { color: $selected_fg_color; } } .prelight-row .button:active { color: $fg_color; } } .gedit-document-panel-dragged-row { border: 1px solid $borders_color; background-color: darken($bg_color, 10%); color: $fg_color; } //.gedit-document-panel-placeholder-row { //} GeditStatusbar { border-top: 1px solid $borders_color; background-color: $bg_color; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton:checked.button.flat { border-bottom-style: none; border-radius: 0; } GeditViewFrame .gedit-search-slider { @extend %search_slider } GeditFileBrowserWidget .toolbar { border-bottom: 1px solid $borders_color; } .gedit-search-entry-occurrences-tag { color: transparentize($fg_color, 0.4); margin: 2px; padding: 2px; } %search_slider { background-color: lighten($bg_color, 2%); padding: 6px; border-color: $borders_color; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } // // Gnome Builder // GbSearchBox.linked { > GtkMenuButton.button:last-child:dir(ltr), > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; @include entry(header-normal); &:hover { @include entry(header-focus); } &:active, &:checked { @include entry(header-focus); } &:insensitive { @include entry(header-insensitive); } } > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; &:hover { box-shadow: -1px 0 $selected_bg_color; } } > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; &:hover { box-shadow: 1px 0 $selected_bg_color; } } } //Search entry that slides down from top of editor GbEditorFrame .gb-search-slider { @extend %search_slider; padding: 2px; } .gb-search-entry-occurrences-tag { @extend .gedit-search-entry-occurrences-tag } GdTaggedEntry { color: $fg_color; } // Preferences sidebar style .preferences.sidebar { GtkViewport { border: none; } GtkListBox { background-color: $bg_color; } GtkListBoxRow { padding: 10px; } } // Preference page language style GbPreferencesPageLanguage { GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } GtkScrolledWindow { border-top-width: 0; } } // Command Bar styling GtkBox.gb-command-bar-box { border: none; background-color: opacify($osd_bg_color, 1); GtkLabel { color: $osd_fg_color; } } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: $osd_fg_color; background-image: none; background-color: opacify($osd_bg_color, 1); padding: 6px 6px 6px 6px; border: none; &:selected, &:selected:focus { @extend %selected_items; } } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } // Disable various animatinos that are enabled by default and really annoying // to the overall flow of Builder. GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid $borders_color; } GbViewStack.focused GtkBox.header.notebook { background-color: $base_color; .button.dim-label { opacity: 1; } } // // Epiphany // EphyWindow .floating-bar { // Epiphany overrides the floating-bar style, so reset it color: $fg_color; } // // Gnome Documents // .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: $selected_bg_color; color: $selected_fg_color; border-radius: 2px; } .documents-collection-icon { background-color: transparentize($fg_color, 0.7); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: lighten($selected_bg_color, 20%); } .documents-entry-tag { background-color: $selected_bg_color; color: $selected_fg_color; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; &:hover { color: $selected_fg_color; background-color: lighten($selected_bg_color, 4%); } &:active { color: $selected_fg_color; background-color: darken($selected_bg_color, 4%); } .toolbar .linked &.button { background: none; border: none; box-shadow: none; icon-shadow: none; &:hover { color: transparentize($selected_fg_color, 0.3) } } } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } // // Totem // TotemGrilo.vertical GdMainView.frame { border-width: 0; } // // Synapse // SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: $selected_bg_color; } // // Transmission // .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; // Remove black border on over- and undershoot } // // Fallback Mode/Budgie Panel // .gnome-panel-menu-bar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: $panel_fg; background-image: linear-gradient(to bottom, $panel_bg); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: $panel_fg; } PanelApplet .button:hover { color: lighten($panel_fg, 10%); background-color: transparentize(black, 0.83); border-color: transparentize(black, 0.83); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: transparentize(black, 0.75); border-radius: 0; border-color: transparentize(black, 0.75); box-shadow: inset 0 -2px $selected_bg_color; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: $selected_bg_color; } WnckPager { color: mix($panel_fg, black, 50%); &:selected { color: $selected_bg_color } } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: $panel_fg; } // Xfce Panel .xfce4-panel.panel { background-color: $panel_bg; text-shadow: none; icon-shadow: none; .button.flat { color: $panel_fg; background-color: transparentize($panel_bg, 1); border-radius: 0; border: none; &:hover { border: none; background-color: lighten($panel_bg, 10%); } &:active, &:checked { color: $selected_fg_color; border: none; background-color: $selected_bg_color; } } } // // Floating Bar // .floating-bar { background-color: $selected_bg_color; color: $selected_fg_color; &.top { border-radius: 0 0 2px 2px; } &.right { border-radius: 2px 0 0 2px; } &.bottom { border-radius: 2px 2px 0 0; } &.left { border-radius: 0 2px 2px 0; } .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } } // Elementary Apps // // Birdie // BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } // // Marlin / Pantheon Files // MarlinViewWindow { *:selected, *:selected:focus { color: $selected_fg_color; background-color: $selected_bg_color; outline-color: transparent; } GtkIconView.view:selected { &, &:focus, &:hover, &:focus:hover { background-color: transparent; } } FMListView, FMColumnView { outline-color: transparent; } } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; @include entry(header-normal); &:focus { @include entry(header-focus) } &:insensitive { @include entry(header-insensitive) } &:active, &:checked { color: $selected_bg_color; } } // // Gala // .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; .title, .label { color: #5c616c; } } // // Wingpanel // .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px transparentize(black, 0.4); icon-shadow: 0 1px 2px transparentize(black, 0.4); &-shadow { background-image: none; background-color: transparent; } .menu { box-shadow: none; .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .window-frame.menu.csd, .window-frame.popup.csd { box-shadow: 0 0 0 1px transparentize(black, 0.8), 0 10px 20px transparentize(black, 0.81), 0 6px 6px transparentize(black, 0.77); } } .menubar > .menuitem { padding: 3px 6px; &:hover { background-color: transparent; } } .window-frame.menu.csd, .window-frame.popup.csd { box-shadow: none; } } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px transparentize(black, 0.4); icon-shadow: 0 1px 2px transparentize(black, 0.4); > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .menuitem:active, .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1 } // Fixes sound indicator buttons // // Wingpanel Popover // WingpanelWidgetsIndicatorPopover.popover { padding: 0; text-shadow: none; icon-shadow: none; .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; border: solid transparent; border-width: 1px 0; GtkLabel, GtkImage { padding: 0 3px; } &:hover, &:active { background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95)); border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93)); border-width: 1px 0; } *:insensitive { color: $insensitive_fg_color; } } } // // Pantheon Terminal // PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } // // Switchboard // SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: $fg_color; } ================================================ FILE: common/gtk-3.0/3.16/sass/_colors-public.scss ================================================ //apps rely on some named colors to be exported // Sass thinks we're using the colors in the variables as strings and may shoot // warning, it's innocuous and can be defeated by using "" + $var @define-color theme_fg_color #{"" + $fg_color}; @define-color theme_text_color #{"" + $text_color}; @define-color theme_bg_color #{"" + $bg_color}; @define-color theme_base_color #{"" + $base_color}; @define-color theme_selected_bg_color #{"" + $selected_bg_color}; @define-color theme_selected_fg_color #{"" + $selected_fg_color}; @define-color fg_color #{"" + $fg_color}; @define-color text_color #{"" + $text_color}; @define-color bg_color #{"" + $bg_color}; @define-color base_color #{"" + $base_color}; @define-color selected_bg_color #{"" + $selected_bg_color}; @define-color selected_fg_color #{"" + $selected_fg_color}; @define-color insensitive_bg_color #{"" + $insensitive_bg_color}; @define-color insensitive_fg_color alpha(#{"" + opacify($insensitive_fg_color, 1)}, 0.5); @define-color insensitive_base_color #{"" + $base_color}; @define-color theme_unfocused_fg_color #{"" + $fg_color}; @define-color theme_unfocused_text_color #{"" + $text_color}; @define-color theme_unfocused_bg_color #{"" + $bg_color}; @define-color theme_unfocused_base_color #{"" + $base_color}; @define-color borders #{"" + $borders_color}; @define-color unfocused_borders #{"" + $borders_color}; @define-color warning_color #{"" + $warning_color}; @define-color error_color #{"" + $error_color}; @define-color success_color #{"" + $success_color}; @define-color placeholder_text_color #{#A8A8A8}; @define-color link_color #{"" + $link_color}; @define-color content_view_bg #{"" + $base_color}; //WM $wm_highlight: lighten(opacify($header_bg, 1), 3%); $wm_bg_unfocused: opacify($header_bg_backdrop, 1); @define-color wm_title alpha(#{"" + opacify($header_fg, 1)}, 0.8); @define-color wm_unfocused_title alpha(#{"" + opacify($header_fg, 1)}, 0.5); @define-color wm_bg #{"" + opacify($header_bg, 1)}; @define-color wm_bg_unfocused #{"" + $wm_bg_unfocused}; @define-color wm_highlight #{"" + $wm_highlight}; @define-color wm_shadow alpha(#{black}, 0.35); //WM Buttons // Close @define-color wm_button_close_bg #{"" + $wm_button_close_bg}; @define-color wm_button_close_hover_bg #{"" + $wm_button_close_hover_bg}; @define-color wm_button_close_active_bg #{"" + $wm_button_close_active_bg}; @define-color wm_icon_close_bg #{"" + $wm_icon_close_bg}; // Minimize, Maximize @define-color wm_button_hover_bg #{"" + $wm_button_hover_bg}; @define-color wm_button_active_bg #{"" + $wm_button_active_bg}; @define-color wm_button_hover_border #{"" + $wm_button_hover_border}; @define-color wm_icon_bg #{"" + $wm_icon_bg}; @define-color wm_icon_unfocused_bg #{"" + $wm_icon_unfocused_bg}; @define-color wm_icon_hover_bg #{"" + $wm_icon_hover_bg}; @define-color wm_icon_active_bg #{"" + $wm_icon_active_bg}; ================================================ FILE: common/gtk-3.0/3.16/sass/_colors.scss ================================================ // When color definition differs for dark and light variant, // it gets @if ed depending on $variant $base_color: if($variant =='light', #ffffff, #404552); $text_color: if($variant == 'light', #5c616c, #D3DAE3); $bg_color: if($variant =='light', #F5F6F7, #383C4A); $fg_color: if($variant =='light', #5c616c, #D3DAE3); $selected_fg_color: #ffffff; $selected_bg_color: #5294e2; $selected_borders_color: darken($selected_bg_color, 20%); $borders_color: if($variant =='light', darken($bg_color,9%), darken($bg_color,6%)); $link_color: if($variant == 'light', darken($selected_bg_color,10%), lighten($selected_bg_color,20%)); $link_visited_color: if($variant == 'light', darken($selected_bg_color,20%), lighten($selected_bg_color,10%)); $selection_mode_bg: if($transparency == 'true', transparentize($selected_bg_color, 0.05), $selected_bg_color); $selection_mode_fg: $selected_fg_color; $warning_color: #F27835; $error_color: #FC4138; $warning_fg_color: white; $error_fg_color: white; $success_color: #73d216; $destructive_color: #F04A50; $suggested_color: #4DADD4; $destructive_fg_color: white; $suggested_fg_color: white; $drop_target_color: #F08437; //insensitive state derived colors $insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); $insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); $header_bg: red; @if $transparency=='true' and $variant=='light' { $header_bg: transparentize(#e7e8eb, 0.05); } @if $transparency=='false' and $variant=='light' { $header_bg: #e7e8eb; } @if $transparency=='true' and ($variant=='dark' or $darker=='true') { $header_bg: transparentize(#2f343f, 0.03); } @if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343f; } $header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%)); $header_border: if($variant == 'light' and $darker=='false', darken($header_bg, 7%), darken($header_bg, 4%)); $header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%)); $header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg); $dark_sidebar_bg: if($transparency == 'true', transparentize(#353945, 0.05), #353945); $dark_sidebar_fg: #BAC3CF; $dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 5%)); $osd_fg_color: $dark_sidebar_fg; $osd_bg_color: $dark_sidebar_bg; $osd_button_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); $osd_button_border: transparentize(darken($osd_bg_color, 12%), 0.6); $osd_entry_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); $osd_entry_border: transparentize(darken($osd_bg_color, 12%), 0.6); $osd_insensitive_bg_color: darken($osd_bg_color, 3%); $osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); $osd_borders_color: transparentize(black, 0.3); $panel_bg: darken($dark_sidebar_bg, 4.7%); $panel_fg: $dark_sidebar_fg; $entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); $entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); $header_entry_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($base_color, 0.1)); $header_entry_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); $button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); $button_border: $entry_border; $header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($button_bg, 0.1)); $header_button_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); //WM Buttons // Close $wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f46067, #cc575d); $wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f68086, #d7787d); $wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #f13039, #be3841); $wm_icon_close_bg: if($variant == 'light' and $darker == 'false',#F8F8F9 , #2f343f); // Minimize, Maximize $wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #454C5C); $wm_button_active_bg: $selected_bg_color; $wm_button_hover_border: if($variant == 'light' and $darker == 'false', #D1D3DA, #262932); $wm_icon_bg: if($variant == 'light' and $darker == 'false', #90949E, #90939B); $wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #B6B8C0, #666A74); $wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #7A7F8B, #C4C7CC); $wm_icon_active_bg: $selected_fg_color; ================================================ FILE: common/gtk-3.0/3.16/sass/_common.scss ================================================ @function gtkalpha($c,$a) { @return unquote("alpha(#{$c},#{$a})"); } $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); $asset_suffix: if($variant=='dark', '-dark', ''); // use dark assets in dark variant $darker_asset_suffix: if($darker=='true', '-dark', $asset_suffix); * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: $error_color; -GtkPaned-handle-size: 1; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: $link_color; -GtkWidget-visited-link-color: $link_visited_color; -GtkWidget-focus-padding: 2; // FIXME: do we still need these? -GtkWidget-focus-line-width: 1; // -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; // We use the outline properties to signal the focus properties outline-color: transparentize($fg_color, 0.7); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } // // Base States // .background { color: $fg_color; background-color: if($transparency == 'true', transparentize($bg_color, 0.001), $bg_color); // without this headerbar transparency doesn't seem to work } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: $bg_color; color: $fg_color; &:prelight { background-color: lighten($bg_color, 10%); color: $fg_color; } &:active { background-color: darken($bg_color, 10%); color: $fg_color; } &:insensitive { background-color: $insensitive_bg_color; color: $insensitive_fg_color; } &:selected { background-color: $selected_bg_color; color: $selected_fg_color; } } .view { color: $text_color; background-color: $base_color; &:selected, &:selected:focus, &:selected:hover { @extend %selected_items; } &.dim-label { color: transparentize($text_color, 0.45); &:selected, &:selected:focus { color: transparentize($selected_fg_color, 0.35); text-shadow: none; } } } .rubberband { border: 1px solid $selected_bg_color; background-color: transparentize($selected_bg_color,0.8); } .label { &.separator { color: $fg_color; @extend .dim-label; } &:selected, &:selected:focus, &:selected:hover { @extend %selected_items; } &:insensitive { color: $insensitive_fg_color; } } .dim-label { opacity: 0.55; } GtkAssistant { .sidebar { background-color: $base_color; border-top: 1px solid $borders_color; &:dir(ltr) { border-right: 1px solid $borders_color; } &:dir(rtl) { border-left: 1px solid $borders_color; } } &.csd .sidebar { border-top-style: none; } .sidebar .label { padding: 6px 12px; } .sidebar .label.highlight { background-color: $selected_bg_color; color: $selected_fg_color; } } GtkTextView { // This will get overridden by .view, needed by gedit line numbers background-color: mix($bg_color, $base_color, 50%); } .grid-child { padding: 3px; border-radius: 3px; &:selected { @extend %selected_items; outline-offset: -2px; } } %osd, .osd { color: $osd_fg_color; border: none; background-color: $osd_bg_color; background-clip: padding-box; outline-color: transparentize($osd_fg_color, 0.7); box-shadow: none; } // // Spinner Animations // @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; // non spinning spinner makes no sense -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); &:active { opacity: 1; animation: spin 1s linear infinite; &:insensitive { opacity: 0.5; } } } $vert_padding: 5px; // // Text Entries // .entry { border: 1px solid; padding: $vert_padding 8px; border-radius: 3px; transition: all 200ms $ease-out-quad; @include entry(normal); &.image { // icons inside the entry &.left { padding-left: 0; } &.right { padding-right: 0; } } &.flat, &.flat:focus { padding: 2px; @include entry(normal); border: none; border-radius: 0; } &:focus { background-clip: border-box; @include entry(focus); } &:insensitive { @include entry(insensitive); } &:selected, &:selected:focus { background-color: $selected_bg_color; color: $selected_fg_color; } &.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: $selected_bg_color; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .linked > & { //FIXME: use same buttons linking logic and template &:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; &:dir(rtl) { border-right-style: none;} } &:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; &:dir(rtl) { border-left-style: solid; } } } @each $e_type, $e_color, $e_fg_color in (warning, $warning_color, $warning_fg_color), (error, $error_color, $error_fg_color) { &.#{$e_type} { color: $selected_fg_color; border-color: if($variant=='light', $e_color, $entry_border); background-image: linear-gradient(to bottom, mix($e_color, $base_color, 60%)); &:focus { color: $e_fg_color; background-image: linear-gradient(to bottom, $e_color); box-shadow: none; } &:selected, &:selected:focus { background-color: $e_fg_color; color: $e_color; } } } &.image { // entry icons colors color: mix($fg_color,$base_color,80%); } .linked.vertical > & { //FIXME comment stuff and make the whole thing smarter. border-bottom-color: mix($borders_color, $base_color, 30%); box-shadow: none; @extend %linked_vertical; &:focus { border-color: $selected_bg_color; box-shadow: 0 -1px 0 0 $selected_bg_color; @extend %linked_vertical; } &:insensitive { border-bottom-color: mix($borders_color, $base_color, 30%); @extend %linked_vertical; } &:first-child { border-bottom-color: mix($borders_color, $base_color, 30%); &:focus { border-bottom-color: $selected_bg_color; box-shadow: none; } &:insensitive { border-bottom-color: mix($borders_color, $base_color, 30%); @extend %linked_vertical:first-child; } } &:last-child { border-bottom-color: rgba(0,0,0,0.14); &:focus { border-bottom-color: $selected_bg_color; box-shadow: 0 -1px 0 0 $selected_bg_color; @extend %linked_vertical:last-child; } &:insensitive { border-bottom-color: rgba(0,0,0,0.14); @extend %linked_vertical:last-child; } } } .osd & { @include entry(osd); &:focus { @include entry(osd-focus); } &:insensitive { @include entry(osd-insensitive); } } } GtkSearchEntry.entry { border-radius: 20px; } // // Buttons // // stuff for .needs-attention $_dot_color: $selected_bg_color; @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to($_dot_color), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to($selected_bg_color), to(transparent)); } } .button { $_button_transition: all 200ms $ease-out-quad; transition: $_button_transition; border: 1px solid; border-radius: 3px; padding: $vert_padding 8px; @include button(normal); &.flat { @include button(undecorated); background-color: transparentize($button_bg, 1); border-color: transparentize($button_border, 1); // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but // it won't fade out when the pointer leave the button allocation area. To make the transition more evident // in this case the duration is increased. transition: none; &:hover { transition: $_button_transition; transition-duration: 350ms; &:active { transition: $_button_transition; } } } &:hover { @include button(hover); -gtk-image-effect: highlight; } &:active, &:checked { background-clip: if($variant=='light', border-box, padding-box); @include button(active); transition-duration: 50ms; } //Webkitgtk workaround start &:active { color: $fg_color; } &:active:hover, &:checked { color: $selected_fg_color; } //Webkitgtk workaround end &.flat:insensitive { @include button(undecorated); } &:insensitive { @include button(insensitive); &:active, &:checked { @include button(insensitive-active); } } // big standalone buttons like in Documents pager &.osd { color: $osd_fg_color; outline-color: transparentize($osd_fg_color, 0.7); background-color: $osd_bg_color; border-color: darken($osd_bg_color, 8%); &.image-button { padding: 10px; } &:hover { color: $selected_bg_color; } &:active, &:checked { @include button(osd-active); } &:insensitive { @include button(osd-insensitive); } } //overlay / OSD style .osd & { @include button(osd); // there's a problem with sass which prevents it to extend the linked // placeholder as expected, it should just be "@extend %linked;", the // placeholder is basically replicated here // // Workaround START border-radius: 0; border-left-style: none; border-right-style: none; &:dir(rtl) { border-radius: 0; border-right-style: none; border-left-style: none } &:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } &:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; &:dir(rtl) { border-left-style: solid; } } &:only-child { border-radius: 3px; border-style: solid; } // Workaround END &:hover { @include button(osd-hover); @extend %linked; &, &:first-child, &:last-child { box-shadow: none; } } &:active, &:checked { background-clip: padding-box; @include button(osd-active); @extend %linked; } &:insensitive { @include button(osd-insensitive); @extend %linked; } &.flat { @include button(undecorated); box-shadow: none; &:hover { @include button(osd-hover); &, &:first-child, &:last-child { box-shadow: none; } } &:insensitive { @include button(osd-insensitive); background-image: none; } &:active, &:checked { @include button(osd-active); } } } // Suggested and Destructive Action buttons @each $b_type, $b_color, $b_fg in (suggested-action, $suggested_color, $suggested_fg_color), (destructive-action, $destructive_color, $destructive_fg_color) { &.#{$b_type} { @include button(suggested_destructive, $b_color, $b_fg); &.flat { @include button(undecorated); color: $b_color; outline-color: transparentize($b_color, 0.7); } &:hover { @include button(suggested_destructive, lighten($b_color, 10%), $b_fg); } &:active, &:checked { @include button(suggested_destructive, darken($b_color, 10%), $b_fg); } &.flat:insensitive { @include button(undecorated); color: $insensitive_fg_color; } &:insensitive { @include button(insensitive); } } } &.image-button { padding: 2px + $vert_padding; } .header-bar &.image-button { padding: 2px + $vert_padding 10px; } &.text-button { padding-left: 16px; padding-right: 16px; } &.text-button.image-button { // those buttons needs uneven horizontal padding, we want the icon side // to have the image-button padding, while the text side the text-button // one, so we're adding the missing padding to the label depending on // its position inside the button padding: $vert_padding 8px; // same as .button GtkLabel:first-child { padding-left: 8px; } GtkLabel:last-child { padding-right: 8px; } } .stack-switcher > & { // to position the needs attention dot, padding is added to the button // child, a label needs just lateral padding while an icon needs vertical // padding added too. outline-offset: -3px; // needs to be set or it gets overridden by GtkRadioButton outline-offset > GtkLabel { padding-left: 6px; // label padding padding-right: 6px; // } > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: $vert_padding - 2px; padding-bottom: $vert_padding - 2px; } &.text-button { padding: $vert_padding 10px; } // needed or it will get overridden &.image-button { padding: $vert_padding - 3px 4px; } &.needs-attention > .label, &.needs-attention > GtkImage { @extend %needs_attention; } &.needs-attention:active > .label, &.needs-attention:active > GtkImage, &.needs-attention:checked > .label, &.needs-attention:checked > GtkImage { animation: none; background-image: none; } } %needs_attention { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to($_dot_color), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; @if $variant == 'light' { background-position: right 3px, right 4px; } @else { background-position: right 3px, right 2px; } &:dir(rtl) { @if $variant == 'light' { background-position: left 3px, left 4px; } @else { background-position: left 3px, left 2px; } } } //inline-toolbar buttons .inline-toolbar &, .inline-toolbar &:backdrop { border-radius: 2px; border-width: 1px; @extend %linked; } .linked > &, .linked > &:hover, .linked > &:active, .linked > &:checked { @extend %linked; } .linked.vertical > &, .linked.vertical > &:hover, .linked.vertical > &:active, .linked.vertical > &:checked { @extend %linked_vertical; } } // all the following is for the +|- buttons on inline toolbars, that way // should really be deprecated... .inline-toolbar GtkToolButton > .button { // redefining the button look is // needed since those are flat... @include button(normal); &:hover { @include button(hover); } &:active, &:checked{ @include button(active); } &:insensitive { @include button(insensitive); } &:insensitive:active, &:insensitive:checked { @include button(insensitive-active); } } // More inline toolbar buttons .inline-toolbar.toolbar GtkToolButton { & > .button.flat { @extend %linked_middle; } &:dir(rtl) > .button.flat { @extend %linked_middle:dir(rtl); } &:first-child > .button.flat { @extend %linked:first-child; } &:last-child > .button.flat { @extend %linked:last-child; } &:last-child:dir(rtl) > .button.flat { @extend %linked:last-child:dir(rtl); } &:only-child > .button.flat { @extend %linked:only-child; } } $_linked_separator_color: if($variant=='light', transparentize($button_border, 0.6), transparentize($button_border, 0.5)); %linked_middle { border-radius: 0; border-left-style: none; border-right-style: none; &:hover { box-shadow: inset 1px 0 $_linked_separator_color, inset -1px 0 $_linked_separator_color; } &:active, &:checked { box-shadow: none; } &:dir(rtl) { border-radius: 0; // needed when including %linked_middle:dir(rtl) } } %linked { @extend %linked_middle; &:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; &:hover { box-shadow: inset -1px 0 $_linked_separator_color; } &:active, &:checked { box-shadow: none; } } &:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; &:hover { box-shadow: inset 1px 0 $_linked_separator_color; } &:active, &:checked { box-shadow: none; } &:dir(rtl) { border-bottom-left-radius: 0; } } &:only-child { border-radius: 3px; border-style: solid; &:hover { box-shadow: none; } &:active, &:checked { box-shadow: none; } } } %linked_vertical_middle { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; &:hover { box-shadow: inset 0 -1px $_linked_separator_color, inset 0 1px $_linked_separator_color; } &:active, &:checked { box-shadow: none; } } %linked_vertical{ @extend %linked_vertical_middle; &:first-child { border-radius: 3px 3px 0 0; border-top-style: solid; &:hover { box-shadow: inset 0 -1px $_linked_separator_color; } &:active, &:checked { box-shadow: none; } } &:last-child { border-radius: 0 0 3px 3px; border-bottom-style: solid; &:hover { box-shadow: inset 0 1px $_linked_separator_color; } &:active, &:checked { box-shadow: none; } } &:only-child { border-radius: 3px; border-style: solid; &:hover { box-shadow: none; } &:active, &:checked { box-shadow: none; } } } %undecorated_button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } /* menu buttons */ .menuitem.button.flat { transition: none; @extend %undecorated_button; outline-offset: -1px; border-radius: 2px; &:hover { background-color: if($variant=='light', mix($fg_color,$bg_color,5%), mix($fg_color,$bg_color,10%)); } &:active, &:selected { @extend %selected_items; } &:checked { color: $fg_color; } } // // Links // *:link { color: $link_color; &:visited { color: $link_visited_color; *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } } &:hover { color: lighten($link_color,10%); *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); } } &:active { color: $link_color; *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } } &:selected, *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } } .button:link, .button:visited { @extend %undecorated_button; @extend *:link; &:hover, &:active, &:checked { @extend %undecorated_button; } } // // Spinbuttons // .spinbutton { border-radius: 3px; .button { background-image: none; border: 1px solid transparentize($borders_color,0.4); border-style: none none none solid; color: mix($fg_color,$base_color,95%); border-radius: 0; box-shadow: none; &:dir(rtl) { border-style: none solid none none; } &:first-child { color: red; } &:insensitive { color: $insensitive_fg_color; } &:active { background-color: $selected_bg_color; color: $selected_fg_color; } } // .osd & { // .button { // @include button(undecorated); // color: $osd_fg_color; // border-style: none none none solid; // border-color: transparentize($osd_borders_color, 0.3); // border-radius: 0; // box-shadow: none; // &:dir(rtl) { border-style: none solid none none; } // &:hover { // @include button(undecorated); // color: $osd_fg_color; // border-color: transparentize(opacify($osd_borders_color, 1), 0.5); // background-color: transparentize($osd_fg_color, 0.9); // box-shadow: none; // } // &:insensitive { // @include button(undecorated); // color: $osd_insensitive_fg_color; // border-color: transparentize(opacify($osd_borders_color, 1), 0.5); // box-shadow: none; // } // &:last-child { border-radius: 0 2px 2px 0; } // &:dir(rtl):first-child { border-radius: 2px 0 0 2px; } // } // } &.vertical, &.vertical:dir(rtl) { .button { &:first-child { @extend %top_button; @include button(normal); &:active { @extend %top_button; @include button(active); } &:hover { @extend %top_button; @include button(hover); } &:insensitive { @extend %top_button; @include button(insensitive); } } &:last-child { @extend %bottom_button; @include button(normal); &:active { @extend %bottom_button; @include button(active); } &:hover { @extend %bottom_button; @include button(hover); } &:insensitive { @extend %bottom_button; @include button(insensitive); } } } &.entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } %top_button { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } %bottom_button { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } } GtkTreeView & { &.entry, &.entry:focus { padding: 1px; border-width: 1px 0; border-color: $selected_bg_color; border-radius: 0; box-shadow: none; } } } // // Comboboxes // GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; > .the-button-in-the-combobox { // Otherwise combos padding-top: $vert_padding - 2px; // are bigger than padding-bottom: $vert_padding - 2px; // buttons } &:insensitive { color: $insensitive_fg_color; } .separator.vertical { // always disable separators -GtkWidget-wide-separators: true; } &.combobox-entry .entry { @extend %linked; &:dir(ltr) { border-right-style: none; @if $variant=='light' { &:focus { box-shadow: 1px 0 $selected_bg_color; } } } &:dir(rtl) { border-left-style: none; @if $variant=='light' { &:focus { box-shadow: -1px 0 $selected_bg_color; } } } } &.combobox-entry .button { @extend %linked; &:dir(ltr) { box-shadow: inset 1px 0 $button_border; &:insensitive { box-shadow: inset 1px 0 transparentize($button_border, 0.45); } } &:dir(rtl) { box-shadow: inset -1px 0 $button_border; &:insensitive { box-shadow: inset -1px 0 transparentize($button_border, 0.45); } } } } .linked > GtkComboBox > .button { // 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 &:dir(ltr) { @extend %linked_middle; } // specificity bump &:dir(rtl) { @extend %linked_middle:dir(rtl); } } .linked > GtkComboBox:first-child > .button { @extend %linked:first-child; } .linked > GtkComboBox:last-child > .button { @extend %linked:last-child; } .linked > GtkComboBox:only-child > .button { @extend %linked:only-child; } .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { @extend %linked_vertical_middle; } .linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { @extend %linked_vertical:first-child; } .linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { @extend %linked_vertical:last-child; } .linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { @extend %linked_vertical:only-child; } // // Toolbars // .toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: $bg_color; .osd &, &.osd { padding: 7px; border: 1px solid transparentize(black, 0.5); border-radius: 3px; background-color: transparentize($osd_bg_color, 0.1); } } .primary-toolbar { color: $header_fg; background-color: opacify($header_bg, 1); box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, opacify($header_bg, 1), darken($header_bg, 7%)) 1 0 1 0; //temporary hack for rhythmbox 3.1 //&:backdrop { background-color: opacify($header_bg_backdrop, 1); } .separator { @extend %header_separator; } @extend %header_widgets; } .inline-toolbar { @extend .toolbar; background-color: darken($bg_color, 3%); border-style: solid; border-color: $borders_color; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: $bg_color; border-style: solid; border-color: $borders_color; border-width: 0 0 1px; padding: 3px; //box-shadow: inset 0 1px 2px rgba(0,0,0,0.25); } .action-bar { background-color: darken($bg_color, 3%) } // // Headerbars // .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: opacify($header_border, 1); color: $header_fg; background-color: opacify($header_bg, 1); .csd & { // Transparent header-bars only in csd windows background-color: $header_bg; border-color: $header_border; } &:backdrop { color: transparentize($header_fg, 0.3); } .title { padding-left: 12px; padding-right: 12px; } .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; @extend .dim-label; } // Selectionmode &.selection-mode, &.titlebar.selection-mode { color: $selection_mode_fg; background-color: $selection_mode_bg; border-color: darken($selection_mode_bg, 4%); box-shadow: none; &:backdrop { background-color: $selection_mode_bg; color: transparentize($selection_mode_fg, 0.4); } .subtitle:link { @extend *:link:selected; } .button { color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); background-color: transparentize($selected_fg_color, 1); border-color: transparentize($selected_fg_color, 1); &.flat { @include button(undecorated); color: $selected_fg_color; background-color: transparentize($selected_fg_color, 1); } &:hover { color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); background-color: transparentize($selected_fg_color, 0.95); border-color: transparentize($selected_fg_color, 0.5); } &:active, &:checked { color: $selection_mode_bg; outline-color: transparentize($selection_mode_bg, 0.7); background-color: $selected_fg_color; border-color: $selected_fg_color; } &:insensitive { color: transparentize($selected_fg_color, 0.6); background-color: transparentize($selected_fg_color, 1); border-color: transparentize($selected_fg_color, 1); &:active, &:checked { color: transparentize($selection_mode_bg, 0.6); background-color: transparentize($selected_fg_color, 0.85); border-color: transparentize($selected_fg_color, 0.85); } } } .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; GtkArrow { -GtkArrow-arrow-scaling: 1; } .arrow { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } } .maximized & { background-color: opacify($selection_mode_bg, 1); } } .tiled &, .tiled &:backdrop, .maximized &, .maximized &:backdrop { border-radius: 0; // squared corners when the window is max'd or tiled } .maximized & { background-color: opacify($header_bg, 1); border-color: opacify($header_border, 1); } &.default-decoration, .csd &.default-decoration, // needed under wayland, since all gtk3 windows are csd windows &.default-decoration:backdrop, .csd &.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: opacify($header_bg, 1); border-bottom-width: 0; .maximized & { background-color: opacify($header_bg, 1); } } } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); color: $header_fg; background-color: opacify($header_bg, 1); box-shadow: inset 0 1px lighten($header_bg, 3%); .csd & { background-color: $header_bg; } &:backdrop { color: transparentize($header_fg, 0.3); background-color: opacify($header_bg_backdrop, 1); .csd & { background-color: $header_bg_backdrop; } } .maximized & { background-color: opacify($header_bg, 1); &:backdrop, .csd &:backdrop { background-color: opacify($header_bg_backdrop, 1); } } } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } // Only extending .header-bar avoids some problems (Gnome Documents searchbar) .header-bar { .header-bar-separator, & > GtkBox > .separator.vertical { @extend %header_separator; } @extend %header_widgets; } %header_separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, transparentize($header_fg, 1) 25%, transparentize($header_fg, 0.65) 25%, transparentize($header_fg, 0.65) 75%, transparentize($header_fg, 1) 75%) 0 1/0 1px stretch; &:backdrop { opacity: 0.6; } } %header_widgets { // Headerbar Entries .entry { @include entry(header-normal); &:backdrop { opacity: 0.85; } &:focus { @include entry(header-focus); background-clip: if($darker=='false' and $variant=='light', border-box, padding-box); &.image { color: $selected_fg_color; } } &:insensitive { @include entry(header-insensitive); } &:selected:focus { background-color: $selected_fg_color; color: $selected_bg_color; } &.progressbar { border-color: $selected_bg_color; background-image: none; background-color: transparent; } @each $e_type, $e_color, $e_fg_color in (warning, $warning_color, $warning_fg_color), (error, $error_color, $error_fg_color) { &.#{$e_type} { color: $e_fg_color; border-color: if($darker=='false' and $variant=='light', $e_color, $header_entry_border); background-image: linear-gradient(to bottom, mix($e_color, $header_bg, 60%)); &:focus { color: $e_fg_color; background-image: linear-gradient(to bottom, $e_color); } &:selected, &:selected:focus { background-color: $e_fg_color; color: $e_color; } } } } // Headerbar Buttons .button { @include button(header-normal); &:backdrop { opacity: 0.7; } &:hover { @include button(header-hover); } &:active, &:checked { @include button(header-active); background-clip: if($darker=='false' and $variant=='light', border-box, padding-box); } &:insensitive { @include button(header-insensitive); } &:insensitive:active, &:insensitive:checked { @include button(header-insensitive-active); } } .linked > .button { border-radius: 3px; border-style: solid} .linked > .button:hover { box-shadow: none; } .linked.stack-switcher > .button, .linked.path-bar > .button { $_linked_separator_color: $header_button_border; @include button(header-hover); &:hover { background-color: lighten($header_button_bg, 15%); } &:active, &:checked { @include button(header-active); } &:insensitive { color: transparentize($header_fg, 0.4); } @extend %linked; &:hover { box-shadow: inset 1px 0 $_linked_separator_color, inset -1px 0 $_linked_separator_color; } &:active, &:checked { box-shadow: none; } &:first-child { &:hover { box-shadow: inset -1px 0 $_linked_separator_color; } &:active, &:checked { box-shadow: none; } } &:last-child { &:hover { box-shadow: inset 1px 0 $_linked_separator_color; } &:active, &:checked { box-shadow: none; } } &:only-child { &:hover { box-shadow: none; } &:active, &:checked { box-shadow: none; } } } // Headerbar Suggested and Destructive Action buttons @each $b_type, $b_color, $b_fg in (suggested-action, $suggested_color, $suggested_fg_color), (destructive-action, $destructive_color, $destructive_fg_color) { .button.#{$b_type} { @include button(suggested_destructive, $b_color, $b_fg); &.flat { @include button(undecorated); color: $b_color; outline-color: transparentize($b_color, 0.7); } &:hover { @include button(suggested_destructive, lighten($b_color, 10%), $b_fg); } &:active, &:checked { @include button(suggested_destructive, darken($b_color, 10%), $b_fg); } &.flat:insensitive, &:insensitive { @include button(header-insensitive); } } .button.#{$b_type}:backdrop, .button.#{$b_type}:backdrop { opacity: 0.8; } } // Headerbar Spinbuttons & .spinbutton { &:focus .button { color: $selected_fg_color; &:hover { background-color: transparentize($selected_fg_color, 0.9); border-color: transparent; } &:insensitive { color: transparentize($selected_fg_color, 0.6); } } .button { color: $header_fg; &:hover { background-color: transparentize($header_fg, 0.75); border-color: transparent; } &:insensitive { color: transparentize($header_fg, 0.3); } &:active { background-color: rgba(0,0,0,0.1); } } } // Headerbar ComboBoxes & GtkComboBox{ &:insensitive { color: transparentize($header_fg, 0.6); } &.combobox-entry .button { @include entry(header-normal); &:hover { @include entry(header-focus); box-shadow: none; } &:insensitive { @include entry(header-insensitive); } } &.combobox-entry .entry { &:dir(ltr) { &:focus { box-shadow: none; } } &:dir(rtl) { &:focus { box-shadow: none; } } } &.combobox-entry .button { &:dir(ltr) { box-shadow: inset 1px 0 $header_button_border; &:insensitive { box-shadow: inset 1px 0 transparentize($header_button_border, 0.45); } } &:dir(rtl) { box-shadow: inset -1px 0 $header_button_border; &:insensitive { box-shadow: inset -1px 0 transparentize($header_button_border, 0.45); } } } } // Headerbar Switches GtkSwitch { &:backdrop { opacity: 0.75; } } GtkProgressBar { &.trough { background-color: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.05), $header_button_border); } &:backdrop { opacity: 0.75; } } // Headerbar Scale .scale { &:backdrop { opacity: 0.75; } &.trough { $_trough_bg: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.05), $header_button_border); background-image: linear-gradient(to bottom, $_trough_bg); &:insensitive { background-image: linear-gradient(to bottom, if($variant=='light' and $darker=='false', transparentize($_trough_bg, 0.05), transparentize($_trough_bg, 0.1))); } } &.slider { $_slider_border: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.2), opacify($header_button_border, 0.3)); $_slider_bg: if($variant=='light' and $darker=='false', opacify($header_button_bg,1), lighten(opacify($header_bg,1), 10%)); background-image: linear-gradient(to bottom, $_slider_bg); border-color: $_slider_border; &:hover { background-image: linear-gradient(to bottom, lighten($_slider_bg, 5%)); border-color: $_slider_border; } &:active { background-image: linear-gradient(to bottom, $selected_bg_color); border-color: $selected_bg_color; } &:insensitive { background-image: linear-gradient(to bottom, mix($_slider_bg, $header_bg, 70%)); border-color: $_slider_border; } } } } // // Pathbars // .path-bar .button { padding: 5px 10px; &:first-child { padding-left: 10px; } &:last-child { padding-right: 10px; } &:only-child { padding-left: 14px; padding-right: 14px; } // the following is for spacing the icon and the label inside the home button GtkLabel:last-child { padding-left: 4px; } GtkLabel:first-child { padding-right: 4px; } GtkLabel:only-child, GtkLabel { padding-right: 0; padding-left: 0; } GtkImage { padding-top: 2px; padding-bottom: 1px; } } // // Tree Views // GtkTreeView.view { // treeview grid lines and expanders, unfortunatelly // the tree lines color can't be set -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: transparentize($fg_color, 0.85); // this is actually the tree lines color, border-top-color: transparentize(black, 0.9); // while this is the grid lines color, better then nothing &:selected { border-radius: 0; border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunatelly } &:insensitive { color: $insensitive_fg_color; &:selected { color: mix($selected_fg_color, $selected_bg_color, 40%); } } &.dnd { border-style: solid none; border-width: 1px; border-color: mix($fg_color, $selected_bg_color, 50%); } &.expander { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } color: mix($fg_color, $base_color, 50%); &:hover { color: $fg_color; } &:selected { color: mix($selected_fg_color, $selected_bg_color, 70%); &:hover { color: $selected_fg_color; } } &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } } &.progressbar, &.progressbar:focus { // progress bar in treeviews color: $selected_fg_color; border-radius: 3px; background-image: linear-gradient(to bottom, $selected_bg_color); &:selected, &:selected:focus { color: $selected_bg_color; box-shadow: none; background-image: linear-gradient(to bottom, $selected_fg_color); } } &.trough { // progress bar trough in treeviews color: $fg_color; background-image: linear-gradient(to bottom, $button_border); border-radius: 3px; border-width: 0; &:selected, &:selected:focus { color: $selected_fg_color; background-image: linear-gradient(to bottom, transparentize(black, 0.8)); border-radius: 3px; border-width: 0; } } } column-header { .button { @extend %column_header_button; $_column_header_color: mix($fg_color,$base_color,80%); color: $_column_header_color; background-color: $base_color; &:hover { @extend %column_header_button; color: $selected_bg_color; box-shadow: none; transition: none; //I shouldn't need this } &:active { @extend %column_header_button; color: $fg_color; transition: none; //I shouldn't need this } &.dnd { @extend column-header.button.dnd; } } &:last-child .button, &:last-child.button { //treeview-like derived widgets in Banshee and Evolution border-right-style: none; border-image: none; } } column-header.button.dnd { // for treeview-like derive widgets transition: none; color: $selected_bg_color; box-shadow: inset 1px 1px 0 1px $selected_bg_color, inset -1px 0 0 1px $selected_bg_color, inset 1px 1px $base_color, inset -1px 0 $base_color;; &:active { @extend column-header.button.dnd; } &:selected { @extend column-header.button.dnd; } &:hover { @extend column-header.button.dnd; } } %column_header_button { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, transparentize(if($variant == 'light', black, white), 1) 20%, transparentize(if($variant == 'light', black, white), 0.89) 20%, transparentize(if($variant == 'light', black, white), 0.89) 80%, transparentize(if($variant == 'light', black, white), 1) 80%) 0 1 0 0 / 0 1px 0 0 stretch; &:active, &:hover { background-color: $base_color; } &:active:hover { color: $fg_color; } &:insensitive { border-color: $bg_color; background-image: none; } } // // Menus // .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: opacify($header_bg, 1); color: $header_fg; &:backdrop { color: transparentize($header_fg, 0.3); //background-color: opacify($header_bg_backdrop, 1); } & > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; &:hover { //Seems like it :hover even with keyboard focus background-color: $selected_bg_color; color: $selected_fg_color; } &:insensitive { color: transparentize($header_fg, 0.6); border-color: transparent; } } } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: if($variant=='light', $base_color, $bg_color); border: 1px solid $borders_color; .csd & { padding: 4px 0px; border-radius: 2px; border: none; } .menuitem { padding: 5px; &:hover { color: $selected_fg_color; background-color: $selected_bg_color; } &:insensitive { color: $insensitive_fg_color; } &.separator { color: transparentize($base_color, 1); } //submenu indicators &.arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } &.arrow:dir(rtl) {-gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); } } &.button { // overlow buttons @extend %undecorated_button; border-style: none; border-radius: 0; &.top { border-bottom: 1px solid mix($fg_color, $base_color, 10%); } &.bottom { border-top: 1px solid mix($fg_color, $base_color, 10%); } &:hover { background-color: mix($fg_color, $base_color, 10%); } &:insensitive { color: transparent; background-color: transparent; border-color: transparent ; } } } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: gtkalpha(currentColor,0.55); } // // Popovers // .popover { padding: 2px; border: 1px solid darken($borders_color, 5%); border-radius: 3px; background-clip: border-box; background-color: if($variant=='light', $base_color, $bg_color); box-shadow: 0 2px 6px 1px if($variant=='light', transparentize(black, 0.93), transparentize(black, 0.65)); & .separator { color: transparentize($base_color, 1); } .label.separator { @extend .label.separator; } // Noice > .list, > .view, > .toolbar, &.osd > .toolbar { border-style: none; background-color: transparent; } &.osd { @extend %osd; } } //touch selection handlebars for the Popover.osd above .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; &.top { -gtk-icon-source: -gtk-icontheme('selection-start-symbolic'); } &.bottom { -gtk-icon-source: -gtk-icontheme('selection-end-symbolic'); } } // // Notebooks and Tabs // .notebook { padding: 0; background-color: $base_color; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms $ease-out-quad; &.frame { border: 1px solid $borders_color; &.top { border-top-width: 0; } &.bottom { border-bottom-width: 0; } &.right { border-right-width: 0; } &.left { border-left-width: 0; } } &.header { background-color: $bg_color; // this is the shading of the header behind the tabs &.frame { border: 0px solid $borders_color; &.top { border-bottom-width: 0; } &.bottom { border-top-width: 0; } &.right { border-left-width: 0; } &.left { border-right-width: 0; } } $_header_border: $borders_color; &.top { box-shadow: inset 0 -1px $_header_border; } &.bottom { box-shadow: inset 0 1px $_header_border; } &.right { box-shadow: inset 1px 0 $_header_border; } &.left { box-shadow: inset -1px 0 $_header_border; } } tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; // tab sizing $vpadding: 4px; $hpadding: 15px; //FIXME: we get double border in some cases, not considering the broken //notebook content frame... &.top, &.bottom { padding: $vpadding $hpadding; } &.left, &.right { padding: $vpadding $hpadding; } &.reorderable-page { &.top, &.bottom { padding-left: 12px; // for a nicer close button padding-right: 12px; // placement } } @each $_tab in (top, bottom, right, left) { &.reorderable-page.#{$_tab}, &.#{$_tab} { @if $_tab==top or $_tab==bottom { padding-#{$_tab}: $vpadding + 2; } @else if $_tab==left or $_tab==right { padding-#{$_tab}: $hpadding + 2; } @if $_tab==top { border-radius: 3.5px 2px 0 0; } @else if $_tab==bottom { border-radius: 0 0 2px 3.5px; } @else if $_tab==left { border-radius: 3.5px 0 0 3.5px; } @else if $_tab==right { border-radius: 0 3.5px 3.5px 0; } border-width: 0; border-#{$_tab}-width: 2px; border-color: transparent; background-color: transparentize($base_color, 1); &:hover, &.prelight-page { background-color: transparentize($base_color, 0.5); box-shadow: inset 0 1px $borders_color, inset 0 -1px $borders_color, inset 1px 0 $borders_color, inset -1px 0 $borders_color; } &:active, &.active-page, &.active-page:hover { background-color: $base_color; @if $_tab==top { box-shadow: inset 0 1px $borders_color, inset 0 -1px $base_color, inset 1px 0 $borders_color, inset -1px 0 $borders_color; } @else if $_tab==bottom { box-shadow: inset 0 -1px $base_color, inset 0 -1px $borders_color, inset 1px 0 $borders_color, inset -1px 0 $borders_color; } @else if $_tab==left { box-shadow: inset 0 1px $borders_color, inset 0 -1px $borders_color, inset 1px 0 $borders_color, inset -1px 0 $base_color; } @else if $_tab==right { box-shadow: inset 0 1px $borders_color, inset 0 -1px $borders_color, inset 1px 0 $base_color, inset -1px 0 $borders_color; } } } } GtkLabel { //tab text padding: 0 2px; // needed for a nicer focus ring color: $insensitive_fg_color; } .prelight-page GtkLabel, GtkLabel.prelight-page { // prelight tab text color: mix($fg_color, $insensitive_fg_color, 50%); } .active-page GtkLabel, GtkLabel.active-page { // active tab text color: $fg_color; } .button { //tab close button padding: 0; @extend %undecorated_button; color: mix($bg_color, $fg_color, 35%); &:hover { color: lighten(red, 15%); } &:active { color: $selected_bg_color; } & > GtkImage { // this is a hack which makes tabs grow padding: 2px; } } } &.arrow { color: $insensitive_fg_color; &:hover { color: mix($fg_color, $insensitive_fg_color, 50%); } &:active { color: $fg_color; } &:insensitive { color: transparentize($insensitive_fg_color,0.3); } } } // // Scrollbars // $_scrollbar_bg_color: darken($base_color, 1%); .scrollbar { -GtkRange-slider-width: 13; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 42; // minimum size for the slider. // sadly can't be in '.slider' // where it belongs -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; $_slider_margin: 3px; $_slider_fine_tune_margin: 4px; .button { border: none; } &.overlay-indicator { &:not(.dragging):not(.hovering) { // Overlay scrolling indicator opacity: 0.4; -GtkRange-slider-width: 6px; .slider { margin: 0; background-color: mix($fg_color, $bg_color, 70%); border: 1px solid if($variant == 'light', transparentize(white, 0.4), transparentize(black, 0.7)); background-clip: padding-box; } .trough { border-style: none; background-color: transparent; } // w/o the following margin tweaks the slider shrinks when hovering/dragging &.vertical .slider { margin-top: $_slider_margin - 1px; margin-bottom: $_slider_margin - 1px; } &.horizontal .slider { margin-left: $_slider_margin - 1px; margin-right: $_slider_margin - 1px; } } &.dragging, &.hovering { opacity: 0.99; } } // trough coloring .trough { background-color: $_scrollbar_bg_color; border: 1px none $borders_color; } // slider coloring .slider { background-color: mix($fg_color, $bg_color, 40%); &:hover { background-color: mix($fg_color, $bg_color, 30%); } &:prelight:active, &:active { background-color: $selected_bg_color;} &:insensitive { background-color: transparent; } } // sizing .slider { border-radius: 100px; margin: $_slider_margin; } &.fine-tune .slider { margin: $_slider_fine_tune_margin; } &.vertical { .slider { margin-left: 1px + $_slider_margin; &:dir(rtl) { margin-left: $_slider_margin; margin-right: 1px + $_slider_margin; } } &.fine-tune .slider { margin-left: 1px + $_slider_fine_tune_margin; &:dir(rtl) { margin-left: $_slider_fine_tune_margin; margin-right: 1px + $_slider_fine_tune_margin; } } .trough { border-left-style: solid; &:dir(rtl) { border-left-style: none; border-right-style: solid; } } } &.horizontal { .slider { margin-top: 1px + $_slider_margin; } &.fine-tune .slider { margin-top: 1px + $_slider_fine_tune_margin; } .trough { border-top-style: solid; } } } .scrollbars-junction, .scrollbars-junction.frame { // the small square between two scrollbars border-color: transparent; // the border image is used to add the missing dot between the borders, details, details, details... border-image: linear-gradient(to bottom, $borders_color 1px, transparent 1px) 0 0 0 1 / 0 1px stretch; background-color: $_scrollbar_bg_color; &:dir(rtl) { border-image-slice: 0 1 0 0; } } // // Switches // GtkSwitch { font: 1; -GtkSwitch-slider-width: 41; outline-color: transparent; &.trough, &.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; &:dir(rtl) { background-position: left center; } } } @each $k,$l in ('',''), (':active','-active'), (':insensitive','-insensitive'), (':active:insensitive','-active-insensitive') { // load switch troughs from .png files in assets directory GtkSwitch.trough#{$k} { background-image: -gtk-scaled(url("assets/switch#{$l}#{$asset_suffix}.png"),url("assets/switch#{$l}#{$asset_suffix}@2.png")); } .menu .menuitem:hover GtkSwitch.trough#{$k}, .list-row:selected GtkSwitch.trough#{$k}, GtkInfoBar GtkSwitch.trough#{$k} { background-image: -gtk-scaled(url("assets/switch#{$l}-selected.png"),url("assets/switch#{$l}-selected@2.png")); } .header-bar GtkSwitch.trough#{$k}, .primary-toolbar GtkSwitch.trough#{$k} { background-image: -gtk-scaled(url("assets/switch#{$l}-header#{$darker_asset_suffix}.png"),url("assets/switch#{$l}-header#{$darker_asset_suffix}@2.png")); } } // // Check and Radio items * // @each $w,$a in ('check', 'checkbox'), ('radio','radio') { //standard checks and radios @each $s,$as in ('','-unchecked'), (':insensitive','-unchecked-insensitive'), (':inconsistent', '-mixed'), (':inconsistent:insensitive', '-mixed-insensitive'), (':checked', '-checked'), (':checked:insensitive','-checked-insensitive') { .#{$w}#{$s} { -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); } %osd_check_radio { .#{$w}#{$s} { -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-dark.png"), url("assets/#{$a}#{$as}-dark@2.png")); } } // the borders of checks and radios are // too similar in luminosity to the selected background color, hence // we need special casing. .menu .menuitem.#{$w}#{$s}:hover, GtkTreeView.view.#{$w}#{$s}:selected, .list-row:selected .#{$w}#{$s}, GtkInfoBar .#{$w}#{$s} { -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-selected.png"), url("assets/#{$a}#{$as}-selected@2.png")); } } } // Selectionmode @each $s,$as in ('','-selectionmode'), (':checked', '-checked-selectionmode') { GtkIconView.view.check#{$s}, GtkFlowBox.view.check#{$s} { -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"), url("assets/checkbox#{$as}#{$asset_suffix}@2.png")); background-color: transparent; } } GtkCheckButton.text-button, GtkRadioButton.text-button { // this is for a nice focus on check and radios text padding: 1px 2px 4px; outline-offset: 0; &:insensitive, &:insensitive:active, &:insensitive:inconsistent { // set insensitive color, which is overriden otherwise color: $insensitive_fg_color; } } // // GtkScale // .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; &.trough { margin: 5px; } &.fine-tune { &.trough { border-radius: 5px; margin: 3px; } } &.slider { $_slider_border: if($variant=='light', transparentize(darken($button_border,25%), 0.5), darken($button_border,2%)); background-clip: border-box; background-image: linear-gradient(to bottom, $button_bg); border: 1px solid $_slider_border; border-radius: 50%; box-shadow: none; &:hover { background-image: linear-gradient(to bottom, lighten($button_bg, 5%)); border-color: $_slider_border; } &:insensitive { background-image: linear-gradient(to bottom, mix($entry_bg, $bg_color, 55%)); border-color: transparentize($_slider_border, 0.2); } &:active { background-image: linear-gradient(to bottom, $selected_bg_color); border-color: $selected_bg_color; } //OSD sliders .osd & { background-image: linear-gradient(to bottom, $osd_bg_color); border-color: $selected_bg_color; &:hover { background-image: linear-gradient(to bottom, $selected_bg_color); } &:active { background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%)); border-color: darken($selected_bg_color, 10%); } } //selected list-row and infobar sliders .menu .menuitem:hover &, .list-row:selected &, GtkInfoBar & { background-image: linear-gradient(to bottom, $selected_fg_color); border-color: $selected_fg_color; &:hover { background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 85%)); border-color: mix($selected_fg_color, $selected_bg_color, 85%); } &:active { background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 50%)); border-color: mix($selected_fg_color, $selected_bg_color, 50%); } &:insensitive{ background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); border-color: mix($selected_fg_color, $selected_bg_color, 55%); } } } &.trough { $_scale_trough_bg: if($variant == 'light', $button_border, darken($bg_color, 5%)); border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, $_scale_trough_bg); &.highlight { background-image: linear-gradient(to bottom, $selected_bg_color); &:insensitive { background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 0.45)); } } &:insensitive { background-image: linear-gradient(to bottom, transparentize($_scale_trough_bg, 0.45)); } //OSD troughs .osd & { background-image: linear-gradient(to bottom, lighten($osd_bg_color, 7%)); outline-color: transparentize($osd_fg_color, 0.8); &.highlight { background-image: none; background-image: linear-gradient(to bottom, $selected_bg_color); } &:insensitive { } } // troughs in selected list-rows and infobars .menu .menuitem:hover &, .list-row:selected &, GtkInfoBar & { background-image: linear-gradient(to bottom, transparentize(black, 0.8)); &.highlight { background-image: linear-gradient(to bottom, $selected_fg_color); &:insensitive { background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); } } &:insensitive { background-image: linear-gradient(to bottom, transparentize(black, 0.9)); } } } } // // Progress bars // GtkProgressBar { padding: 0; font-size: smaller; color: transparentize($fg_color, 0.3); &.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } } // moving bit .progressbar { background-color: $selected_bg_color; border: none; border-radius: 3px; box-shadow: none; //needed for clipping &.left.right { } &.osd { background-color: $selected_bg_color; } .list-row:selected &, GtkInfoBar & { background-color: $selected_fg_color; } } .osd .scale.progressbar { background-color: $selected_bg_color; } // background GtkProgressBar.trough { border: none; border-radius: 3px; background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); &.osd { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected &, GtkInfoBar & { background-color: transparentize(black, 0.8); } } // // Level Bar // GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; &.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } } .level-bar { &.trough { @extend GtkProgressBar.trough; padding: 3px; border-radius: 4px; } &.fill-block { // FIXME: it would be nice to set make fill blocks bigger, but we'd need // :nth-child working on discrete indicators border: 1px solid $selected_bg_color; background-color: $selected_bg_color; border-radius: 2px; &.indicator-discrete { &.horizontal { margin: 0 1px; } &.vertical { margin: 1px 0; } } &.level-high { border-color: $success_color; background-color: $success_color; } &.level-low { border-color: $warning_color; background-color: $warning_color; } &.empty-fill-block { background-color: if($variant=='light', transparentize($fg_color,0.8), $base_color); border-color: if($variant=='light', transparentize($fg_color,0.8), $base_color); } } } // // Frames // .frame { border: 1px solid $borders_color; &.flat { border-style: none; } padding: 0; &.action-bar { padding: 6px; border-width: 1px 0 0; } } GtkScrolledWindow { GtkViewport.frame { // avoid double borders when viewport inside // scrolled window border-style: none; } } //vbox and hbox separators .separator { // always disable separators // -GtkWidget-wide-separators: true; color: transparentize(black, 0.9); // Font and File button separators GtkFileChooserButton &, GtkFontButton &, GtkFileChooserButton &.vertical, GtkFontButton &.vertical { // always disable separators -GtkWidget-wide-separators: true; } } // // Lists // .list, .list-row { background-color: $base_color; border-color: $borders_color; } .list-row, .grid-child { padding: 2px; } .list-row.button { @extend %undecorated_button; background-color: transparentize(black, 1); // for the transition border-style: none; // I need no borders here border-radius: 0; // and no rounded corners box-shadow: none; // and no box-shadow &:hover { background-color: if($variant == 'light', transparentize(black, 0.95), transparentize(white, 0.97)); } &:active { color: $fg_color; } &:selected { &:active { color: $selected_fg_color; } &:hover { background-color: mix(black, $selected_bg_color, 10%); } &:insensitive { color: transparentize($selected_fg_color, 0.3); background-color: transparentize($selected_bg_color, 0.3); .label { color: inherit; } } } } .list-row:selected { @extend %selected_items; .button { @extend %selected-button } } // transition .list-row, list-row.button { transition: all 300ms $ease-out-quad; &:hover { transition: none; } } // // App Notifications // .app-notification, .app-notification.frame { padding: 10px; color: $dark_sidebar_fg; background-color: $dark_sidebar_bg; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: darken($dark_sidebar_bg, 10%); .button { @include button(osd); &.flat { @extend %undecorated_button; border-color: transparentize($selected_bg_color, 1); &:insensitive { @extend %undecorated_button; } } &:hover { @include button(osd-hover); } &:active, &:checked { @include button(osd-active); background-clip: padding-box; } &:insensitive { @include button(osd-insensitive); } } } // // Expanders // .expander { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } &:hover { color: lighten($fg_color,30%); } //only lightens the arrow &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } } // // Calendar // GtkCalendar { color: $fg_color; border: 1px solid $borders_color; border-radius: 3px; padding: 2px; &:selected { background-color: $selected_bg_color; color: $selected_fg_color; border-radius: 1.5px; } &.header { color: $fg_color; border: none; border-radius: 0; } &.button, &.button:focus { color: transparentize($fg_color,0.55); @include button(undecorated); &:hover { color: $fg_color; } &:insensitive { color: $insensitive_fg_color; background-color: transparent; background-image: none; } } &.highlight { color: gtkalpha(currentColor,0.55); } } // // Dialogs // .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { // Message Dialog styling -GtkDialog-button-spacing: 0; .titlebar { background-color: $header_bg; border-bottom: 1px solid darken($header_bg, 7%) } &.csd { // rounded bottom border styling for csd version &.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .dialog-action-area .button { padding: 8px; border-radius: 0; @extend %middle_button; &:hover, &:active, &:insensitive { @extend %middle_button; } &:first-child{ @extend %first_button; } &:last-child { @extend %last_button; } } %middle_button { border-right-style: none; border-bottom-style: none; } %last_button { border-bottom-right-radius: 3px; } %first_button { border-left-style: none; border-bottom-left-radius: 3px; } } } GtkFileChooserDialog { .search-bar { background-color: $bg_color; border-color: $borders_color; box-shadow: none; } .dialog-action-box { border-top: 1px solid $borders_color; } } // // Sidebar // .sidebar, .sidebar .view { border: none; background-color: lighten($bg_color, 2%); &:selected { background-color: $selected_bg_color; } } // Places sidebar is a special case, since the view here have to look like chrome not content, so we override text color GtkPlacesSidebar.sidebar .view { color: $fg_color; background-color: transparent; &:selected { color: $selected_fg_color; background-color: $selected_bg_color; } &.separator { @extend .separator; } } .sidebar-item { padding: 10px 4px; > GtkLabel { padding-left: 6px; padding-right: 6px; } &.needs-attention > GtkLabel { @extend %needs_attention; background-size: 6px 6px, 0 0; } } // // Paned // GtkPaned { // this is for the standard paned separator -GtkPaned-handle-size: 1; // sets separator width -gtk-icon-source: none; // removes handle decoration margin: 0 8px 8px 0; // drag area of the separator, not a real margin &:dir(rtl) { margin-right: 0; margin-left: 8px; } .pane-separator { background-color: $borders_color; } } GtkPaned.wide { // this is for the paned with wide separator -GtkPaned-handle-size: 5; // wider separator here margin: 0; // no need of the invisible drag area so, reset margin .pane-separator { background-color: transparent; border-style: none solid; border-color: $borders_color; border-width: 1px; } &.vertical .pane-separator { border-style: solid none;} } // // GtkInfoBar // GtkInfoBar { border-style: none; .button { @extend %selected-button } } .info, .question, .warning, .error, GtkInfoBar { background-color: $selected_bg_color; color: $selected_fg_color; } // // Buttons on selected backgrounds // %selected-button { color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); background-color: transparentize($selected_fg_color, 1); border-color: transparentize($selected_fg_color, 0.5); &.flat { @include button(undecorated); color: $selected_fg_color; background-color: transparentize($selected_fg_color, 1); } &:hover { color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); background-color: transparentize($selected_fg_color, 0.8); border-color: transparentize($selected_fg_color, 0.2); } &:active, &:active:hover, &:checked { color: $selected_bg_color; outline-color: transparentize($selected_bg_color, 0.7); background-color: $selected_fg_color; border-color: $selected_fg_color; } &:insensitive { color: transparentize($selected_fg_color, 0.6); background-color: transparentize($selected_fg_color, 1); border-color: transparentize($selected_fg_color, 0.8); &:active, &:checked { color: transparentize($selected_bg_color, 0.6); background-color: transparentize($selected_fg_color, 0.8); border-color: transparentize($selected_fg_color, 0.8); } } } // // 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: lighten($osd_bg_color, 10%); background-clip: padding-box; } color: $osd_fg_color; border-radius: 2px; &.window-frame.csd { background-color: transparent; } } .tooltip * { //Yeah this is ugly padding: 4px; background-color: transparent; color: inherit; // just to be sure } // // Color Chooser // GtkColorSwatch { // This widget is made of two boxes one on top of the other, the lower box is GtkColorSwatch {} the other one // is GtkColorSwatch .overlay {}, GtkColorSwatch has the programmatically set background, so most of the style // is applied to the overlay box. // take care of colorswatches on selected elements :selected & { box-shadow: none; &.overlay, &.overlay:hover { border-color: $selected_fg_color; } } // border rounding &.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } &.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } &.left, &:first-child, &:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } &.right, &:last-child, &:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } &:only-child, &:only-child .overlay { border-radius: 3px; } // nth-child works just on the custom colors row // hover effect &:hover, &:hover:selected { background-image: linear-gradient(to bottom, transparentize(white, 0.8)); } // no hover effect for the colorswatch in the color editor GtkColorEditor & { border-radius: 3px; // same radius as the entry &:hover { background-image: none; } } // indicator and keynav outline colors, color-dark is a color with luminosity lower then 50% &.color-dark { color: white; outline-color: transparentize(black, 0.7); } &.color-light { color: black; outline-color: transparentize(white, 0.5); } // border color &.overlay, &.overlay:selected { border: 1px solid transparentize(black, 0.85); &:hover { border-color: transparentize(black, 0.75); } } // make the add color button looks like, well, a button &#add-color-button { border-style: solid; // the borders are drawn by the overlay for standard colorswatches to have them semi border-width: 1px; // translucent on the colored background, here it's not necessary so they need to be set @include button(normal); &:hover { @include button(hover); } .overlay { @include button(undecorated); } // reset the overlay to not cover the button style underneath } } GtkColorButton.button { padding: 5px; // Uniform padding on the GtkColorButton GtkColorSwatch { border-radius: 0; } } // // Misc // .scale-popup .button { // +/- buttons on GtkVolumeButton popup padding: 6px; &:hover { @include button(hover); } } GtkVolumeButton.button { padding: 8px; } // Decouple the font of context menus from their entry/textview .touch-selection, .context-menu { font: initial;} .monospace { font: Monospace; } // // Overshoot // // This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. // This draws a box on top of the content, the size changes programmatically. .overshoot { &.top { @include overshoot(top); } &.bottom { @include overshoot(bottom); } &.left { @include overshoot(left); } &.right { @include overshoot(right); } } // // Undershoot // // Overflow indication, works similarly to the overshoot, the size if fixed tho. .undershoot { &.top { @include undershoot(top); } &.bottom { @include undershoot(bottom); } &.left { @include undershoot(left); } &.right { @include undershoot(right); } } // // Window Decorations // .window-frame { border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); border-width: 0px; $_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize(black, 0.45)); box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border), 0 8px 8px 0 if($variant == 'light', opacify($_wm_border, 0.1), transparentize($_wm_border, 0.2)); // this is used for the resize cursor area margin: 10px; &:backdrop { box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', transparentize(darken($header_bg, 7%), 0.1), $_wm_border), 0 5px 5px 0 if($variant == 'light', opacify($_wm_border, 0.1), transparentize($_wm_border, 0.2)); } &.tiled { border-radius: 0; } &.popup { box-shadow: none; border-radius: 0; } // server-side decorations as used by mutter &.ssd { border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', transparentize(black, 0.35), $_wm_border); &.maximized { border-radius: 0; } } &.csd { &.popup { border-radius: 2px; box-shadow: 0 3px 6px if($variant == 'light', $_wm_border, transparentize($_wm_border, 0.1)), 0 0 0 1px if($variant == 'light', $_wm_border, darken($bg_color, 10%)); } &.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px if($variant == 'light', $_wm_border, transparentize($_wm_border, 0.3)); } &.message-dialog { border-radius: 3px; } } &.solid-csd { border-radius: 0; margin: 1px; background-color: $header_bg; box-shadow: none; } } // // Titlebuttons // .header-bar, .titlebar { &.default-decoration .button.titlebutton { // no vertical padding for ssd buttons padding-top: 0px; // already handled by the titlebar-padding padding-bottom: 0px; } .button.titlebutton { @extend .image-button; &:not(GtkMenuButton) { padding-top: 8px; padding-bottom: 8px; } padding-left: 4px; padding-right: 4px; @include button(undecorated); background-color: transparentize($header_bg, 1); &:hover { @include button(header-hover); } &:active, &:checked { @include button(header-active); } &.close, &.maximize, &.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; &:backdrop { opacity: 1; } } // Load png assets for each button @each $k in ('close','maximize', 'minimize') { @each $l, $m in ('',''), (':backdrop','-backdrop'), (':hover','-hover'), (':active','-active') { &.#{$k}#{$l} { background-image: -gtk-scaled(url('assets/titlebutton-#{$k}#{$m}#{$darker_asset_suffix}.png'), url('assets/titlebutton-#{$k}#{$m}#{$darker_asset_suffix}@2.png')); } } } } } // catch all extend %selected_items { background-image: none; background-color: $selected_bg_color; color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); } ================================================ FILE: common/gtk-3.0/3.16/sass/_drawing.scss ================================================ // Drawing mixins // Entries @mixin entry($t) { // // Entries drawing function // // $t: entry type // @if $t==normal { // // normal entry // color: $text_color; border-color: $entry_border; background-color: $entry_bg; background-image: linear-gradient(to bottom, $entry_bg); } @if $t==focus { // // focused entry // color: $text_color; border-color: if($variant=='light', $selected_bg_color, $button_border); background-color: $entry_bg; background-image: linear-gradient(to bottom, $entry_bg); @if $variant == 'dark' { box-shadow: inset 1px 0 $selected_bg_color, inset -1px 0 $selected_bg_color, inset 0 1px $selected_bg_color, inset 0 -1px $selected_bg_color; } } @if $t==insensitive { // // insensitive entry // color: $insensitive_fg_color; border-color: transparentize($entry_border, 0.45); background-color: transparentize($entry_bg, 0.45); background-image: linear-gradient(to bottom, transparentize($entry_bg, 0.45)); } @if $t==header-normal { // // normal header-bar entry // color: $header_fg; border-color: $header_entry_border; background-image: linear-gradient(to bottom, $header_entry_bg); background-color: transparent; &.image, &.image:hover { color: inherit; } } @if $t==header-focus { // // focused header-bar entry // color: $selected_fg_color; border-color: if($darker=='false' and $variant=='light', $selected_bg_color, transparent); background-image: linear-gradient(to bottom, $selected_bg_color); } @if $t==header-insensitive { // // insensitive header-bar entry // color: transparentize($header_fg, 0.45); background-image: linear-gradient(to bottom, transparentize($header_entry_bg, 0.15)); } @else if $t==osd { // // normal osd entry // color: $osd_fg_color; border-color: $osd_entry_border; background-image: linear-gradient(to bottom, $osd_entry_bg); background-color: transparent; &.image, &.image:hover { color: inherit; } } @else if $t==osd-focus { // // active osd entry // color: $selected_fg_color; border-color: $osd_entry_border; background-image: linear-gradient(to bottom, $selected_bg_color); } @else if $t==osd-insensitive { // // insensitive osd entry // color: transparentize($osd_fg_color, 0.45); background-image: linear-gradient(to bottom, transparentize($osd_entry_bg, 0.15)); } } // Buttons @mixin button($t, $actionb_bg:red, $actionb_fg: green) { // // Button drawing function // // $t: button type, // $actionb_bg, $actionb_fg: used for destructive and suggested action buttons @if $t==normal { // // normal button // color: $fg_color; outline-color: transparentize($fg_color, 0.7); border-color: $button_border; background-color: $button_bg; } @else if $t==hover { // // hovered button // color: $fg_color; outline-color: transparentize($fg_color, 0.7); border-color: $button_border; background-color: lighten($button_bg, 5%); } @else if $t==active { // // pushed button // color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); border-color: if($variant=='light', $selected_bg_color, $button_border); background-color: $selected_bg_color; } @else if $t==insensitive { // // insensitive button // color: $insensitive_fg_color; border-color: transparentize($button_border, 0.45); background-color: transparentize($button_bg, 0.45); > GtkLabel { color: inherit; } } @else if $t==insensitive-active { // // insensitive pushed button // color: transparentize($selected_fg_color, 0.2); border-color: transparentize($selected_bg_color, 0.25); background-color: transparentize($selected_bg_color, 0.25); opacity: 0.6; > GtkLabel { color: inherit; } } @if $t==header-normal { // // normal header-bar button // color: $header_fg; outline-color: transparentize($header_fg, 0.7); outline-offset: -3px; background-color: transparentize($header_bg, 1); border-color: transparentize($header_bg, 1); } @else if $t==header-hover { // // hovered header-bar button // color: $header_fg; outline-color: transparentize($header_fg, 0.7); border-color: $header_button_border; background-color: $header_button_bg; } @else if $t==header-active { // // pushed header-bar button // color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); border-color: if($darker=='false' and $variant=='light', $selected_bg_color, transparent); background-color: $selected_bg_color; } @else if $t==header-insensitive { // // insensitive header-bar button // color: transparentize($header_fg, 0.45); background-color: transparentize($header_bg, 1); border-color: transparentize($header_bg, 1); > GtkLabel { color: inherit; } } @else if $t==header-insensitive-active { // // header-bar insensitive pushed button // color: transparentize($selected_fg_color, 0.25); border-color: transparentize($selected_bg_color, 0.35); background-color: transparentize($selected_bg_color, 0.35); } @else if $t==osd { // // normal osd button // color: $osd_fg_color; outline-color: transparentize($osd_fg_color, 0.7); border-color: $osd_button_border; background-color: $osd_button_bg; } @else if $t==osd-hover { // // active osd button // color: $osd_fg_color; outline-color: transparentize($osd_fg_color, 0.7); border-color: $osd_button_border; background-color: opacify(lighten($osd_button_bg, 7%), 0.1); } @else if $t==osd-active { // // active osd button // color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); border-color: $osd_button_border; background-color: $selected_bg_color; } @else if $t==osd-insensitive { // // insensitive osd button // color: $osd_insensitive_fg_color; border-color: $osd_button_border; background-color: transparentize($osd_button_bg, 0.15); } @else if $t==suggested_destructive { // // suggested or destructive action buttons // background-clip: border-box; color: $actionb_fg; outline-color: transparentize($actionb_fg, 0.7); background-color: $actionb_bg; border-color: $actionb_bg; } @else if $t==undecorated { // // reset // border-color: transparent; background-color: transparent; background-image: none; } } // // Overshoot // @mixin overshoot($p, $c:$selected_bg_color) { // $p: position // $c: base color // // possible $p values: // top, bottom, right, left // $_big_gradient_length: 60%; $_position: center top; $_big_gradient_size: 100% $_big_gradient_length; @if $p==bottom { $_position: center bottom; } @else if $p==right { $_position: right center; $_big_gradient_size: $_big_gradient_length 100%; } @else if $p==left { $_position: left center; $_big_gradient_size: $_big_gradient_length 100%; } background-image: -gtk-gradient(radial, $_position, 0, $_position, 0.6, from(transparentize($c, 0.8)), to(transparentize($c, 1))); background-size: $_big_gradient_size; background-repeat: no-repeat; background-position: $_position; background-color: transparent; // reset some properties to be sure to not inherit them somehow border: none; // box-shadow: none; // } // // Undershoot // @mixin undershoot($p) { // $p: position // // possible $p values: // top, bottom, right, left // $_undershoot_color_dark: transparentize(black, 0.8); $_undershoot_color_light: transparentize(white, 0.8); $_gradient_dir: left; $_dash_bg_size: 10px 1px; $_gradient_repeat: repeat-x; $_bg_pos: center $p; background-color: transparent; // shouldn't be needed, but better to be sure; @if ($p == left) or ($p == right) { $_gradient_dir: top; $_dash_bg_size: 1px 10px; $_gradient_repeat: repeat-y; $_bg_pos: $p center; } background-image: linear-gradient(to $_gradient_dir, // this is the dashed line $_undershoot_color_light 50%, $_undershoot_color_dark 50%); padding-#{$p}: 1px; background-size: $_dash_bg_size; background-repeat: $_gradient_repeat; background-origin: content-box; background-position: $_bg_pos; } ================================================ FILE: common/gtk-3.0/3.16/sass/_granite.scss ================================================ // Granite Widgets // // Overlay Bar // .overlay-bar { background-color: $selected_bg_color; border-color: $selected_bg_color; border-radius: 2px; padding: 3px 6px; margin: 3px; GtkLabel { color: $selected_fg_color; } } // // Thin Pane Separator // GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid $borders_color; border-right: 1px solid $borders_color; } // avoid borders when a viewport is // packed into a Static Notebook, or Popover GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } // // Help Button // .help_button { border-radius: 100px; padding: 3px 9px; } // // Secondary Toolbars // .secondary-toolbar.toolbar { padding: 3px; border-bottom: 1px solid $borders_color; .button { padding: 0 3px 0 3px; } } // // Bottom Toolbars // .bottom-toolbar.toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: $borders_color; background-color: $bg_color; .button { padding: 2px 3px 2px 3px; } } // // Sidebar & Source List // .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: $bg_color; color: $fg_color; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: lighten($bg_color, 5%); } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: $selected_fg_color; background-color: $selected_bg_color; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: $bg_color; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: $selected_bg_color; color: $selected_fg_color; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: $selected_fg_color; color: $selected_bg_color; } // // Expander // .source-list.category-expander { color: $fg_color; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } // // Welcome // GraniteWidgetsWelcome { background-color: $base_color; } GraniteWidgetsWelcome GtkLabel { color: mix($fg_color, $bg_color, 50%); font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: transparentize($fg_color, 0.2); } // // Help Button // .help_button { border-radius: 0; } // // Popover // GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid transparentize(black, 0.7); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, $base_color); border: 1px solid transparentize(black, 0.7); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } // // Xs Entry // GraniteWidgetsXsEntry.entry { padding: 4px; } // // Text Styles // .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: mix($bg_color, $text_color, 30%); font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4{ padding-left: 6px; } ================================================ FILE: common/gtk-3.0/3.16/sass/_lightdm.scss ================================================ // the panel widget at the top #panel_window { background-color: $panel_bg; color: $panel_fg; font: bold; box-shadow: inset 0 -1px darken($panel_bg, 7%); // the menubars/menus of the panel, i.e. indicators .menubar { padding-left: 5px; &, > .menuitem { background-color: transparent; color: $panel_fg; font: bold; } } .menubar .menuitem:insensitive { color: transparentize($panel_fg, 0.5); GtkLabel { color: inherit; } } .menubar .menu .menuitem { font: normal; } } // the login window #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: $fg_color; } // the top half of the login-window, in GtkDialog terms, the content #content_frame { padding-bottom: 14px; background-color: $bg_color; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid transparentize(black, 0.9); border-width: 1px 1px 0 1px; } #content_frame .button { @include button(normal); &:hover { @include button(hover); } &:active, &:checked { @include button(active); } &:insensitive { @include button(insensitive); } } // the lower half of the login-window, in GtkDialog terms the buttonbox or action area #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: if($variant=='light', $osd_bg_color, $header_bg); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid transparentize(black, 0.9); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px if($variant=="light", $dark_sidebar_border, $header_border); } #buttonbox_frame .button{ @include button(osd); &:hover { @include button(osd-hover); } &:active, &:checked { @include button(osd-active); } &:insensitive { @include button(osd-insensitive); } } #login_window #user_combobox { color: $fg_color; font: 13px; .menu { font: normal; } .arrow {} } // the user's avatar box #user_image { padding: 3px; border-radius: 2px; } // the border around the user's avatar box #user_image_border {} // the shutdown button #shutdown_button.button { @include button(suggested_destructive, $destructive_color); &:hover { @include button(suggested_destructive, lighten($destructive_color, 10%)); } &:active, &:checked { @include button(suggested_destructive, darken($destructive_color, 10%)); } } // the restart button #restart_button.button { @include button(suggested_destructive, $suggested_color); &:hover { @include button(suggested_destructive, lighten($suggested_color, 10%)); } &:active, &:checked { @include button(suggested_destructive, darken($suggested_color, 10%)); } } // the warning, in case a wrong password is entered or something else goes wrong according to PAM #greeter_infobar { border-bottom-width: 0; font: bold; } ================================================ FILE: common/gtk-3.0/3.16/sass/_transparent_widgets.scss ================================================ .titlebar .separator { color: $header_border; //fixes separator in gnome-tweak-tool } NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } @if $variant==dark { GtkFileChooserDialog, NautilusWindow , NemoWindow { .sidebar { border-right: 1px solid $dark_sidebar_border; } .sidebar:dir(rtl) { border-left: 1px solid $dark_sidebar_border; } } } // Dark transparent sidebars GtkFileChooserDialog, NautilusWindow, NemoWindow, MarlinViewWindow { &.csd.background, .source-list, .source-list.view, .source-list.view:prelight { background-color: transparent; } .sidebar, .source-list.sidebar.view { background-color: $dark_sidebar_bg; .view, row { background-color: transparent; color: $dark_sidebar_fg; &.image { color: transparentize($dark_sidebar_fg, 0.3); } &.cell:selected { background-color: $selected_bg_color; color: $selected_fg_color; } } &.frame { color: $dark_sidebar_fg; } .separator { color: transparent; } .scrollbar { @extend %dark_sidebar_scrollbar } } &.maximized .sidebar { background-color: opacify($dark_sidebar_bg, 1); } } GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator {background-color: $dark_sidebar_border} // Fix Nautilus transparency issues NautilusWindow NautilusWindowSlot { background-color: $base_color; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog { &.background.csd, &.background { background-color: $dark_sidebar_bg } .sidebar { background-color: transparent } // Yeah, this is ugly, but prevents a transparent background in the image preview box GtkPaned > .vertical > .horizontal { background-color: $bg_color; } // fix for non gnome environments .dialog-action-box { background-color: $bg_color } .dialog-vbox > .frame { color: $dark_sidebar_fg; border-color: transparent; } .action-bar.frame { background-color: transparent; border-color: if($variant =='light', darken($dark_sidebar_bg, 5%), darken($dark_sidebar_bg, 10%)); } .action-bar.frame, .dialog-vbox > .frame { .button { @extend %dark_sidebar_button; } .entry { @extend %dark_sidebar_entry; } @extend %osd_check_radio; GtkLabel, GtkComboBox { color: $dark_sidebar_fg; } } } // // Paned Headerbars // FeedReaderreaderUI.background.csd, GeditWindow.background.csd { > .titlebar .pane-separator, &.maximized > .titlebar .pane-separator, > .titlebar .pane-separator:backdrop, &.maximized > .titlebar .pane-separator:backdrop { background-color: $header_border; } > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: $header_bg; &:backdrop { background-color: $header_bg_backdrop; } } &.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: opacify($header_bg, 1); &:backdrop { background-color: opacify($header_bg_backdrop, 1); } } } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } // Gedit GeditWindow.background { &.csd { background-color: transparent; } .gedit-side-panel-paned .pane-separator { background-color: $dark_sidebar_border; } .gedit-bottom-panel-paned .pane-separator { background-color: $borders_color; } } .gedit-bottom-panel-paned { background-color: $base_color; } .gedit-document-panel { background-color: $dark_sidebar_bg; .maximized & { background-color: opacify($dark_sidebar_bg, 1); } .list-row { color: $dark_sidebar_fg; } .list-row { background-color: transparentize($dark_sidebar_fg, 1); border: solid transparentize($dark_sidebar_fg, 1); border-width: 3px 2px 3px 2px; } .list-row:hover { border: solid transparentize($dark_sidebar_fg, 0.85); border-width: 3px 2px 3px 2px; background-color: transparentize($dark_sidebar_fg, 0.85); } .list-row:active { color: $selected_fg_color; background-color: $selected_bg_color; border: solid $selected_bg_color; border-width: 3px 2px 3px 2px; .button { color: $selected_fg_color; } } .list-row:selected, .list-row:selected:hover { color: $selected_fg_color; background-color: $selected_bg_color; border: solid $selected_bg_color; border-width: 3px 2px 3px 2px; } .prelight-row .button:active { color: $dark_sidebar_fg; } } GeditFileBrowserWidget { background-color: $dark_sidebar_bg; .maximized & { background-color: opacify($dark_sidebar_bg, 1); } .scrollbar { @extend %dark_sidebar_scrollbar; } .horizontal { background-color: transparent; border-color: darken($dark_sidebar_bg, 7%); .button { @extend %dark_sidebar_button; } GtkComboBox { color: $dark_sidebar_fg; } } } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: $dark_sidebar_fg; &.expander { color: $dark_sidebar_fg; &:hover { color: $selected_bg_color; } } } %dark_sidebar_button { @include button(osd); &:hover { @include button(osd-hover); } &:active, &:checked { @include button(osd-active); } &:insensitive { @include button(osd-insensitive); } } %dark_sidebar_entry { @include entry(osd); &:focus { @include entry(osd-focus); } &:insensitive { @include entry(osd-insensitive); } } %dark_sidebar_scrollbar { &.overlay-indicator:not(.dragging):not(.hovering) .slider { background-color: lighten($dark_sidebar_fg, 15%); border: 1px solid transparentize(black, 0.7); } // trough coloring .trough { background-color: transparentize(black, 0.8); border: none; } // slider coloring .slider { background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); &:hover { background-color: lighten($dark_sidebar_fg, 20%); } &:prelight:active { background-color: $selected_bg_color; } &:insensitive { background-color: transparent; } } } ================================================ FILE: common/gtk-3.0/3.16/sass/_unity.scss ================================================ // Decorations UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: $selected_bg_color; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; &.top { border: 1px solid if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9)); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, opacify($header_bg, 1)); color: $header_fg; // The foreground color will be used to paint the text box-shadow: inset 0 1px lighten($header_bg, 3%); &:backdrop { border-bottom-width: 0; //background-image: linear-gradient(to bottom, opacify($header_bg_backdrop, 1)); color: transparentize($header_fg, 0.3); } } &.left, &.right, &.bottom, &.left:backdrop, &.right:backdrop, &.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9))); } } // Panel Style UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: lighten($panel_fg, 20%); box-shadow: none; &:backdrop { color: lighten($panel_fg, 1%); } } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: $selected_fg_color; background-image: linear-gradient(to bottom, $selected_bg_color); border-bottom: none; } // Unity Greeter .lightdm.menu { background-image: none; background-color: transparentize(black, 0.6); border-color: transparentize(white, 0.2); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: lighten($header_bg, 8); border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: transparentize(white, 0.2); background-image: none; background-color: transparentize(black, 0.5); & > .menuitem { padding: 2px 6px; } } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: transparentize(black, 0.7); border-color: transparentize(white, 0.6); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: transparentize(white, 0.9); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: transparentize(white, 0.2); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; &.selected { background-color: transparentize(black, 0.3); border-width: 1px; } } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } ================================================ FILE: common/gtk-3.0/3.16/sass/gtk-dark.scss ================================================ $variant: 'dark'; $darker: 'false'; $transparency: 'true'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.16/sass/gtk-darker.scss ================================================ $variant: 'light'; $darker: 'true'; $transparency: 'true'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.16/sass/gtk-solid-dark.scss ================================================ $variant: 'dark'; $darker: 'false'; $transparency: 'false'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.16/sass/gtk-solid-darker.scss ================================================ $variant: 'light'; $darker: 'true'; $transparency: 'false'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.16/sass/gtk-solid.scss ================================================ $variant: 'light'; $darker: 'false'; $transparency: 'false'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.16/sass/gtk.scss ================================================ $variant: 'light'; $darker: 'false'; $transparency: 'true'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.18/assets.txt ================================================ checkbox-checked checkbox-checked-insensitive checkbox-unchecked checkbox-unchecked-insensitive checkbox-mixed checkbox-mixed-insensitive radio-checked radio-checked-insensitive radio-unchecked radio-unchecked-insensitive radio-mixed radio-mixed-insensitive checkbox-checked-selected checkbox-checked-insensitive-selected checkbox-unchecked-selected checkbox-unchecked-insensitive-selected checkbox-mixed-selected checkbox-mixed-insensitive-selected checkbox-checked-selectionmode checkbox-selectionmode radio-checked-selected radio-checked-insensitive-selected radio-unchecked-selected radio-unchecked-insensitive-selected radio-mixed-selected radio-mixed-insensitive-selected switch switch-active switch-insensitive switch-active-insensitive switch-header switch-active-header switch-insensitive-header switch-active-insensitive-header switch-selected switch-active-selected switch-insensitive-selected switch-active-insensitive-selected titlebutton-close titlebutton-close-backdrop titlebutton-close-hover titlebutton-close-active titlebutton-maximize titlebutton-maximize-backdrop titlebutton-maximize-hover titlebutton-maximize-active titlebutton-minimize titlebutton-minimize-backdrop titlebutton-minimize-hover titlebutton-minimize-active checkbox-checked-dark checkbox-checked-insensitive-dark checkbox-unchecked-dark checkbox-unchecked-insensitive-dark checkbox-mixed-dark checkbox-mixed-insensitive-dark checkbox-checked-selectionmode-dark checkbox-selectionmode-dark radio-checked-dark radio-checked-insensitive-dark radio-unchecked-dark radio-unchecked-insensitive-dark radio-mixed-dark radio-mixed-insensitive-dark switch-dark switch-active-dark switch-insensitive-dark switch-active-insensitive-dark switch-header-dark switch-active-header-dark switch-insensitive-header-dark switch-active-insensitive-header-dark titlebutton-close-dark titlebutton-close-backdrop-dark titlebutton-close-hover-dark titlebutton-close-active-dark titlebutton-maximize-dark titlebutton-maximize-backdrop-dark titlebutton-maximize-hover-dark titlebutton-maximize-active-dark titlebutton-minimize-dark titlebutton-minimize-backdrop-dark titlebutton-minimize-hover-dark titlebutton-minimize-active-dark ================================================ FILE: common/gtk-3.0/3.18/gtk-dark.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #a9caf1; -GtkWidget-visited-link-color: #7eafe9; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(211, 218, 227, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } .background { color: #D3DAE3; background-color: rgba(56, 60, 74, 0.999); } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #383C4A; color: #D3DAE3; } .gtkstyle-fallback:prelight { background-color: #4e5467; color: #D3DAE3; } .gtkstyle-fallback:active { background-color: #22242d; color: #D3DAE3; } .gtkstyle-fallback:insensitive { background-color: #3c4150; color: rgba(211, 218, 227, 0.45); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view { color: #D3DAE3; background-color: #404552; } .view.dim-label, .view.label.separator, .header-bar .view.subtitle { color: rgba(211, 218, 227, 0.55); } .view.dim-label:selected, .view.label.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, .view.label.separator:selected:focus, .header-bar .view.subtitle:selected:focus { color: rgba(255, 255, 255, 0.65); text-shadow: none; } .rubberband, GtkTreeView.view.rubberband, .content-view.rubberband { border: 1px solid #2679db; background-color: rgba(38, 121, 219, 0.2); } .label.separator, .popover .label.separator, .sidebar .label.view.separator { color: #D3DAE3; } .label:insensitive { color: rgba(211, 218, 227, 0.45); } .dim-label, .label.separator, .popover .label.separator, .sidebar .label.view.separator, .header-bar .subtitle { opacity: 0.55; } GtkAssistant .sidebar { background-color: #404552; border-top: 1px solid #2b2e39; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #2b2e39; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #2b2e39; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar .label { padding: 6px 12px; } GtkAssistant .sidebar .label.highlight { background-color: #5294e2; color: #ffffff; } GtkTextView { background-color: #3c414e; } .grid-child { padding: 3px; border-radius: 3px; } .grid-child:selected { outline-offset: -2px; } .popover.osd, .osd { color: #BAC3CF; border: none; background-color: rgba(53, 57, 69, 0.95); background-clip: padding-box; outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } .entry { border: 1px solid; padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); } .entry.image { color: #b6bcc6; } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); border: none; border-radius: 0; } .entry:focus { background-clip: border-box; color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); box-shadow: inset 1px 0 #5294e2, inset -1px 0 #5294e2, inset 0 1px #5294e2, inset 0 -1px #5294e2; } .entry:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(64, 69, 82, 0.55); background-image: linear-gradient(to bottom, rgba(64, 69, 82, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #5294e2; color: #ffffff; } .entry.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .entry.warning { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #ab6441); } .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } .entry.warning:selected, .entry.warning:selected:focus { background-color: white; color: #F27835; } .entry.error { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #b14342); } .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } .entry.error:selected, .entry.error:selected:focus { background-color: white; color: #FC4138; } .osd .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } .osd .entry.image, .osd .entry.image:hover { color: inherit; } .osd .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294e2); } .osd .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } GtkSearchEntry.entry { border-radius: 20px; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 5px 8px; color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .button.flat, .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(68, 74, 88, 0); border-color: rgba(43, 46, 57, 0); transition: none; } .button.flat:hover, .sidebar-button.button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } .button.flat:hover:active, .sidebar-button.button:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; transition-duration: 50ms; } .button:active:not(:insensitive) .label:insensitive, .button:checked:not(:insensitive) .label:insensitive { color: inherit; opacity: 0.6; } .button:active { color: #D3DAE3; } .button:active:hover, .button:checked { color: #ffffff; } .button.flat:insensitive, .sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; } .button:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294e2; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .button.osd:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .osd .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button:active, .osd .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd .button.flat, .osd .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover, .osd .sidebar-button.button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button.flat:insensitive, .osd .sidebar-button.button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); background-image: none; } .osd .button.flat:active, .osd .sidebar-button.button:active, .osd .button.flat:checked, .osd .sidebar-button.button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd .linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active) + .button:not(:checked):not(:active) { box-shadow: none; } .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .button.suggested-action.flat, .suggested-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .button.suggested-action.flat:insensitive, .suggested-action.sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(211, 218, 227, 0.45); } .button.suggested-action:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .button.suggested-action:insensitive > GtkLabel { color: inherit; } .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .button.destructive-action.flat, .destructive-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .button.destructive-action.flat:insensitive, .destructive-action.sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(211, 218, 227, 0.45); } .button.destructive-action:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 7px; } .header-bar .button.image-button, .header-bar .button.titlebutton { padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { padding: 5px 8px; } .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 2px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar GtkToolButton > .button { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .inline-toolbar GtkToolButton > .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } .linked:not(.vertical):not(.path-bar) > .entry + .entry { border-left-color: rgba(43, 46, 57, 0.3); } .linked:not(.vertical):not(.path-bar) > .entry.error + .entry, .linked:not(.vertical):not(.path-bar) > .entry + .entry.error { border-left-color: rgba(43, 46, 57, 0.3); } .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry, .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning { border-left-color: rgba(43, 46, 57, 0.3); } .linked:not(.vertical):not(.path-bar) > .entry.error + .entry.warning, .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry.error { border-left-color: rgba(43, 46, 57, 0.3); } .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:last-child { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .button, .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:last-child { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .button, .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:last-child { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .button, .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > .button:active + .entry, .linked:not(.vertical):not(.path-bar) > .button:checked + .entry { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > .button + .button { border-left-style: none; } .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 1px 0 #2b2e39; } .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked:not(.vertical):not(.path-bar) > .button:active + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .button:checked + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .button.suggested-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .button.destructive-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .entry + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child) { box-shadow: none; } .linked:not(.vertical).path-bar > .button + .button { border-left-style: none; } .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5), inset -1px 0 rgba(43, 46, 57, 0.5); } .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(43, 46, 57, 0.5); } .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } .linked.vertical > .entry + .entry { border-top-color: rgba(43, 46, 57, 0.3); } .linked.vertical > .entry.error + .entry, .linked.vertical > .entry + .entry.error { border-top-color: rgba(43, 46, 57, 0.3); } .linked.vertical > .entry.warning + .entry, .linked.vertical > .entry + .entry.warning { border-top-color: rgba(43, 46, 57, 0.3); } .linked.vertical > .entry.error + .entry.warning, .linked.vertical > .entry.warning + .entry.error { border-top-color: rgba(43, 46, 57, 0.3); } .linked.vertical > .entry + .entry:focus:not(:last-child), .linked.vertical > .entry + .entry:focus:last-child { border-top-color: #2b2e39; } .linked.vertical > .entry:focus:not(:only-child) + .entry, .linked.vertical > .entry:focus:not(:only-child) + .button, .linked.vertical > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #2b2e39; } .linked.vertical > .entry + .entry.warning:focus:not(:last-child), .linked.vertical > .entry + .entry.warning:focus:last-child { border-top-color: #2b2e39; } .linked.vertical > .entry.warning:focus:not(:only-child) + .entry, .linked.vertical > .entry.warning:focus:not(:only-child) + .button, .linked.vertical > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #2b2e39; } .linked.vertical > .entry + .entry.error:focus:not(:last-child), .linked.vertical > .entry + .entry.error:focus:last-child { border-top-color: #2b2e39; } .linked.vertical > .entry.error:focus:not(:only-child) + .entry, .linked.vertical > .entry.error:focus:not(:only-child) + .button, .linked.vertical > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #2b2e39; } .linked.vertical > .button:active + .entry, .linked.vertical > .button:checked + .entry { border-top-color: #2b2e39; } .linked.vertical > .button + .button { border-top-style: none; } .linked.vertical > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked.vertical > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 0 1px #2b2e39; } .linked.vertical > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked.vertical > .button:active + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .button:checked + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .button.suggested-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .button.destructive-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .entry + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child) { box-shadow: none; } .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .inline-toolbar.toolbar GtkToolButton > .sidebar-button.button, .inline-toolbar GtkToolButton > .sidebar-button.button, .linked:not(.vertical) > .entry, .linked:not(.vertical) > .entry:focus, .osd .button, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked:not(.vertical) > .button, .linked:not(.vertical) > .button:hover, .linked:not(.vertical) > .button:active, .linked:not(.vertical) > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .primary-toolbar .linked:not(.vertical).path-bar > .button, .header-bar .linked:not(.vertical).path-bar > .button, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:active, .header-bar .linked:not(.vertical).path-bar > .button:active, .primary-toolbar .linked:not(.vertical).path-bar > .button:checked, .header-bar .linked:not(.vertical).path-bar > .button:checked, .primary-toolbar .linked:not(.vertical).path-bar > .button:insensitive, .header-bar .linked:not(.vertical).path-bar > .button:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:insensitive, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl) { border-radius: 0; border-right-style: none; } .linked:not(.vertical) > .entry:first-child, .osd .button:first-child, .inline-toolbar .button:first-child, .linked:not(.vertical) > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar GtkToolButton:first-child > .sidebar-button.button, .linked > GtkComboBox:first-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:first-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:first-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:first-child, .header-bar .linked:not(.vertical).path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .linked:not(.vertical) > .entry:last-child, .osd .button:last-child, .inline-toolbar .button:last-child, .linked:not(.vertical) > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar GtkToolButton:last-child > .sidebar-button.button, .linked > GtkComboBox:last-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:last-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:last-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:last-child, .header-bar .linked:not(.vertical).path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .linked:not(.vertical) > .entry:only-child, .osd .button:only-child, .inline-toolbar .button:only-child, .linked:not(.vertical) > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar GtkToolButton:only-child > .sidebar-button.button, .linked > GtkComboBox:only-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:only-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:only-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:only-child, .header-bar .linked:not(.vertical).path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:only-child { border-radius: 3px; border-style: solid; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, .linked.vertical > GtkComboBox > .the-button-in-the-combobox { border-radius: 0; border-bottom-style: none; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { border-radius: 3px; border-style: solid; } .menuitem.button.flat, .menuitem.sidebar-button.button, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .notebook tab .button, .app-notification .button.flat, .app-notification .sidebar-button.button, .app-notification.frame .button.flat, .app-notification.frame .sidebar-button.button, .app-notification .button.flat:insensitive, .app-notification .sidebar-button.button:insensitive, .app-notification.frame .button.flat:insensitive, .app-notification.frame .sidebar-button.button:insensitive, TerminalWindow .notebook .active-page .button, TerminalWindow .notebook .prelight-page .button, TerminalWindow .notebook .active-page .button:hover, TerminalWindow .notebook .prelight-page .button:hover, TerminalWindow .notebook .active-page .button:active, TerminalWindow .notebook .prelight-page .button:active { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .menuitem.button.flat, .menuitem.sidebar-button.button { transition: none; outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover, .menuitem.sidebar-button.button:hover { background-color: #484c59; } .menuitem.button.flat:checked, .menuitem.sidebar-button.button:checked { color: #D3DAE3; } *:link, .button:link, .button:visited { color: #a9caf1; } *:link:visited, .button:visited { color: #7eafe9; } *:selected *:link:visited, *:selected .button:visited:link, *:selected .button:visited { color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #d5e5f8; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #a9caf1; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #dceaf9; } *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #dceaf9; } .button:link > .label, .button:visited > .label { text-decoration-line: underline; } .spinbutton { border-radius: 3px; } .spinbutton .button { background-image: none; border: 1px solid rgba(43, 46, 57, 0.6); border-style: none none none solid; color: #ccd3dc; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } .spinbutton .button:insensitive { color: rgba(211, 218, 227, 0.45); } .spinbutton .button:active { background-color: #5294e2; color: #ffffff; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #5294e2; border-radius: 0; box-shadow: none; } GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(211, 218, 227, 0.45); } GtkComboBox .separator.vertical, GtkComboBox .sidebar .vertical.view.separator, .sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-style: none; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } GtkComboBox.combobox-entry .button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; } GtkComboBox.combobox-entry .button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #383C4A; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.85); } .primary-toolbar { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #2f343f, rgba(32, 35, 43, 0.97)) 1 0 1 0; } .inline-toolbar { background-color: #313541; border-style: solid; border-color: #2b2e39; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: #383C4A; border-style: solid; border-color: #2b2e39; border-width: 0 0 1px; padding: 3px; } .action-bar { background-color: #313541; } .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: #262a33; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; } .csd .header-bar { background-color: rgba(47, 52, 63, 0.97); border-color: rgba(38, 42, 51, 0.97); } .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { padding-left: 12px; padding-right: 12px; } .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button.flat, .header-bar.selection-mode .sidebar-button.button, .header-bar.titlebar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: rgba(82, 148, 226, 0.95); outline-color: rgba(82, 148, 226, 0.25); background-color: #ffffff; border-color: #ffffff; } .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343f; border-color: #262a33; } .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized .csd .header-bar.default-decoration, .maximized .header-bar.default-decoration:backdrop, .maximized .csd .header-bar.default-decoration:backdrop { background-color: #2f343f; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 3px 3px 0 0; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } .csd .titlebar { background-color: rgba(47, 52, 63, 0.97); } .titlebar:backdrop { color: rgba(207, 218, 231, 0.5); background-color: #323843; } .csd .titlebar:backdrop { background-color: rgba(50, 56, 67, 0.97); } .maximized .titlebar { background-color: #2f343f; } .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #323843; } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } .primary-toolbar .separator, .primary-toolbar .sidebar .view.separator, .sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, .sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop, .sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); background-clip: padding-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar .entry.warning, .header-bar .entry.warning { color: white; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(167, 94, 57, 0.988)); } .primary-toolbar .entry.warning:focus, .header-bar .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); } .primary-toolbar .entry.warning:selected, .header-bar .entry.warning:selected, .primary-toolbar .entry.warning:selected:focus, .header-bar .entry.warning:selected:focus { background-color: white; color: #F27835; } .primary-toolbar .entry.error, .header-bar .entry.error { color: white; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(173, 60, 59, 0.988)); } .primary-toolbar .entry.error:focus, .header-bar .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); } .primary-toolbar .entry.error:selected, .header-bar .entry.error:selected, .primary-toolbar .entry.error:selected:focus, .header-bar .entry.error:selected:focus { background-color: white; color: #FC4138; } .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button, .header-bar .linked:not(.vertical):not(.path-bar) > .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar) > .button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:active, .header-bar .linked:not(.vertical):not(.path-bar) > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar) > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar) > .button:insensitive { border-radius: 3px; border-style: solid; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .header-bar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), .header-bar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .primary-toolbar .linked:not(.vertical).path-bar > .button, .header-bar .linked:not(.vertical).path-bar > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover { background-color: rgba(134, 144, 165, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .primary-toolbar .linked:not(.vertical).path-bar > .button:active, .header-bar .linked:not(.vertical).path-bar > .button:active, .primary-toolbar .linked:not(.vertical).path-bar > .button:checked, .header-bar .linked:not(.vertical).path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .primary-toolbar .linked:not(.vertical).path-bar > .button:insensitive, .header-bar .linked:not(.vertical).path-bar > .button:insensitive { color: rgba(207, 218, 231, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button + .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button + .button, .primary-toolbar .linked:not(.vertical).path-bar > .button + .button, .header-bar .linked:not(.vertical).path-bar > .button + .button { border-left-style: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):hover, .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry.warning, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry.error, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry.error { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:last-child, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:last-child, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:last-child, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:active + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .button:active + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:checked + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .button:checked + .entry { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat, .primary-toolbar .suggested-action.sidebar-button.button, .header-bar .suggested-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive, .primary-toolbar .suggested-action.sidebar-button.button:insensitive, .header-bar .suggested-action.sidebar-button.button:insensitive, .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .header-bar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .suggested-action.sidebar-button.button:insensitive > GtkLabel, .header-bar .suggested-action.sidebar-button.button:insensitive > GtkLabel, .primary-toolbar .button.suggested-action:insensitive > GtkLabel, .header-bar .button.suggested-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat, .primary-toolbar .destructive-action.sidebar-button.button, .header-bar .destructive-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive, .primary-toolbar .destructive-action.sidebar-button.button:insensitive, .header-bar .destructive-action.sidebar-button.button:insensitive, .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .header-bar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .destructive-action.sidebar-button.button:insensitive > GtkLabel, .header-bar .destructive-action.sidebar-button.button:insensitive > GtkLabel, .primary-toolbar .button.destructive-action:insensitive > GtkLabel, .header-bar .button.destructive-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(207, 218, 231, 0.05); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr), .header-bar GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl), .header-bar GtkComboBox.combobox-entry .entry:dir(rtl) { border-left-style: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(21, 23, 28, 0.37); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.37)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #454c5c); border-color: rgba(21, 23, 28, 0.67); } .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { background-image: linear-gradient(to bottom, #50586b); border-color: rgba(21, 23, 28, 0.67); } .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, rgba(63, 69, 84, 0.991)); border-color: rgba(21, 23, 28, 0.67); } .path-bar .button { padding: 5px 10px; } .path-bar .button:first-child { padding-left: 10px; } .path-bar .button:last-child { padding-right: 10px; } .path-bar .button:only-child { padding-left: 14px; padding-right: 14px; } .path-bar .button GtkLabel:last-child { padding-left: 4px; } .path-bar .button GtkLabel:first-child { padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 2px; padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: rgba(211, 218, 227, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:selected { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(211, 218, 227, 0.1); } GtkTreeView.view:insensitive { color: rgba(211, 218, 227, 0.45); } GtkTreeView.view:insensitive:selected { color: #97bfee; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #93b7e3; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #8a909b; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #D3DAE3; } GtkTreeView.view.expander:selected { color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } GtkTreeView.view.trough { color: #D3DAE3; background-image: linear-gradient(to bottom, #2b2e39); border-radius: 3px; border-width: 0; } GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { color: #ffffff; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); border-radius: 3px; border-width: 0; } column-header .button { color: #b6bcc6; background-color: #404552; } column-header .button:hover { color: #5294e2; box-shadow: none; transition: none; } column-header .button:active { color: #D3DAE3; transition: none; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; border-image: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294e2; box-shadow: inset 1px 1px 0 1px #5294e2, inset -1px 0 0 1px #5294e2, inset 1px 1px #404552, inset -1px 0 #404552; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, rgba(255, 255, 255, 0) 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active, column-header .button:hover { background-color: #404552; } column-header .button:active:hover { color: #D3DAE3; } column-header .button:insensitive { border-color: #383C4A; background-image: none; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #2f343f; color: rgba(207, 218, 231, 0.8); } .menubar:backdrop { color: rgba(207, 218, 231, 0.5); } .menubar > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } .menubar > .menuitem:hover { background-color: #5294e2; color: #ffffff; } .menubar > .menuitem:insensitive { color: rgba(207, 218, 231, 0.2); border-color: transparent; } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #383C4A; border: 1px solid #2b2e39; } .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } .menu .menuitem { padding: 5px; } .menu .menuitem:hover { color: #ffffff; background-color: #5294e2; } .menu .menuitem:insensitive { color: rgba(211, 218, 227, 0.45); } .menu .menuitem.separator { color: rgba(64, 69, 82, 0); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; } .menu.button.top { border-bottom: 1px solid #4f5461; } .menu.button.bottom { border-top: 1px solid #4f5461; } .menu.button:hover { background-color: #4f5461; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: alpha(currentColor,0.55); } .popover { padding: 2px; border: 1px solid #20222a; border-radius: 3px; background-clip: border-box; background-color: #383C4A; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.35); } .popover .separator, .popover .sidebar .view.separator, .sidebar .popover .view.separator { color: rgba(64, 69, 82, 0); } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .notebook { padding: 0; background-color: #404552; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { border: 1px solid #2b2e39; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #383C4A; } .notebook.header.frame { border: 0px solid #2b2e39; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px #2b2e39; } .notebook.header.bottom { box-shadow: inset 0 1px #2b2e39; } .notebook.header.right { box-shadow: inset 1px 0 #2b2e39; } .notebook.header.left { box-shadow: inset -1px 0 #2b2e39; } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; } .notebook tab.top, .notebook tab.bottom { padding: 4px 15px; } .notebook tab.left, .notebook tab.right { padding: 4px 15px; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; } .notebook tab.reorderable-page.top, .notebook tab.top { padding-top: 6px; border-radius: 3.5px 2px 0 0; border-width: 0; border-top-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #404552; box-shadow: inset 0 1px #2b2e39, inset 0 -1px #404552, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; border-width: 0; border-bottom-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #404552; box-shadow: inset 0 -1px #404552, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; border-width: 0; border-right-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #404552; box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #404552, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; border-width: 0; border-left-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #404552; box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #404552; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(211, 218, 227, 0.45); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(211, 218, 227, 0.725); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #D3DAE3; } .notebook tab .button { padding: 0; color: #9da3ad; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { color: #5294e2; } .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { color: rgba(211, 218, 227, 0.45); } .notebook.arrow:hover { color: rgba(211, 218, 227, 0.725); } .notebook.arrow:active { color: #D3DAE3; } .notebook.arrow:insensitive { color: rgba(211, 218, 227, 0.15); } .scrollbar { -GtkRange-slider-width: 13; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; -GtkRange-slider-width: 6px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; background-color: #a5abb5; border: 1px solid rgba(0, 0, 0, 0.3); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; background-color: transparent; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { margin-top: 2px; margin-bottom: 2px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { background-color: #3e434f; border: 1px none #2b2e39; } .scrollbar .slider { background-color: #767b87; } .scrollbar .slider:hover { background-color: #676b78; } .scrollbar .slider:prelight:active, .scrollbar .slider:active { background-color: #5294e2; } .scrollbar .slider:insensitive { background-color: transparent; } .scrollbar .slider { border-radius: 100px; margin: 3px; } .scrollbar.fine-tune .slider { margin: 4px; } .scrollbar.vertical .slider { margin-left: 4px; } .scrollbar.vertical .slider:dir(rtl) { margin-left: 3px; margin-right: 4px; } .scrollbar.vertical.fine-tune .slider { margin-left: 5px; } .scrollbar.vertical.fine-tune .slider:dir(rtl) { margin-left: 4px; margin-right: 5px; } .scrollbar.vertical .trough { border-left-style: solid; } .scrollbar.vertical .trough:dir(rtl) { border-left-style: none; border-right-style: solid; } .scrollbar.horizontal .slider { margin-top: 4px; } .scrollbar.horizontal.fine-tune .slider { margin-top: 5px; } .scrollbar.horizontal .trough { border-top-style: solid; } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #3e434f; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { border-image-slice: 0 1 0 0; } GtkSwitch { font: 1; -GtkSwitch-slider-width: 52; -GtkSwitch-slider-height: 24; outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; } GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { background-position: left center; } GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-dark.png"), url("assets/switch-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough, .menu .menuitem:hover GtkSwitch.trough, .list-row:selected GtkSwitch.trough, GtkInfoBar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } .header-bar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-dark.png"), url("assets/switch-active-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough:active, .menu .menuitem:hover GtkSwitch.trough:active, .list-row:selected GtkSwitch.trough:active, GtkInfoBar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } .header-bar GtkSwitch.trough:active, .primary-toolbar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough:insensitive, .menu .menuitem:hover GtkSwitch.trough:insensitive, .list-row:selected GtkSwitch.trough:insensitive, GtkInfoBar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:insensitive, .primary-toolbar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-dark.png"), url("assets/switch-active-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough:active:insensitive, .menu .menuitem:hover GtkSwitch.trough:active:insensitive, .list-row:selected GtkSwitch.trough:active:insensitive, GtkInfoBar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:active:insensitive, .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check, .menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:insensitive, .menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:inconsistent, .menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:inconsistent:insensitive, .menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:checked, .menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:checked:insensitive, .menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio, .menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:insensitive, .menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:inconsistent, .menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:inconsistent:insensitive, .menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:checked, .menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:checked:insensitive, .menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } .view.content-view.check:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); background-color: transparent; } .view.content-view.check:checked:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(211, 218, 227, 0.45); } .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; color: alpha(currentColor,0.7); } .scale.trough { margin: 5px; } .scale.fine-tune.trough { border-radius: 5px; margin: 3px; } .scale.slider { background-clip: border-box; background-image: linear-gradient(to bottom, #444a58); border: 1px solid #262933; border-radius: 50%; box-shadow: none; } .scale.slider:hover { background-image: linear-gradient(to bottom, #505666); border-color: #262933; } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #3c414e); border-color: rgba(38, 41, 51, 0.8); } .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .osd .scale.slider { background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95)); border-color: #5294e2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294e2); } .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider, .menu .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider:hover, .menu .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider:active, .menu .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider:insensitive, .menu .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, #2d303b); } .scale.trough.highlight { background-image: linear-gradient(to bottom, #5294e2); } .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(45, 48, 59, 0.55)); } .osd .scale.trough { background-image: linear-gradient(to bottom, rgba(69, 74, 89, 0.95)); outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294e2); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough, .menu .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough.highlight, .menu .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough.highlight:insensitive, .menu .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough:insensitive, .menu .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } GtkProgressBar { padding: 0; font-size: smaller; color: rgba(211, 218, 227, 0.7); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } .progressbar { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } .progressbar.osd { background-color: #5294e2; } .list-row:selected .progressbar, GtkInfoBar .progressbar { background-color: #ffffff; } .osd .scale.progressbar { background-color: #5294e2; } GtkProgressBar.trough, .level-bar.trough { border: none; border-radius: 3px; background-color: #2d303b; } GtkProgressBar.trough.osd, .osd.level-bar.trough { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected GtkProgressBar.trough, .list-row:selected .level-bar.trough, GtkInfoBar GtkProgressBar.trough, GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } GtkLevelBar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; border-radius: 4px; } .level-bar.fill-block { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #73d216; background-color: #73d216; } .level-bar.fill-block.level-low { border-color: #F27835; background-color: #F27835; } .level-bar.fill-block.empty-fill-block { background-color: #404552; border-color: #404552; } .frame { border: 1px solid #2b2e39; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, .sidebar.separator, .sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton .separator, GtkFileChooserButton .sidebar.separator, GtkFileChooserButton .sidebar .view.separator, .sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton .sidebar.separator, GtkFontButton .sidebar .view.separator, .sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton .sidebar .vertical.view.separator, .sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton .sidebar .vertical.view.separator, .sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } .list { background-color: #404552; border-color: #2b2e39; } .list-row, .grid-child { padding: 2px; } .list-row.activatable:hover, GtkPlacesSidebar.sidebar .has-open-popup { background-color: rgba(255, 255, 255, 0.03); } .list-row.activatable:active { color: #D3DAE3; } .list-row.activatable:selected:active { color: #ffffff; } .list-row.activatable:selected:hover, GtkPlacesSidebar.sidebar .has-open-popup:selected { background-color: #4a85cb; } .list-row.activatable:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } .list-row.activatable:selected:insensitive .label { color: inherit; } .list-row, list-row.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.activatable:hover { transition: none; } .app-notification, .app-notification.frame { padding: 10px; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: rgba(31, 33, 40, 0.95); } .app-notification .button, .app-notification.frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .app-notification .button.flat, .app-notification .sidebar-button.button, .app-notification.frame .button.flat, .app-notification.frame .sidebar-button.button { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: white; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkCalendar { color: #D3DAE3; border: 1px solid #2b2e39; border-radius: 3px; padding: 2px; } GtkCalendar:selected { background-color: #5294e2; color: #ffffff; border-radius: 1.5px; } GtkCalendar.header { color: #D3DAE3; border: none; border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(211, 218, 227, 0.45); border-color: transparent; background-color: transparent; background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #D3DAE3; } GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { color: rgba(211, 218, 227, 0.45); background-color: transparent; background-image: none; } GtkCalendar:inconsistent { color: alpha(currentColor,0.55); } GtkCalendar.highlight { color: #D3DAE3; } .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { background-color: rgba(47, 52, 63, 0.97); border-bottom: 1px solid rgba(32, 35, 43, 0.97); } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .message-dialog.csd .dialog-action-area .button { padding: 8px; border-radius: 0; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 3px; } .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 3px; } GtkFileChooserDialog .search-bar { background-color: #383C4A; border-color: #2b2e39; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #2b2e39; } .sidebar, .sidebar .view { border: none; background-color: #3c4150; } GtkSidebarRow.list-row { padding: 0px; } GtkSidebarRow .sidebar-revealer { padding: 3px 14px 3px 12px; } GtkSidebarRow .sidebar-icon:dir(ltr) { padding-right: 8px; } GtkSidebarRow .sidebar-icon:dir(rtl) { padding-left: 8px; } GtkSidebarRow .sidebar-label:dir(ltr) { padding-right: 2px; } GtkSidebarRow .sidebar-label:dir(rtl) { padding-left: 2px; } GtkPlacesSidebar.sidebar .sidebar-placeholder-row { border: solid 1px #5294e2; } GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { background-color: #22242d; } GtkPlacesSidebar.sidebar .list-row.activatable { color: rgba(211, 218, 227, 0.8); border-width: 0; border-style: solid; } .sidebar-button.button { outline-radius: 50%; border-radius: 50%; } .sidebar-button.button.image-button, .header-bar .sidebar-button.button.titlebutton, .titlebar .sidebar-button.button.titlebutton { padding: 3px; } .sidebar-button.button:not(:hover):not(:active) > GtkImage { opacity: 0.5; } .sidebar-item { padding: 10px 4px; } .sidebar-item > GtkLabel { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > GtkLabel { background-size: 6px 6px, 0 0; } GtkPlacesView .server-list-button > GtkImage { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } GtkPlacesView .server-list-button:checked > GtkImage { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } GtkPlacesView .list-row.activatable:hover, GtkPlacesView GtkPlacesSidebar.sidebar .has-open-popup, GtkPlacesSidebar.sidebar GtkPlacesView .has-open-popup { background-color: transparent; } GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { background-color: #2b2e39; } GtkPaned.wide { -GtkPaned-handle-size: 5; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; border-color: #2b2e39; border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } GtkInfoBar { border-style: none; } .info, .question, .warning, .error, GtkInfoBar { background-color: #5294e2; color: #ffffff; } .list-row:selected .button, GtkInfoBar .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } .list-row:selected .flat.button, .list-row:selected .sidebar-button.button, GtkInfoBar .flat.button, GtkInfoBar .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .list-row:selected .button:hover, GtkInfoBar .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .tooltip { color: #BAC3CF; border-radius: 2px; } .tooltip.background { background-color: rgba(75, 81, 98, 0.95); background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } :selected GtkColorSwatch { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch.left, GtkColorSwatch:first-child, GtkColorSwatch:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } GtkColorSwatch.right, GtkColorSwatch:last-child, GtkColorSwatch:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch:only-child, GtkColorSwatch:only-child .overlay { border-radius: 3px; } GtkColorSwatch:hover, GtkColorSwatch:hover:selected { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; } GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { border: 1px solid rgba(0, 0, 0, 0.15); } GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { border-color: rgba(0, 0, 0, 0.25); } GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } GtkColorSwatch#add-color-button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } GtkColorSwatch#add-color-button .overlay { border-color: transparent; background-color: transparent; background-image: none; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } .content-view { background-color: #404552; } .content-view:hover { -gtk-image-effect: highlight; } .scale-popup .button { padding: 6px; } .scale-popup .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } GtkVolumeButton.button { padding: 8px; } .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .window-frame { border-radius: 3px 3px 0 0; border-width: 0px; box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.97), 0 8px 8px 0 rgba(0, 0, 0, 0.35); margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 5px 5px 0 rgba(0, 0, 0, 0.35); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; border-radius: 0; } .window-frame.ssd { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } .window-frame.ssd.maximized { border-radius: 0; } .window-frame.csd.popup { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.45), 0 0 0 1px #22242d; } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25); } .window-frame.csd.message-dialog { border-radius: 3px; } .window-frame.solid-csd { border-radius: 0; margin: 1px; background-color: rgba(47, 52, 63, 0.97); box-shadow: none; } .header-bar.default-decoration .button.titlebutton, .titlebar.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding-left: 4px; padding-right: 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); } .header-bar .button.titlebutton:not(GtkMenuButton), .titlebar .button.titlebutton:not(GtkMenuButton) { padding-top: 8px; padding-bottom: 8px; } .header-bar .button.titlebutton:hover, .titlebar .button.titlebutton:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.close, .titlebar .button.titlebutton.maximize, .titlebar .button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; } .header-bar .button.titlebutton.close:backdrop, .header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { opacity: 1; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } .header-bar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } .header-bar .button.titlebutton.close:hover, .titlebar .button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .button.titlebutton.close:active, .titlebar .button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } .header-bar .button.titlebutton.maximize, .titlebar .button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } .header-bar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } .header-bar .button.titlebutton.maximize:hover, .titlebar .button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } .header-bar .button.titlebutton.maximize:active, .titlebar .button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } .header-bar .button.titlebutton.minimize:hover, .titlebar .button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } .header-bar .button.titlebutton.minimize:active, .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.sidebar-button.button:active, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .list-row:selected, .sidebar:selected, .sidebar .view:selected, GtkPlacesSidebar.sidebar .list-row.activatable:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:focus:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:active:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:active, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:selected, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:active:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:active { background-image: none; background-color: #5294e2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, ScratchMainWindow .notebook tab.top:active, ScratchMainWindow .notebook tab.top.active-page, ScratchMainWindow .notebook tab.top.active-page:hover, EphyNotebook.notebook tab.reorderable-page.top:active, EphyNotebook.notebook tab.reorderable-page.top.active-page, EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, EphyNotebook.notebook tab.top:active, EphyNotebook.notebook tab.top.active-page, EphyNotebook.notebook tab.top.active-page:hover, MidoriNotebook .notebook tab.reorderable-page.top:active, MidoriNotebook .notebook tab.reorderable-page.top.active-page, MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, MidoriNotebook .notebook tab.top:active, MidoriNotebook .notebook tab.top.active-page, MidoriNotebook .notebook tab.top.active-page:hover, TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top.active-page, TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } TerminalWindow .notebook.header.top { box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } GtkHTML { background-color: #404552; color: #D3DAE3; } GtkHTML:active { color: #ffffff; background-color: #5294e2; } SushiFontWidget { padding: 6px 12px; } TerminalWindow .background { background-color: transparent; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { border-width: 0; } TerminalWindow .notebook tab .button { color: #9da3ad; } TerminalWindow .notebook tab .button:hover { color: #D3DAE3; border-color: #2b2e39; background-color: #444a58; } TerminalWindow .notebook .active-page .button:hover, TerminalWindow .notebook .prelight-page .button:hover { color: #ff4d4d; } TerminalWindow .notebook .active-page .button:active, TerminalWindow .notebook .prelight-page .button:active { color: #5294e2; } EelEditableLabel.entry { transition: none; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { color: #D3DAE3; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } .nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #868b97; } .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } NautilusNotebook.notebook { background-color: #404552; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { padding: 5px; box-shadow: none; background-color: #404552; } .nautilus-circular-button.image-button.button, .header-bar .nautilus-circular-button.button.titlebutton, .titlebar .nautilus-circular-button.button.titlebutton { border-radius: 50%; outline-radius: 50%; padding: 8px; } .disk-space-display { border-style: solid; border-width: 1px; } .disk-space-display.unknown { background-color: rgba(211, 218, 227, 0.5); border-color: rgba(180, 192, 207, 0.5); } .disk-space-display.used { background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { background-color: #313541; border-color: #1b1d24; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow .sidebar GtkSeparator.horizontal.view.separator, .sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #2b2e39; } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover { background-color: rgba(134, 144, 165, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:insensitive { color: rgba(207, 218, 231, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .gedit-headerbar-paned { color: rgba(38, 42, 51, 0.97); } .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #404552; } .open-document-selector-treeview.view:prelight { background-color: #4a4f5c; } .open-document-selector-treeview.view:prelight:selected { color: #ffffff; background-color: #5294e2; } .open-document-selector-name-label { color: #D3DAE3; } .open-document-selector-path-label { color: #8a909b; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } .gedit-document-panel .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { color: #9da3ad; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; background-color: transparent; border: none; box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } .gedit-document-panel .prelight-row .button:active { color: #D3DAE3; } .gedit-document-panel-dragged-row { border: 1px solid #2b2e39; background-color: #22242d; color: #D3DAE3; } GeditStatusbar { border-top: 1px solid #2b2e39; background-color: #383C4A; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton.sidebar-button.button, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton.sidebar-button.button:prelight, GeditStatusMenuButton:checked.button.flat, GeditStatusMenuButton.sidebar-button.button:checked { border-bottom-style: none; border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { border-bottom: 1px solid #2b2e39; } .gedit-search-entry-occurrences-tag { color: rgba(211, 218, 227, 0.6); border: none; margin: 2px; padding: 2px; } GeditViewFrame .gedit-search-slider { background-color: #3c4150; padding: 6px; border-color: #2b2e39; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } GbWorkbench .floating-bar { color: #D3DAE3; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr).image:hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):checked, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):checked { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):checked { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; } GbPreferencesPageLanguage .entry { border-radius: 3px 3px 0 0; } GbPreferencesPageLanguage .frame { border-top-width: 0; } GbEditorTweakWidget .linked.vertical > .entry { border-bottom-style: solid; } GbEditorTweakWidget GtkScrolledWindow { border-top: none; } GbViewStack GtkBox.header.notebook { border-bottom: 1px solid #2b2e39; } GbViewStack.focused GtkBox.header.notebook, #project_sidebar_header.focused { background-color: #404552; } GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #2b2e39; } GbNewProjectDialog GtkFileChooserButton.linked-on-right .button { border-radius: 3px 0 0 3px; } GbWorkspacePane GtkBox.header.notebook { border-bottom: 1px solid #2b2e39; } GbWorkspacePane:not(.focused) GtkBox.header.notebook { background-color: #383C4A; } DhSidebar GtkSearchEntry.entry, SymbolTree GtkSearchEntry.entry { border-left: none; border-right: none; border-top: none; border-radius: 0px; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #BAC3CF; background-image: none; background-color: #353945; padding: 6px 6px 6px 6px; border: none; } GbTerminalView { background-color: #404552; color: #D3DAE3; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #2b2e39; } GbViewStack.focused GtkBox.header.notebook { background-color: #404552; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook .button.label.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } EphyWindow .floating-bar { color: #D3DAE3; } .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon { background-color: rgba(211, 218, 227, 0.3); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: #a9caf1; } .documents-entry-tag { background-color: #5294e2; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; background-color: #639fe5; } .documents-entry-tag:active { color: #ffffff; background-color: #4189df; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; border: none; box-shadow: none; icon-shadow: none; } .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } TotemGrilo.vertical GdMainView.frame { border-width: 0; } SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: #5294e2; } .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; } .gnome-panel-menu-bar.menubar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: #BAC3CF; background-color: #2b2e37; } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: #BAC3CF; } PanelApplet .button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: rgba(0, 0, 0, 0.25); border-radius: 0; border-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: #5294e2; } WnckPager { color: #5d6268; } WnckPager:selected { color: #5294e2; } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: #BAC3CF; } .xfce4-panel.panel { background-color: rgba(43, 46, 55, 0.95); text-shadow: none; icon-shadow: none; } .xfce4-panel.panel .button.flat, .xfce4-panel.panel .sidebar-button.button { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); border-radius: 0; border: none; } .xfce4-panel.panel .button.flat:hover, .xfce4-panel.panel .sidebar-button.button:hover { border: none; background-color: rgba(65, 70, 84, 0.95); } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .sidebar-button.button:active, .xfce4-panel.panel .button.flat:checked, .xfce4-panel.panel .sidebar-button.button:checked { color: #ffffff; border: none; background-color: #5294e2; } .floating-bar { background-color: #5294e2; color: #ffffff; } .floating-bar.top { border-radius: 0 0 2px 2px; } .floating-bar.right { border-radius: 2px 0 0 2px; } .floating-bar.bottom { border-radius: 2px 2px 0 0; } .floating-bar.left { border-radius: 0 2px 2px 0; } .floating-bar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { color: #ffffff; background-color: #5294e2; outline-color: transparent; } MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { background-color: transparent; } MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { outline-color: transparent; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } .marlin-pathbar.pathbar:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel .maximized { background-color: rgba(43, 46, 55, 0.95); box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .color-light .composited-indicator { color: rgba(0, 0, 0, 0.65); text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } WingpanelWidgetsIndicatorPopover.popover { padding: 0; font: initial; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .sidebar { background: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage { padding: 0 3px; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active { color: #ffffff; background-color: #5294e2; } WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive { color: rgba(211, 218, 227, 0.45); } PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: #D3DAE3; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { border: 1px solid rgba(32, 35, 43, 0.97); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } UnityDecoration.top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97)); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: rgba(64, 71, 86, 0.97); border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar GtkLabel { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #2b2e39; border-right: 1px solid #2b2e39; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #2b2e39; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } .bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #2b2e39; background-color: #383C4A; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: #383C4A; color: #D3DAE3; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: #434859; } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: #383C4A; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #D3DAE3; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .dynamic-notebook .notebook tab .button > GtkImage { padding: 0; } GraniteWidgetsWelcome { background-color: #404552; } GraniteWidgetsWelcome GtkLabel { color: #868b97; font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(211, 218, 227, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #404552); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry.entry { padding: 4px; } .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: #a5abb5; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: rgba(43, 46, 55, 0.95); color: #BAC3CF; font: bold; box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } #panel_window .menubar { padding-left: 5px; } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { font: normal; } #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: #D3DAE3; } #content_frame { padding-bottom: 14px; background-color: #383C4A; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame .button { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } #content_frame .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } #content_frame .button:active, #content_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } #content_frame .button:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } #content_frame .button:insensitive > GtkLabel { color: inherit; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: rgba(47, 52, 63, 0.97); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px rgba(38, 42, 51, 0.97); } #buttonbox_frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } #buttonbox_frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } #buttonbox_frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } #login_window #user_combobox { color: #D3DAE3; font: 13px; } #login_window #user_combobox .menu { font: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font: bold; } .titlebar .separator, .titlebar .sidebar .view.separator, .sidebar .titlebar .view.separator { color: rgba(38, 42, 51, 0.97); } NemoWindow GtkEventBox { background-color: #383C4A; } GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog .sidebar, NautilusWindow .sidebar, NemoWindow .sidebar { border-right: 1px solid rgba(42, 45, 55, 0.95); } GtkFileChooserDialog .sidebar:dir(rtl), NautilusWindow .sidebar:dir(rtl), NemoWindow .sidebar:dir(rtl) { border-left: 1px solid rgba(42, 45, 55, 0.95); } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .list.sidebar, NautilusWindow.csd.background, NautilusWindow .list.sidebar { background-color: transparent; } GtkFileChooserDialog GtkPlacesSidebar.sidebar, NautilusWindow GtkPlacesSidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-placeholder-row.list-row.activatable, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-placeholder-row.list-row.activatable { border: 1px solid #5294e2; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { background-color: rgba(75, 81, 98, 0.95); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable { border: none; color: #BAC3CF; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable .sidebar-icon { color: rgba(186, 195, 207, 0.6); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup { background-color: rgba(186, 195, 207, 0.15); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:selected .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:active:hover .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:active .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:selected .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:active:hover .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:active .sidebar-icon { color: inherit; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button { color: #BAC3CF; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button:hover, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button:active, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button:active { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button:not(:hover):not(:active) > GtkImage, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button:not(:hover):not(:active) > GtkImage { opacity: 0.5; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, NautilusWindow GtkPlacesSidebar.sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator { color: transparent; } GtkFileChooserDialog.maximized GtkPlacesSidebar.sidebar, NautilusWindow.maximized GtkPlacesSidebar.sidebar { background-color: #353945; } NemoWindow.csd.background, NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { background-color: rgba(53, 57, 69, 0.95); } NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; color: #BAC3CF; } NemoWindow .sidebar .view.image, NemoWindow .sidebar row.image, NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { color: rgba(186, 195, 207, 0.7); } NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar row.cell:selected, MarlinViewWindow .source-list.sidebar.view .view.cell:selected, MarlinViewWindow .source-list.sidebar.view row.cell:selected { background-color: #5294e2; color: #ffffff; } NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { color: #BAC3CF; } NemoWindow .sidebar .separator, NemoWindow .sidebar .view.separator, NemoWindow .source-list.sidebar.view .separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow .sidebar .sidebar.separator, MarlinViewWindow .sidebar .view.separator, MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #353945; } NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: rgba(42, 45, 55, 0.95); } NautilusWindow NautilusWindowSlot { background-color: #404552; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { background-color: rgba(53, 57, 69, 0.95); } GtkFileChooserDialog GtkPlacesSidebar.sidebar { background-color: transparent; } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #383C4A; } GtkFileChooserDialog .dialog-action-box { background-color: #383C4A; } GtkFileChooserDialog .dialog-vbox > .frame { color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame { background-color: transparent; border-color: rgba(20, 21, 26, 0.95); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame GtkLabel, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #BAC3CF; } FeedReaderreaderUI.background.csd > .titlebar .pane-separator, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, GeditWindow.background.csd > .titlebar .pane-separator, GeditWindow.background.csd.maximized > .titlebar .pane-separator, GeditWindow.background.csd > .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { background-color: rgba(38, 42, 51, 0.97); } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: rgba(47, 52, 63, 0.97); } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: rgba(50, 56, 67, 0.97); } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #2f343f; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #323843; } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background .gedit-side-panel-paned .pane-separator { background-color: rgba(42, 45, 55, 0.95); } GeditWindow.background .gedit-bottom-panel-paned .pane-separator { background-color: #2b2e39; } .gedit-bottom-panel-paned { background-color: #404552; } .gedit-document-panel { background-color: rgba(53, 57, 69, 0.95); } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel .list-row { color: #BAC3CF; } .gedit-document-panel .list-row { background-color: rgba(186, 195, 207, 0); border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:active .button { color: #ffffff; } .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { color: #BAC3CF; } GeditFileBrowserWidget { background-color: rgba(53, 57, 69, 0.95); } .maximized GeditFileBrowserWidget { background-color: #353945; } GeditFileBrowserWidget .horizontal { background-color: transparent; border-color: rgba(37, 40, 49, 0.95); } GeditFileBrowserWidget .horizontal GtkComboBox { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294e2; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditFileBrowserWidget .horizontal .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditFileBrowserWidget .horizontal .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditFileBrowserWidget .horizontal .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .image.entry, GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .image.entry:hover, GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { color: inherit; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294e2); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NautilusWindow GtkPlacesSidebar.sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NemoWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, MarlinViewWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, GeditFileBrowserWidget .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .trough, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .trough, NemoWindow .sidebar .scrollbar .trough, NemoWindow .source-list.sidebar.view .scrollbar .trough, MarlinViewWindow .sidebar .scrollbar .trough, MarlinViewWindow .source-list.sidebar.view .scrollbar .trough, GeditFileBrowserWidget .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider, NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserWidget .scrollbar .slider { background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:hover, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:hover, NemoWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .sidebar .scrollbar .slider:hover, GeditFileBrowserWidget .scrollbar .slider:hover { background-color: #f6f7f9; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:prelight:active, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:prelight:active, NemoWindow .sidebar .scrollbar .slider:prelight:active, MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, GeditFileBrowserWidget .scrollbar .slider:prelight:active { background-color: #5294e2; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:insensitive, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:insensitive, NemoWindow .sidebar .scrollbar .slider:insensitive, MarlinViewWindow .sidebar .scrollbar .slider:insensitive, GeditFileBrowserWidget .scrollbar .slider:insensitive { background-color: transparent; } @define-color theme_fg_color #D3DAE3; @define-color theme_text_color #D3DAE3; @define-color theme_bg_color #383C4A; @define-color theme_base_color #404552; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #D3DAE3; @define-color text_color #D3DAE3; @define-color bg_color #383C4A; @define-color base_color #404552; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #3c4150; @define-color insensitive_fg_color alpha(#d3dae3, 0.5); @define-color insensitive_base_color #404552; @define-color theme_unfocused_fg_color #D3DAE3; @define-color theme_unfocused_text_color #D3DAE3; @define-color theme_unfocused_bg_color #383C4A; @define-color theme_unfocused_base_color #404552; @define-color borders #2b2e39; @define-color unfocused_borders #2b2e39; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #a9caf1; @define-color content_view_bg #404552; @define-color wm_title alpha(#cfdae7, 0.8); @define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343f; @define-color wm_bg_unfocused #323843; @define-color wm_highlight #363b48; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #cc575d; @define-color wm_button_close_hover_bg #d7787d; @define-color wm_button_close_active_bg #be3841; @define-color wm_icon_close_bg #2f343f; @define-color wm_button_hover_bg #454C5C; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #262932; @define-color wm_icon_bg #90939B; @define-color wm_icon_unfocused_bg #666A74; @define-color wm_icon_hover_bg #C4C7CC; @define-color wm_icon_active_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.18/gtk-darker.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #2679db; -GtkWidget-visited-link-color: #1e61b0; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(92, 97, 108, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } .background { color: #5c616c; background-color: rgba(245, 246, 247, 0.999); } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #F5F6F7; color: #5c616c; } .gtkstyle-fallback:prelight { background-color: white; color: #5c616c; } .gtkstyle-fallback:active { background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view { color: #5c616c; background-color: #ffffff; } .view.dim-label, .view.label.separator, .header-bar .view.subtitle { color: rgba(92, 97, 108, 0.55); } .view.dim-label:selected, .view.label.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, .view.label.separator:selected:focus, .header-bar .view.subtitle:selected:focus { color: rgba(255, 255, 255, 0.65); text-shadow: none; } .rubberband, GtkTreeView.view.rubberband, .content-view.rubberband { border: 1px solid #2679db; background-color: rgba(38, 121, 219, 0.2); } .label.separator, .popover .label.separator, .sidebar .label.view.separator { color: #5c616c; } .label:insensitive { color: rgba(92, 97, 108, 0.55); } .dim-label, .label.separator, .popover .label.separator, .sidebar .label.view.separator, .header-bar .subtitle { opacity: 0.55; } GtkAssistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #dcdfe3; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar .label { padding: 6px 12px; } GtkAssistant .sidebar .label.highlight { background-color: #5294e2; color: #ffffff; } GtkTextView { background-color: #fafbfb; } .grid-child { padding: 3px; border-radius: 3px; } .grid-child:selected { outline-offset: -2px; } .popover.osd, .osd { color: #BAC3CF; border: none; background-color: rgba(53, 57, 69, 0.95); background-clip: padding-box; outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } .entry { border: 1px solid; padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry.image { color: #7d8189; } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); border: none; border-radius: 0; } .entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294e2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #5294e2; color: #ffffff; } .entry.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } .entry.warning:selected, .entry.warning:selected:focus { background-color: white; color: #F27835; } .entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } .entry.error:selected, .entry.error:selected:focus { background-color: white; color: #FC4138; } .osd .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } .osd .entry.image, .osd .entry.image:hover { color: inherit; } .osd .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294e2); } .osd .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } GtkSearchEntry.entry { border-radius: 20px; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 5px 8px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .button.flat, .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(251, 251, 252, 0); border-color: rgba(207, 214, 230, 0); transition: none; } .button.flat:hover, .sidebar-button.button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } .button.flat:hover:active, .sidebar-button.button:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; transition-duration: 50ms; } .button:active:not(:insensitive) .label:insensitive, .button:checked:not(:insensitive) .label:insensitive { color: inherit; opacity: 0.6; } .button:active { color: #5c616c; } .button:active:hover, .button:checked { color: #ffffff; } .button.flat:insensitive, .sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; } .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294e2; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .button.osd:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .osd .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button:active, .osd .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd .button.flat, .osd .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover, .osd .sidebar-button.button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button.flat:insensitive, .osd .sidebar-button.button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); background-image: none; } .osd .button.flat:active, .osd .sidebar-button.button:active, .osd .button.flat:checked, .osd .sidebar-button.button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd .linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active) + .button:not(:checked):not(:active) { box-shadow: none; } .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .button.suggested-action.flat, .suggested-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .button.suggested-action.flat:insensitive, .suggested-action.sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.suggested-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.suggested-action:insensitive > GtkLabel { color: inherit; } .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .button.destructive-action.flat, .destructive-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .button.destructive-action.flat:insensitive, .destructive-action.sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.destructive-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 7px; } .header-bar .button.image-button, .header-bar .button.titlebutton { padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { padding: 5px 8px; } .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar GtkToolButton > .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .inline-toolbar GtkToolButton > .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } .linked:not(.vertical):not(.path-bar) > .entry + .entry { border-left-color: rgba(207, 214, 230, 0.3); } .linked:not(.vertical):not(.path-bar) > .entry.error + .entry, .linked:not(.vertical):not(.path-bar) > .entry + .entry.error { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry, .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > .entry.error + .entry.warning, .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry.error { border-left-color: #f75d37; } .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:last-child { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .button, .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:last-child { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .button, .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:last-child { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .button, .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > .button:active + .entry, .linked:not(.vertical):not(.path-bar) > .button:checked + .entry { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > .button + .button { border-left-style: none; } .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 1px 0 #cfd6e6; } .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked:not(.vertical):not(.path-bar) > .button:active + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .button:checked + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .button.suggested-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .button.destructive-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .entry + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child) { box-shadow: none; } .linked:not(.vertical).path-bar > .button + .button { border-left-style: none; } .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } .linked.vertical > .entry + .entry { border-top-color: rgba(207, 214, 230, 0.3); } .linked.vertical > .entry.error + .entry, .linked.vertical > .entry + .entry.error { border-top-color: #FC4138; } .linked.vertical > .entry.warning + .entry, .linked.vertical > .entry + .entry.warning { border-top-color: #F27835; } .linked.vertical > .entry.error + .entry.warning, .linked.vertical > .entry.warning + .entry.error { border-top-color: #f75d37; } .linked.vertical > .entry + .entry:focus:not(:last-child), .linked.vertical > .entry + .entry:focus:last-child { border-top-color: #5294e2; } .linked.vertical > .entry:focus:not(:only-child) + .entry, .linked.vertical > .entry:focus:not(:only-child) + .button, .linked.vertical > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #5294e2; } .linked.vertical > .entry + .entry.warning:focus:not(:last-child), .linked.vertical > .entry + .entry.warning:focus:last-child { border-top-color: #F27835; } .linked.vertical > .entry.warning:focus:not(:only-child) + .entry, .linked.vertical > .entry.warning:focus:not(:only-child) + .button, .linked.vertical > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #F27835; } .linked.vertical > .entry + .entry.error:focus:not(:last-child), .linked.vertical > .entry + .entry.error:focus:last-child { border-top-color: #FC4138; } .linked.vertical > .entry.error:focus:not(:only-child) + .entry, .linked.vertical > .entry.error:focus:not(:only-child) + .button, .linked.vertical > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #FC4138; } .linked.vertical > .button:active + .entry, .linked.vertical > .button:checked + .entry { border-top-color: #5294e2; } .linked.vertical > .button + .button { border-top-style: none; } .linked.vertical > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked.vertical > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 0 1px #cfd6e6; } .linked.vertical > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked.vertical > .button:active + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .button:checked + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .button.suggested-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .button.destructive-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .entry + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child) { box-shadow: none; } .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .inline-toolbar.toolbar GtkToolButton > .sidebar-button.button, .inline-toolbar GtkToolButton > .sidebar-button.button, .linked:not(.vertical) > .entry, .linked:not(.vertical) > .entry:focus, .osd .button, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked:not(.vertical) > .button, .linked:not(.vertical) > .button:hover, .linked:not(.vertical) > .button:active, .linked:not(.vertical) > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .primary-toolbar .linked:not(.vertical).path-bar > .button, .header-bar .linked:not(.vertical).path-bar > .button, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:active, .header-bar .linked:not(.vertical).path-bar > .button:active, .primary-toolbar .linked:not(.vertical).path-bar > .button:checked, .header-bar .linked:not(.vertical).path-bar > .button:checked, .primary-toolbar .linked:not(.vertical).path-bar > .button:insensitive, .header-bar .linked:not(.vertical).path-bar > .button:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:insensitive, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl) { border-radius: 0; border-right-style: none; } .linked:not(.vertical) > .entry:first-child, .osd .button:first-child, .inline-toolbar .button:first-child, .linked:not(.vertical) > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar GtkToolButton:first-child > .sidebar-button.button, .linked > GtkComboBox:first-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:first-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:first-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:first-child, .header-bar .linked:not(.vertical).path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .linked:not(.vertical) > .entry:last-child, .osd .button:last-child, .inline-toolbar .button:last-child, .linked:not(.vertical) > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar GtkToolButton:last-child > .sidebar-button.button, .linked > GtkComboBox:last-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:last-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:last-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:last-child, .header-bar .linked:not(.vertical).path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .linked:not(.vertical) > .entry:only-child, .osd .button:only-child, .inline-toolbar .button:only-child, .linked:not(.vertical) > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar GtkToolButton:only-child > .sidebar-button.button, .linked > GtkComboBox:only-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:only-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:only-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:only-child, .header-bar .linked:not(.vertical).path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:only-child { border-radius: 3px; border-style: solid; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, .linked.vertical > GtkComboBox > .the-button-in-the-combobox { border-radius: 0; border-bottom-style: none; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { border-radius: 3px; border-style: solid; } .menuitem.button.flat, .menuitem.sidebar-button.button, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .notebook tab .button, .app-notification .button.flat, .app-notification .sidebar-button.button, .app-notification.frame .button.flat, .app-notification.frame .sidebar-button.button, .app-notification .button.flat:insensitive, .app-notification .sidebar-button.button:insensitive, .app-notification.frame .button.flat:insensitive, .app-notification.frame .sidebar-button.button:insensitive, TerminalWindow .notebook .active-page .button, TerminalWindow .notebook .prelight-page .button, TerminalWindow .notebook .active-page .button:hover, TerminalWindow .notebook .prelight-page .button:hover, TerminalWindow .notebook .active-page .button:active, TerminalWindow .notebook .prelight-page .button:active { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .menuitem.button.flat, .menuitem.sidebar-button.button { transition: none; outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover, .menuitem.sidebar-button.button:hover { background-color: #edeff0; } .menuitem.button.flat:checked, .menuitem.sidebar-button.button:checked { color: #5c616c; } *:link, .button:link, .button:visited { color: #2679db; } *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited:link, *:selected .button:visited { color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #dceaf9; } *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #dceaf9; } .button:link > .label, .button:visited > .label { text-decoration-line: underline; } .spinbutton { border-radius: 3px; } .spinbutton .button { background-image: none; border: 1px solid rgba(220, 223, 227, 0.6); border-style: none none none solid; color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } .spinbutton .button:insensitive { color: rgba(92, 97, 108, 0.55); } .spinbutton .button:active { background-color: #5294e2; color: #ffffff; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #5294e2; border-radius: 0; box-shadow: none; } GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox .sidebar .vertical.view.separator, .sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-style: none; } GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: 1px 0 #5294e2; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: -1px 0 #5294e2; } GtkComboBox.combobox-entry .button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; } GtkComboBox.combobox-entry .button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.85); } .primary-toolbar { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #2f343f, rgba(32, 35, 43, 0.97)) 1 0 1 0; } .inline-toolbar { background-color: #edeef0; border-style: solid; border-color: #dcdfe3; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; border-color: #dcdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { background-color: #edeef0; } .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: #262a33; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; } .csd .header-bar { background-color: rgba(47, 52, 63, 0.97); border-color: rgba(38, 42, 51, 0.97); } .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { padding-left: 12px; padding-right: 12px; } .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button.flat, .header-bar.selection-mode .sidebar-button.button, .header-bar.titlebar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: rgba(82, 148, 226, 0.95); outline-color: rgba(82, 148, 226, 0.25); background-color: #ffffff; border-color: #ffffff; } .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343f; border-color: #262a33; } .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized .csd .header-bar.default-decoration, .maximized .header-bar.default-decoration:backdrop, .maximized .csd .header-bar.default-decoration:backdrop { background-color: #2f343f; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 3px 3px 0 0; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } .csd .titlebar { background-color: rgba(47, 52, 63, 0.97); } .titlebar:backdrop { color: rgba(207, 218, 231, 0.5); background-color: #323843; } .csd .titlebar:backdrop { background-color: rgba(50, 56, 67, 0.97); } .maximized .titlebar { background-color: #2f343f; } .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #323843; } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } .primary-toolbar .separator, .primary-toolbar .sidebar .view.separator, .sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, .sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop, .sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); background-clip: padding-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar .entry.warning, .header-bar .entry.warning { color: white; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(167, 94, 57, 0.988)); } .primary-toolbar .entry.warning:focus, .header-bar .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); } .primary-toolbar .entry.warning:selected, .header-bar .entry.warning:selected, .primary-toolbar .entry.warning:selected:focus, .header-bar .entry.warning:selected:focus { background-color: white; color: #F27835; } .primary-toolbar .entry.error, .header-bar .entry.error { color: white; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(173, 60, 59, 0.988)); } .primary-toolbar .entry.error:focus, .header-bar .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); } .primary-toolbar .entry.error:selected, .header-bar .entry.error:selected, .primary-toolbar .entry.error:selected:focus, .header-bar .entry.error:selected:focus { background-color: white; color: #FC4138; } .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button, .header-bar .linked:not(.vertical):not(.path-bar) > .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar) > .button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:active, .header-bar .linked:not(.vertical):not(.path-bar) > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar) > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar) > .button:insensitive { border-radius: 3px; border-style: solid; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .header-bar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), .header-bar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .primary-toolbar .linked:not(.vertical).path-bar > .button, .header-bar .linked:not(.vertical).path-bar > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover { background-color: rgba(134, 144, 165, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .primary-toolbar .linked:not(.vertical).path-bar > .button:active, .header-bar .linked:not(.vertical).path-bar > .button:active, .primary-toolbar .linked:not(.vertical).path-bar > .button:checked, .header-bar .linked:not(.vertical).path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .primary-toolbar .linked:not(.vertical).path-bar > .button:insensitive, .header-bar .linked:not(.vertical).path-bar > .button:insensitive { color: rgba(207, 218, 231, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button + .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button + .button, .primary-toolbar .linked:not(.vertical).path-bar > .button + .button, .header-bar .linked:not(.vertical).path-bar > .button + .button { border-left-style: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):hover, .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry.warning, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry.error, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry.error { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:last-child, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:last-child, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:last-child, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:active + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .button:active + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:checked + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .button:checked + .entry { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat, .primary-toolbar .suggested-action.sidebar-button.button, .header-bar .suggested-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive, .primary-toolbar .suggested-action.sidebar-button.button:insensitive, .header-bar .suggested-action.sidebar-button.button:insensitive, .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .header-bar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .suggested-action.sidebar-button.button:insensitive > GtkLabel, .header-bar .suggested-action.sidebar-button.button:insensitive > GtkLabel, .primary-toolbar .button.suggested-action:insensitive > GtkLabel, .header-bar .button.suggested-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat, .primary-toolbar .destructive-action.sidebar-button.button, .header-bar .destructive-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive, .primary-toolbar .destructive-action.sidebar-button.button:insensitive, .header-bar .destructive-action.sidebar-button.button:insensitive, .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .header-bar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .destructive-action.sidebar-button.button:insensitive > GtkLabel, .header-bar .destructive-action.sidebar-button.button:insensitive > GtkLabel, .primary-toolbar .button.destructive-action:insensitive > GtkLabel, .header-bar .button.destructive-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(207, 218, 231, 0.05); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr), .header-bar GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl), .header-bar GtkComboBox.combobox-entry .entry:dir(rtl) { border-left-style: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(21, 23, 28, 0.37); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.37)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #454c5c); border-color: rgba(21, 23, 28, 0.67); } .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { background-image: linear-gradient(to bottom, #50586b); border-color: rgba(21, 23, 28, 0.67); } .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, rgba(63, 69, 84, 0.991)); border-color: rgba(21, 23, 28, 0.67); } .path-bar .button { padding: 5px 10px; } .path-bar .button:first-child { padding-left: 10px; } .path-bar .button:last-child { padding-right: 10px; } .path-bar .button:only-child { padding-left: 14px; padding-right: 14px; } .path-bar .button GtkLabel:last-child { padding-left: 4px; } .path-bar .button GtkLabel:first-child { padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 2px; padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: rgba(92, 97, 108, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:selected { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } GtkTreeView.view:insensitive { color: rgba(92, 97, 108, 0.55); } GtkTreeView.view:insensitive:selected { color: #97bfee; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { color: #ffffff; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); border-radius: 3px; border-width: 0; } column-header .button { color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294e2; box-shadow: none; transition: none; } column-header .button:active { color: #5c616c; transition: none; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; border-image: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294e2; box-shadow: inset 1px 1px 0 1px #5294e2, inset -1px 0 0 1px #5294e2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active, column-header .button:hover { background-color: #ffffff; } column-header .button:active:hover { color: #5c616c; } column-header .button:insensitive { border-color: #F5F6F7; background-image: none; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #2f343f; color: rgba(207, 218, 231, 0.8); } .menubar:backdrop { color: rgba(207, 218, 231, 0.5); } .menubar > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } .menubar > .menuitem:hover { background-color: #5294e2; color: #ffffff; } .menubar > .menuitem:insensitive { color: rgba(207, 218, 231, 0.2); border-color: transparent; } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #ffffff; border: 1px solid #dcdfe3; } .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } .menu .menuitem { padding: 5px; } .menu .menuitem:hover { color: #ffffff; background-color: #5294e2; } .menu .menuitem:insensitive { color: rgba(92, 97, 108, 0.55); } .menu .menuitem.separator { color: rgba(255, 255, 255, 0); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; } .menu.button.top { border-bottom: 1px solid #efeff0; } .menu.button.bottom { border-top: 1px solid #efeff0; } .menu.button:hover { background-color: #efeff0; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: alpha(currentColor,0.55); } .popover { padding: 2px; border: 1px solid #cdd2d7; border-radius: 3px; background-clip: border-box; background-color: #ffffff; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .popover .separator, .popover .sidebar .view.separator, .sidebar .popover .view.separator { color: rgba(255, 255, 255, 0); } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .notebook { padding: 0; background-color: #ffffff; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { border: 1px solid #dcdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { border: 0px solid #dcdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px #dcdfe3; } .notebook.header.bottom { box-shadow: inset 0 1px #dcdfe3; } .notebook.header.right { box-shadow: inset 1px 0 #dcdfe3; } .notebook.header.left { box-shadow: inset -1px 0 #dcdfe3; } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; } .notebook tab.top, .notebook tab.bottom { padding: 4px 15px; } .notebook tab.left, .notebook tab.right { padding: 4px 15px; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; } .notebook tab.reorderable-page.top, .notebook tab.top { padding-top: 6px; border-radius: 3.5px 2px 0 0; border-width: 0; border-top-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; border-width: 0; border-bottom-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; border-width: 0; border-right-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; border-width: 0; border-left-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(92, 97, 108, 0.775); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #5c616c; } .notebook tab .button { padding: 0; color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { color: #5294e2; } .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { color: rgba(92, 97, 108, 0.55); } .notebook.arrow:hover { color: rgba(92, 97, 108, 0.775); } .notebook.arrow:active { color: #5c616c; } .notebook.arrow:insensitive { color: rgba(92, 97, 108, 0.25); } .scrollbar { -GtkRange-slider-width: 13; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; -GtkRange-slider-width: 6px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; background-color: #8a8e96; border: 1px solid rgba(255, 255, 255, 0.6); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; background-color: transparent; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { margin-top: 2px; margin-bottom: 2px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { background-color: #fcfcfc; border: 1px none #dcdfe3; } .scrollbar .slider { background-color: #b8babf; } .scrollbar .slider:hover { background-color: #c7c9cd; } .scrollbar .slider:prelight:active, .scrollbar .slider:active { background-color: #5294e2; } .scrollbar .slider:insensitive { background-color: transparent; } .scrollbar .slider { border-radius: 100px; margin: 3px; } .scrollbar.fine-tune .slider { margin: 4px; } .scrollbar.vertical .slider { margin-left: 4px; } .scrollbar.vertical .slider:dir(rtl) { margin-left: 3px; margin-right: 4px; } .scrollbar.vertical.fine-tune .slider { margin-left: 5px; } .scrollbar.vertical.fine-tune .slider:dir(rtl) { margin-left: 4px; margin-right: 5px; } .scrollbar.vertical .trough { border-left-style: solid; } .scrollbar.vertical .trough:dir(rtl) { border-left-style: none; border-right-style: solid; } .scrollbar.horizontal .slider { margin-top: 4px; } .scrollbar.horizontal.fine-tune .slider { margin-top: 5px; } .scrollbar.horizontal .trough { border-top-style: solid; } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { border-image-slice: 0 1 0 0; } GtkSwitch { font: 1; -GtkSwitch-slider-width: 52; -GtkSwitch-slider-height: 24; outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; } GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { background-position: left center; } GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough, .menu .menuitem:hover GtkSwitch.trough, .list-row:selected GtkSwitch.trough, GtkInfoBar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } .header-bar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough:active, .menu .menuitem:hover GtkSwitch.trough:active, .list-row:selected GtkSwitch.trough:active, GtkInfoBar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } .header-bar GtkSwitch.trough:active, .primary-toolbar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough:insensitive, .menu .menuitem:hover GtkSwitch.trough:insensitive, .list-row:selected GtkSwitch.trough:insensitive, GtkInfoBar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:insensitive, .primary-toolbar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough:active:insensitive, .menu .menuitem:hover GtkSwitch.trough:active:insensitive, .list-row:selected GtkSwitch.trough:active:insensitive, GtkInfoBar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:active:insensitive, .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check, .menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:insensitive, .menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:inconsistent, .menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:inconsistent:insensitive, .menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:checked, .menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:checked:insensitive, .menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio, .menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:insensitive, .menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:inconsistent, .menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:inconsistent:insensitive, .menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:checked, .menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:checked:insensitive, .menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } .view.content-view.check:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:checked:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; color: alpha(currentColor,0.7); } .scale.trough { margin: 5px; } .scale.fine-tune.trough { border-radius: 5px; margin: 3px; } .scale.slider { background-clip: border-box; background-image: linear-gradient(to bottom, #fbfbfc); border: 1px solid rgba(123, 142, 186, 0.5); border-radius: 50%; box-shadow: none; } .scale.slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(123, 142, 186, 0.5); } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #fbfbfb); border-color: rgba(123, 142, 186, 0.3); } .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .osd .scale.slider { background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95)); border-color: #5294e2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294e2); } .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider, .menu .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider:hover, .menu .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider:active, .menu .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider:insensitive, .menu .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, #cfd6e6); } .scale.trough.highlight { background-image: linear-gradient(to bottom, #5294e2); } .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd .scale.trough { background-image: linear-gradient(to bottom, rgba(69, 74, 89, 0.95)); outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294e2); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough, .menu .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough.highlight, .menu .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough.highlight:insensitive, .menu .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough:insensitive, .menu .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } GtkProgressBar { padding: 0; font-size: smaller; color: rgba(92, 97, 108, 0.7); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } .progressbar { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } .progressbar.osd { background-color: #5294e2; } .list-row:selected .progressbar, GtkInfoBar .progressbar { background-color: #ffffff; } .osd .scale.progressbar { background-color: #5294e2; } GtkProgressBar.trough, .level-bar.trough { border: none; border-radius: 3px; background-color: #cfd6e6; } GtkProgressBar.trough.osd, .osd.level-bar.trough { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected GtkProgressBar.trough, .list-row:selected .level-bar.trough, GtkInfoBar GtkProgressBar.trough, GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } GtkLevelBar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; border-radius: 4px; } .level-bar.fill-block { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #73d216; background-color: #73d216; } .level-bar.fill-block.level-low { border-color: #F27835; background-color: #F27835; } .level-bar.fill-block.empty-fill-block { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } .frame { border: 1px solid #dcdfe3; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, .sidebar.separator, .sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton .separator, GtkFileChooserButton .sidebar.separator, GtkFileChooserButton .sidebar .view.separator, .sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton .sidebar.separator, GtkFontButton .sidebar .view.separator, .sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton .sidebar .vertical.view.separator, .sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton .sidebar .vertical.view.separator, .sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } .list { background-color: #ffffff; border-color: #dcdfe3; } .list-row, .grid-child { padding: 2px; } .list-row.activatable:hover, GtkPlacesSidebar.sidebar .has-open-popup { background-color: rgba(0, 0, 0, 0.05); } .list-row.activatable:active { color: #5c616c; } .list-row.activatable:selected:active { color: #ffffff; } .list-row.activatable:selected:hover, GtkPlacesSidebar.sidebar .has-open-popup:selected { background-color: #4a85cb; } .list-row.activatable:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } .list-row.activatable:selected:insensitive .label { color: inherit; } .list-row, list-row.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.activatable:hover { transition: none; } .app-notification, .app-notification.frame { padding: 10px; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: rgba(31, 33, 40, 0.95); } .app-notification .button, .app-notification.frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .app-notification .button.flat, .app-notification .sidebar-button.button, .app-notification.frame .button.flat, .app-notification.frame .sidebar-button.button { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: #aaaeb7; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkCalendar { color: #5c616c; border: 1px solid #dcdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { background-color: #5294e2; color: #ffffff; border-radius: 1.5px; } GtkCalendar.header { color: #5c616c; border: none; border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(92, 97, 108, 0.45); border-color: transparent; background-color: transparent; background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #5c616c; } GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { color: rgba(92, 97, 108, 0.55); background-color: transparent; background-image: none; } GtkCalendar:inconsistent { color: alpha(currentColor,0.55); } GtkCalendar.highlight { color: #5c616c; } .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { background-color: rgba(47, 52, 63, 0.97); border-bottom: 1px solid rgba(32, 35, 43, 0.97); } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .message-dialog.csd .dialog-action-area .button { padding: 8px; border-radius: 0; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 3px; } .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 3px; } GtkFileChooserDialog .search-bar { background-color: #F5F6F7; border-color: #dcdfe3; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #dcdfe3; } .sidebar, .sidebar .view { border: none; background-color: #fbfbfc; } GtkSidebarRow.list-row { padding: 0px; } GtkSidebarRow .sidebar-revealer { padding: 3px 14px 3px 12px; } GtkSidebarRow .sidebar-icon:dir(ltr) { padding-right: 8px; } GtkSidebarRow .sidebar-icon:dir(rtl) { padding-left: 8px; } GtkSidebarRow .sidebar-label:dir(ltr) { padding-right: 2px; } GtkSidebarRow .sidebar-label:dir(rtl) { padding-left: 2px; } GtkPlacesSidebar.sidebar .sidebar-placeholder-row { border: solid 1px #5294e2; } GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { background-color: #d9dde0; } GtkPlacesSidebar.sidebar .list-row.activatable { color: rgba(92, 97, 108, 0.8); border-width: 0; border-style: solid; } .sidebar-button.button { outline-radius: 50%; border-radius: 50%; } .sidebar-button.button.image-button, .header-bar .sidebar-button.button.titlebutton, .titlebar .sidebar-button.button.titlebutton { padding: 3px; } .sidebar-button.button:not(:hover):not(:active) > GtkImage { opacity: 0.5; } .sidebar-item { padding: 10px 4px; } .sidebar-item > GtkLabel { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > GtkLabel { background-size: 6px 6px, 0 0; } GtkPlacesView .server-list-button > GtkImage { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } GtkPlacesView .server-list-button:checked > GtkImage { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } GtkPlacesView .list-row.activatable:hover, GtkPlacesView GtkPlacesSidebar.sidebar .has-open-popup, GtkPlacesSidebar.sidebar GtkPlacesView .has-open-popup { background-color: transparent; } GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { background-color: #dcdfe3; } GtkPaned.wide { -GtkPaned-handle-size: 5; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; border-color: #dcdfe3; border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } GtkInfoBar { border-style: none; } .info, .question, .warning, .error, GtkInfoBar { background-color: #5294e2; color: #ffffff; } .list-row:selected .button, GtkInfoBar .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } .list-row:selected .flat.button, .list-row:selected .sidebar-button.button, GtkInfoBar .flat.button, GtkInfoBar .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .list-row:selected .button:hover, GtkInfoBar .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .tooltip { color: #BAC3CF; border-radius: 2px; } .tooltip.background { background-color: rgba(75, 81, 98, 0.95); background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } :selected GtkColorSwatch { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch.left, GtkColorSwatch:first-child, GtkColorSwatch:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } GtkColorSwatch.right, GtkColorSwatch:last-child, GtkColorSwatch:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch:only-child, GtkColorSwatch:only-child .overlay { border-radius: 3px; } GtkColorSwatch:hover, GtkColorSwatch:hover:selected { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; } GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { border: 1px solid rgba(0, 0, 0, 0.15); } GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { border-color: rgba(0, 0, 0, 0.25); } GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } GtkColorSwatch#add-color-button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkColorSwatch#add-color-button .overlay { border-color: transparent; background-color: transparent; background-image: none; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } .content-view { background-color: #ffffff; } .content-view:hover { -gtk-image-effect: highlight; } .scale-popup .button { padding: 6px; } .scale-popup .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkVolumeButton.button { padding: 8px; } .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .window-frame { border-radius: 3px 3px 0 0; border-width: 0px; box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.97), 0 8px 8px 0 rgba(0, 0, 0, 0.2); margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 5px 5px 0 rgba(0, 0, 0, 0.2); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; border-radius: 0; } .window-frame.ssd { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } .window-frame.ssd.maximized { border-radius: 0; } .window-frame.csd.popup { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.message-dialog { border-radius: 3px; } .window-frame.solid-csd { border-radius: 0; margin: 1px; background-color: rgba(47, 52, 63, 0.97); box-shadow: none; } .header-bar.default-decoration .button.titlebutton, .titlebar.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding-left: 4px; padding-right: 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); } .header-bar .button.titlebutton:not(GtkMenuButton), .titlebar .button.titlebutton:not(GtkMenuButton) { padding-top: 8px; padding-bottom: 8px; } .header-bar .button.titlebutton:hover, .titlebar .button.titlebutton:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.close, .titlebar .button.titlebutton.maximize, .titlebar .button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; } .header-bar .button.titlebutton.close:backdrop, .header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { opacity: 1; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } .header-bar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } .header-bar .button.titlebutton.close:hover, .titlebar .button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .button.titlebutton.close:active, .titlebar .button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } .header-bar .button.titlebutton.maximize, .titlebar .button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } .header-bar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } .header-bar .button.titlebutton.maximize:hover, .titlebar .button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } .header-bar .button.titlebutton.maximize:active, .titlebar .button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } .header-bar .button.titlebutton.minimize:hover, .titlebar .button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } .header-bar .button.titlebutton.minimize:active, .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.sidebar-button.button:active, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .list-row:selected, .sidebar:selected, .sidebar .view:selected, GtkPlacesSidebar.sidebar .list-row.activatable:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:focus:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:active:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:active, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:selected, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:active:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:active { background-image: none; background-color: #5294e2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, ScratchMainWindow .notebook tab.top:active, ScratchMainWindow .notebook tab.top.active-page, ScratchMainWindow .notebook tab.top.active-page:hover, EphyNotebook.notebook tab.reorderable-page.top:active, EphyNotebook.notebook tab.reorderable-page.top.active-page, EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, EphyNotebook.notebook tab.top:active, EphyNotebook.notebook tab.top.active-page, EphyNotebook.notebook tab.top.active-page:hover, MidoriNotebook .notebook tab.reorderable-page.top:active, MidoriNotebook .notebook tab.reorderable-page.top.active-page, MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, MidoriNotebook .notebook tab.top:active, MidoriNotebook .notebook tab.top.active-page, MidoriNotebook .notebook tab.top.active-page:hover, TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top.active-page, TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } TerminalWindow .notebook.header.top { box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; } GtkHTML { background-color: #ffffff; color: #5c616c; } GtkHTML:active { color: #ffffff; background-color: #5294e2; } SushiFontWidget { padding: 6px 12px; } TerminalWindow .background { background-color: transparent; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { border-width: 0; } TerminalWindow .notebook tab .button { color: #92959d; } TerminalWindow .notebook tab .button:hover { color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } TerminalWindow .notebook .active-page .button:hover, TerminalWindow .notebook .prelight-page .button:hover { color: #ff4d4d; } TerminalWindow .notebook .active-page .button:active, TerminalWindow .notebook .prelight-page .button:active { color: #5294e2; } EelEditableLabel.entry { transition: none; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { color: #5c616c; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } .nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #a9acb2; } .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } NautilusNotebook.notebook { background-color: #ffffff; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { padding: 5px; box-shadow: none; background-color: #ffffff; } .nautilus-circular-button.image-button.button, .header-bar .nautilus-circular-button.button.titlebutton, .titlebar .nautilus-circular-button.button.titlebutton { border-radius: 50%; outline-radius: 50%; padding: 8px; } .disk-space-display { border-style: solid; border-width: 1px; } .disk-space-display.unknown { background-color: rgba(92, 97, 108, 0.5); border-color: rgba(69, 72, 80, 0.5); } .disk-space-display.used { background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { background-color: #edeef0; border-color: #d0d5da; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow .sidebar GtkSeparator.horizontal.view.separator, .sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #dcdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover { background-color: rgba(134, 144, 165, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:insensitive { color: rgba(207, 218, 231, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .gedit-headerbar-paned { color: rgba(38, 42, 51, 0.97); } .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } .open-document-selector-treeview.view:prelight { background-color: #f4f4f5; } .open-document-selector-treeview.view:prelight:selected { color: #ffffff; background-color: #5294e2; } .open-document-selector-name-label { color: #5c616c; } .open-document-selector-path-label { color: #aeb0b6; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } .gedit-document-panel .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { color: #92959d; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; background-color: transparent; border: none; box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { border-top: 1px solid #dcdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton.sidebar-button.button, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton.sidebar-button.button:prelight, GeditStatusMenuButton:checked.button.flat, GeditStatusMenuButton.sidebar-button.button:checked { border-bottom-style: none; border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { border-bottom: 1px solid #dcdfe3; } .gedit-map-frame { border-color: rgba(0, 0, 0, 0.3); } .gedit-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); border: none; margin: 2px; padding: 2px; } GeditViewFrame .gedit-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } GbWorkbench .floating-bar { color: #5c616c; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr).image:hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):checked, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):checked { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):checked { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; } GbPreferencesPageLanguage .entry { border-radius: 3px 3px 0 0; } GbPreferencesPageLanguage .frame { border-top-width: 0; } GbEditorTweakWidget .linked.vertical > .entry { border-bottom-style: solid; } GbEditorTweakWidget GtkScrolledWindow { border-top: none; } GbViewStack GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbViewStack.focused GtkBox.header.notebook, #project_sidebar_header.focused { background-color: #ffffff; } GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbNewProjectDialog GtkFileChooserButton.linked-on-right .button { border-radius: 3px 0 0 3px; } GbWorkspacePane GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbWorkspacePane:not(.focused) GtkBox.header.notebook { background-color: #F5F6F7; } DhSidebar GtkSearchEntry.entry, SymbolTree GtkSearchEntry.entry { border-left: none; border-right: none; border-top: none; border-radius: 0px; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #BAC3CF; background-image: none; background-color: #353945; padding: 6px 6px 6px 6px; border: none; } GbTerminalView { background-color: #ffffff; color: #5c616c; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #ffffff; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook .button.label.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } EphyWindow .floating-bar { color: #5c616c; } .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: #a9caf1; } .documents-entry-tag { background-color: #5294e2; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; background-color: #639fe5; } .documents-entry-tag:active { color: #ffffff; background-color: #4189df; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; border: none; box-shadow: none; icon-shadow: none; } .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } TotemGrilo.vertical GdMainView.frame { border-width: 0; } SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: #5294e2; } .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; } .gnome-panel-menu-bar.menubar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: #BAC3CF; background-color: #2b2e37; } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: #BAC3CF; } PanelApplet .button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: rgba(0, 0, 0, 0.25); border-radius: 0; border-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: #5294e2; } WnckPager { color: #5d6268; } WnckPager:selected { color: #5294e2; } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: #BAC3CF; } .xfce4-panel.panel { background-color: rgba(43, 46, 55, 0.95); text-shadow: none; icon-shadow: none; } .xfce4-panel.panel .button.flat, .xfce4-panel.panel .sidebar-button.button { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); border-radius: 0; border: none; } .xfce4-panel.panel .button.flat:hover, .xfce4-panel.panel .sidebar-button.button:hover { border: none; background-color: rgba(65, 70, 84, 0.95); } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .sidebar-button.button:active, .xfce4-panel.panel .button.flat:checked, .xfce4-panel.panel .sidebar-button.button:checked { color: #ffffff; border: none; background-color: #5294e2; } .floating-bar { background-color: #5294e2; color: #ffffff; } .floating-bar.top { border-radius: 0 0 2px 2px; } .floating-bar.right { border-radius: 2px 0 0 2px; } .floating-bar.bottom { border-radius: 2px 2px 0 0; } .floating-bar.left { border-radius: 0 2px 2px 0; } .floating-bar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { color: #ffffff; background-color: #5294e2; outline-color: transparent; } MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { background-color: transparent; } MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { outline-color: transparent; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } .marlin-pathbar.pathbar:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel .maximized { background-color: rgba(43, 46, 55, 0.95); box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .color-light .composited-indicator { color: rgba(0, 0, 0, 0.65); text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } WingpanelWidgetsIndicatorPopover.popover { padding: 0; font: initial; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .sidebar { background: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage { padding: 0 3px; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active { color: #ffffff; background-color: #5294e2; } WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive { color: rgba(92, 97, 108, 0.55); } PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: #5c616c; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { border: 1px solid rgba(32, 35, 43, 0.97); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } UnityDecoration.top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97)); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: rgba(64, 71, 86, 0.97); border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar GtkLabel { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #dcdfe3; border-right: 1px solid #dcdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #dcdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } .bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #dcdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: white; } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: #F5F6F7; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #5c616c; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .dynamic-notebook .notebook tab .button > GtkImage { padding: 0; } GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { color: #a9acb2; font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(92, 97, 108, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry.entry { padding: 4px; } .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: #8a8e96; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: rgba(43, 46, 55, 0.95); color: #BAC3CF; font: bold; box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } #panel_window .menubar { padding-left: 5px; } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { font: normal; } #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: #5c616c; } #content_frame { padding-bottom: 14px; background-color: #F5F6F7; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } #content_frame .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } #content_frame .button:active, #content_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } #content_frame .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } #content_frame .button:insensitive > GtkLabel { color: inherit; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: rgba(53, 57, 69, 0.95); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px rgba(53, 57, 69, 0.95); } #buttonbox_frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } #buttonbox_frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } #buttonbox_frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } #login_window #user_combobox { color: #5c616c; font: 13px; } #login_window #user_combobox .menu { font: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font: bold; } .titlebar .separator, .titlebar .sidebar .view.separator, .sidebar .titlebar .view.separator { color: rgba(38, 42, 51, 0.97); } NemoWindow GtkEventBox { background-color: #F5F6F7; } GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .list.sidebar, NautilusWindow.csd.background, NautilusWindow .list.sidebar { background-color: transparent; } GtkFileChooserDialog GtkPlacesSidebar.sidebar, NautilusWindow GtkPlacesSidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-placeholder-row.list-row.activatable, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-placeholder-row.list-row.activatable { border: 1px solid #5294e2; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { background-color: rgba(75, 81, 98, 0.95); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable { border: none; color: #BAC3CF; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable .sidebar-icon { color: rgba(186, 195, 207, 0.6); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup { background-color: rgba(186, 195, 207, 0.15); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:selected .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:active:hover .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:active .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:selected .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:active:hover .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:active .sidebar-icon { color: inherit; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button { color: #BAC3CF; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button:hover, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button:active, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button:active { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button:not(:hover):not(:active) > GtkImage, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button:not(:hover):not(:active) > GtkImage { opacity: 0.5; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, NautilusWindow GtkPlacesSidebar.sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator { color: transparent; } GtkFileChooserDialog.maximized GtkPlacesSidebar.sidebar, NautilusWindow.maximized GtkPlacesSidebar.sidebar { background-color: #353945; } NemoWindow.csd.background, NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { background-color: rgba(53, 57, 69, 0.95); } NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; color: #BAC3CF; } NemoWindow .sidebar .view.image, NemoWindow .sidebar row.image, NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { color: rgba(186, 195, 207, 0.7); } NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar row.cell:selected, MarlinViewWindow .source-list.sidebar.view .view.cell:selected, MarlinViewWindow .source-list.sidebar.view row.cell:selected { background-color: #5294e2; color: #ffffff; } NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { color: #BAC3CF; } NemoWindow .sidebar .separator, NemoWindow .sidebar .view.separator, NemoWindow .source-list.sidebar.view .separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow .sidebar .sidebar.separator, MarlinViewWindow .sidebar .view.separator, MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #353945; } NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: rgba(53, 57, 69, 0.95); } NautilusWindow NautilusWindowSlot { background-color: #ffffff; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { background-color: rgba(53, 57, 69, 0.95); } GtkFileChooserDialog GtkPlacesSidebar.sidebar { background-color: transparent; } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-vbox > .frame { color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame { background-color: transparent; border-color: rgba(37, 40, 49, 0.95); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame GtkLabel, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #BAC3CF; } FeedReaderreaderUI.background.csd > .titlebar .pane-separator, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, GeditWindow.background.csd > .titlebar .pane-separator, GeditWindow.background.csd.maximized > .titlebar .pane-separator, GeditWindow.background.csd > .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { background-color: rgba(38, 42, 51, 0.97); } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: rgba(47, 52, 63, 0.97); } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: rgba(50, 56, 67, 0.97); } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #2f343f; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #323843; } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background .gedit-side-panel-paned .pane-separator { background-color: rgba(53, 57, 69, 0.95); } GeditWindow.background .gedit-bottom-panel-paned .pane-separator { background-color: #dcdfe3; } .gedit-bottom-panel-paned { background-color: #ffffff; } .gedit-document-panel { background-color: rgba(53, 57, 69, 0.95); } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel .list-row { color: #BAC3CF; } .gedit-document-panel .list-row { background-color: rgba(186, 195, 207, 0); border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:active .button { color: #ffffff; } .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { color: #BAC3CF; } GeditFileBrowserWidget { background-color: rgba(53, 57, 69, 0.95); } .maximized GeditFileBrowserWidget { background-color: #353945; } GeditFileBrowserWidget .horizontal { background-color: transparent; border-color: rgba(37, 40, 49, 0.95); } GeditFileBrowserWidget .horizontal GtkComboBox { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294e2; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditFileBrowserWidget .horizontal .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditFileBrowserWidget .horizontal .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditFileBrowserWidget .horizontal .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .image.entry, GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .image.entry:hover, GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { color: inherit; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294e2); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NautilusWindow GtkPlacesSidebar.sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NemoWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, MarlinViewWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, GeditFileBrowserWidget .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .trough, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .trough, NemoWindow .sidebar .scrollbar .trough, NemoWindow .source-list.sidebar.view .scrollbar .trough, MarlinViewWindow .sidebar .scrollbar .trough, MarlinViewWindow .source-list.sidebar.view .scrollbar .trough, GeditFileBrowserWidget .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider, NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserWidget .scrollbar .slider { background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:hover, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:hover, NemoWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .sidebar .scrollbar .slider:hover, GeditFileBrowserWidget .scrollbar .slider:hover { background-color: #f6f7f9; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:prelight:active, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:prelight:active, NemoWindow .sidebar .scrollbar .slider:prelight:active, MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, GeditFileBrowserWidget .scrollbar .slider:prelight:active { background-color: #5294e2; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:insensitive, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:insensitive, NemoWindow .sidebar .scrollbar .slider:insensitive, MarlinViewWindow .sidebar .scrollbar .slider:insensitive, GeditFileBrowserWidget .scrollbar .slider:insensitive { background-color: transparent; } @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; @define-color theme_base_color #ffffff; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #5c616c; @define-color text_color #5c616c; @define-color bg_color #F5F6F7; @define-color base_color #ffffff; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #fbfbfc; @define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; @define-color borders #dcdfe3; @define-color unfocused_borders #dcdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #2679db; @define-color content_view_bg #ffffff; @define-color wm_title alpha(#cfdae7, 0.8); @define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343f; @define-color wm_bg_unfocused #323843; @define-color wm_highlight #363b48; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #cc575d; @define-color wm_button_close_hover_bg #d7787d; @define-color wm_button_close_active_bg #be3841; @define-color wm_icon_close_bg #2f343f; @define-color wm_button_hover_bg #454C5C; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #262932; @define-color wm_icon_bg #90939B; @define-color wm_icon_unfocused_bg #666A74; @define-color wm_icon_hover_bg #C4C7CC; @define-color wm_icon_active_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.18/gtk-solid-dark.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #a9caf1; -GtkWidget-visited-link-color: #7eafe9; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(211, 218, 227, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } .background { color: #D3DAE3; background-color: #383C4A; } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #383C4A; color: #D3DAE3; } .gtkstyle-fallback:prelight { background-color: #4e5467; color: #D3DAE3; } .gtkstyle-fallback:active { background-color: #22242d; color: #D3DAE3; } .gtkstyle-fallback:insensitive { background-color: #3c4150; color: rgba(211, 218, 227, 0.45); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view { color: #D3DAE3; background-color: #404552; } .view.dim-label, .view.label.separator, .header-bar .view.subtitle { color: rgba(211, 218, 227, 0.55); } .view.dim-label:selected, .view.label.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, .view.label.separator:selected:focus, .header-bar .view.subtitle:selected:focus { color: rgba(255, 255, 255, 0.65); text-shadow: none; } .rubberband, GtkTreeView.view.rubberband, .content-view.rubberband { border: 1px solid #2679db; background-color: rgba(38, 121, 219, 0.2); } .label.separator, .popover .label.separator, .sidebar .label.view.separator { color: #D3DAE3; } .label:insensitive { color: rgba(211, 218, 227, 0.45); } .dim-label, .label.separator, .popover .label.separator, .sidebar .label.view.separator, .header-bar .subtitle { opacity: 0.55; } GtkAssistant .sidebar { background-color: #404552; border-top: 1px solid #2b2e39; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #2b2e39; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #2b2e39; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar .label { padding: 6px 12px; } GtkAssistant .sidebar .label.highlight { background-color: #5294e2; color: #ffffff; } GtkTextView { background-color: #3c414e; } .grid-child { padding: 3px; border-radius: 3px; } .grid-child:selected { outline-offset: -2px; } .popover.osd, .osd { color: #BAC3CF; border: none; background-color: #353945; background-clip: padding-box; outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } .entry { border: 1px solid; padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); } .entry.image { color: #b6bcc6; } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); border: none; border-radius: 0; } .entry:focus { background-clip: border-box; color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); box-shadow: inset 1px 0 #5294e2, inset -1px 0 #5294e2, inset 0 1px #5294e2, inset 0 -1px #5294e2; } .entry:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(64, 69, 82, 0.55); background-image: linear-gradient(to bottom, rgba(64, 69, 82, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #5294e2; color: #ffffff; } .entry.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .entry.warning { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #ab6441); } .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } .entry.warning:selected, .entry.warning:selected:focus { background-color: white; color: #F27835; } .entry.error { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #b14342); } .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } .entry.error:selected, .entry.error:selected:focus { background-color: white; color: #FC4138; } .osd .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } .osd .entry.image, .osd .entry.image:hover { color: inherit; } .osd .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294e2); } .osd .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } GtkSearchEntry.entry { border-radius: 20px; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 5px 8px; color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .button.flat, .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(68, 74, 88, 0); border-color: rgba(43, 46, 57, 0); transition: none; } .button.flat:hover, .sidebar-button.button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } .button.flat:hover:active, .sidebar-button.button:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; transition-duration: 50ms; } .button:active:not(:insensitive) .label:insensitive, .button:checked:not(:insensitive) .label:insensitive { color: inherit; opacity: 0.6; } .button:active { color: #D3DAE3; } .button:active:hover, .button:checked { color: #ffffff; } .button.flat:insensitive, .sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; } .button:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); background-color: #353945; border-color: #23262e; } .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294e2; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .button.osd:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .osd .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button:active, .osd .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd .button.flat, .osd .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover, .osd .sidebar-button.button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button.flat:insensitive, .osd .sidebar-button.button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); background-image: none; } .osd .button.flat:active, .osd .sidebar-button.button:active, .osd .button.flat:checked, .osd .sidebar-button.button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd .linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active) + .button:not(:checked):not(:active) { box-shadow: none; } .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .button.suggested-action.flat, .suggested-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .button.suggested-action.flat:insensitive, .suggested-action.sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(211, 218, 227, 0.45); } .button.suggested-action:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .button.suggested-action:insensitive > GtkLabel { color: inherit; } .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .button.destructive-action.flat, .destructive-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .button.destructive-action.flat:insensitive, .destructive-action.sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(211, 218, 227, 0.45); } .button.destructive-action:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 7px; } .header-bar .button.image-button, .header-bar .button.titlebutton { padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { padding: 5px 8px; } .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 2px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar GtkToolButton > .button { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .inline-toolbar GtkToolButton > .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } .linked:not(.vertical):not(.path-bar) > .entry + .entry { border-left-color: rgba(43, 46, 57, 0.3); } .linked:not(.vertical):not(.path-bar) > .entry.error + .entry, .linked:not(.vertical):not(.path-bar) > .entry + .entry.error { border-left-color: rgba(43, 46, 57, 0.3); } .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry, .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning { border-left-color: rgba(43, 46, 57, 0.3); } .linked:not(.vertical):not(.path-bar) > .entry.error + .entry.warning, .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry.error { border-left-color: rgba(43, 46, 57, 0.3); } .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:last-child { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .button, .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:last-child { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .button, .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:last-child { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .button, .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > .button:active + .entry, .linked:not(.vertical):not(.path-bar) > .button:checked + .entry { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > .button + .button { border-left-style: none; } .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 1px 0 #2b2e39; } .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked:not(.vertical):not(.path-bar) > .button:active + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .button:checked + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .button.suggested-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .button.destructive-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .entry + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child) { box-shadow: none; } .linked:not(.vertical).path-bar > .button + .button { border-left-style: none; } .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5), inset -1px 0 rgba(43, 46, 57, 0.5); } .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(43, 46, 57, 0.5); } .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } .linked.vertical > .entry + .entry { border-top-color: rgba(43, 46, 57, 0.3); } .linked.vertical > .entry.error + .entry, .linked.vertical > .entry + .entry.error { border-top-color: rgba(43, 46, 57, 0.3); } .linked.vertical > .entry.warning + .entry, .linked.vertical > .entry + .entry.warning { border-top-color: rgba(43, 46, 57, 0.3); } .linked.vertical > .entry.error + .entry.warning, .linked.vertical > .entry.warning + .entry.error { border-top-color: rgba(43, 46, 57, 0.3); } .linked.vertical > .entry + .entry:focus:not(:last-child), .linked.vertical > .entry + .entry:focus:last-child { border-top-color: #2b2e39; } .linked.vertical > .entry:focus:not(:only-child) + .entry, .linked.vertical > .entry:focus:not(:only-child) + .button, .linked.vertical > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #2b2e39; } .linked.vertical > .entry + .entry.warning:focus:not(:last-child), .linked.vertical > .entry + .entry.warning:focus:last-child { border-top-color: #2b2e39; } .linked.vertical > .entry.warning:focus:not(:only-child) + .entry, .linked.vertical > .entry.warning:focus:not(:only-child) + .button, .linked.vertical > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #2b2e39; } .linked.vertical > .entry + .entry.error:focus:not(:last-child), .linked.vertical > .entry + .entry.error:focus:last-child { border-top-color: #2b2e39; } .linked.vertical > .entry.error:focus:not(:only-child) + .entry, .linked.vertical > .entry.error:focus:not(:only-child) + .button, .linked.vertical > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #2b2e39; } .linked.vertical > .button:active + .entry, .linked.vertical > .button:checked + .entry { border-top-color: #2b2e39; } .linked.vertical > .button + .button { border-top-style: none; } .linked.vertical > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked.vertical > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 0 1px #2b2e39; } .linked.vertical > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked.vertical > .button:active + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .button:checked + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .button.suggested-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .button.destructive-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .entry + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child) { box-shadow: none; } .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .inline-toolbar.toolbar GtkToolButton > .sidebar-button.button, .inline-toolbar GtkToolButton > .sidebar-button.button, .linked:not(.vertical) > .entry, .linked:not(.vertical) > .entry:focus, .osd .button, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked:not(.vertical) > .button, .linked:not(.vertical) > .button:hover, .linked:not(.vertical) > .button:active, .linked:not(.vertical) > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .primary-toolbar .linked:not(.vertical).path-bar > .button, .header-bar .linked:not(.vertical).path-bar > .button, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:active, .header-bar .linked:not(.vertical).path-bar > .button:active, .primary-toolbar .linked:not(.vertical).path-bar > .button:checked, .header-bar .linked:not(.vertical).path-bar > .button:checked, .primary-toolbar .linked:not(.vertical).path-bar > .button:insensitive, .header-bar .linked:not(.vertical).path-bar > .button:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:insensitive, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl) { border-radius: 0; border-right-style: none; } .linked:not(.vertical) > .entry:first-child, .osd .button:first-child, .inline-toolbar .button:first-child, .linked:not(.vertical) > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar GtkToolButton:first-child > .sidebar-button.button, .linked > GtkComboBox:first-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:first-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:first-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:first-child, .header-bar .linked:not(.vertical).path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .linked:not(.vertical) > .entry:last-child, .osd .button:last-child, .inline-toolbar .button:last-child, .linked:not(.vertical) > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar GtkToolButton:last-child > .sidebar-button.button, .linked > GtkComboBox:last-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:last-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:last-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:last-child, .header-bar .linked:not(.vertical).path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .linked:not(.vertical) > .entry:only-child, .osd .button:only-child, .inline-toolbar .button:only-child, .linked:not(.vertical) > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar GtkToolButton:only-child > .sidebar-button.button, .linked > GtkComboBox:only-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:only-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:only-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:only-child, .header-bar .linked:not(.vertical).path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:only-child { border-radius: 3px; border-style: solid; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, .linked.vertical > GtkComboBox > .the-button-in-the-combobox { border-radius: 0; border-bottom-style: none; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { border-radius: 3px; border-style: solid; } .menuitem.button.flat, .menuitem.sidebar-button.button, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .notebook tab .button, .app-notification .button.flat, .app-notification .sidebar-button.button, .app-notification.frame .button.flat, .app-notification.frame .sidebar-button.button, .app-notification .button.flat:insensitive, .app-notification .sidebar-button.button:insensitive, .app-notification.frame .button.flat:insensitive, .app-notification.frame .sidebar-button.button:insensitive, TerminalWindow .notebook .active-page .button, TerminalWindow .notebook .prelight-page .button, TerminalWindow .notebook .active-page .button:hover, TerminalWindow .notebook .prelight-page .button:hover, TerminalWindow .notebook .active-page .button:active, TerminalWindow .notebook .prelight-page .button:active { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .menuitem.button.flat, .menuitem.sidebar-button.button { transition: none; outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover, .menuitem.sidebar-button.button:hover { background-color: #484c59; } .menuitem.button.flat:checked, .menuitem.sidebar-button.button:checked { color: #D3DAE3; } *:link, .button:link, .button:visited { color: #a9caf1; } *:link:visited, .button:visited { color: #7eafe9; } *:selected *:link:visited, *:selected .button:visited:link, *:selected .button:visited { color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #d5e5f8; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #a9caf1; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #dceaf9; } *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #dceaf9; } .button:link > .label, .button:visited > .label { text-decoration-line: underline; } .spinbutton { border-radius: 3px; } .spinbutton .button { background-image: none; border: 1px solid rgba(43, 46, 57, 0.6); border-style: none none none solid; color: #ccd3dc; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } .spinbutton .button:insensitive { color: rgba(211, 218, 227, 0.45); } .spinbutton .button:active { background-color: #5294e2; color: #ffffff; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #5294e2; border-radius: 0; box-shadow: none; } GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(211, 218, 227, 0.45); } GtkComboBox .separator.vertical, GtkComboBox .sidebar .vertical.view.separator, .sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-style: none; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } GtkComboBox.combobox-entry .button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; } GtkComboBox.combobox-entry .button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #383C4A; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.9); } .primary-toolbar { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #2f343f, #20232b) 1 0 1 0; } .inline-toolbar { background-color: #313541; border-style: solid; border-color: #2b2e39; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: #383C4A; border-style: solid; border-color: #2b2e39; border-width: 0 0 1px; padding: 3px; } .action-bar { background-color: #313541; } .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: #262a33; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; } .csd .header-bar { background-color: #2f343f; border-color: #262a33; } .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { padding-left: 12px; padding-right: 12px; } .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294e2; border-color: #4189df; box-shadow: none; } .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { background-color: #5294e2; color: rgba(255, 255, 255, 0.6); } .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button.flat, .header-bar.selection-mode .sidebar-button.button, .header-bar.titlebar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343f; border-color: #262a33; } .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized .csd .header-bar.default-decoration, .maximized .header-bar.default-decoration:backdrop, .maximized .csd .header-bar.default-decoration:backdrop { background-color: #2f343f; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 3px 3px 0 0; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: inset 0 1px #363b48; } .csd .titlebar { background-color: #2f343f; } .titlebar:backdrop { color: rgba(207, 218, 231, 0.5); background-color: #323843; } .csd .titlebar:backdrop { background-color: #323843; } .maximized .titlebar { background-color: #2f343f; } .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #323843; } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } .primary-toolbar .separator, .primary-toolbar .sidebar .view.separator, .sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, .sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop, .sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); background-clip: padding-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar .entry.warning, .header-bar .entry.warning { color: white; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #a45d39); } .primary-toolbar .entry.warning:focus, .header-bar .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); } .primary-toolbar .entry.warning:selected, .header-bar .entry.warning:selected, .primary-toolbar .entry.warning:selected:focus, .header-bar .entry.warning:selected:focus { background-color: white; color: #F27835; } .primary-toolbar .entry.error, .header-bar .entry.error { color: white; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #aa3c3b); } .primary-toolbar .entry.error:focus, .header-bar .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); } .primary-toolbar .entry.error:selected, .header-bar .entry.error:selected, .primary-toolbar .entry.error:selected:focus, .header-bar .entry.error:selected:focus { background-color: white; color: #FC4138; } .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button, .header-bar .linked:not(.vertical):not(.path-bar) > .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar) > .button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:active, .header-bar .linked:not(.vertical):not(.path-bar) > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar) > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar) > .button:insensitive { border-radius: 3px; border-style: solid; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .header-bar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), .header-bar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .primary-toolbar .linked:not(.vertical).path-bar > .button, .header-bar .linked:not(.vertical).path-bar > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover { background-color: rgba(134, 144, 165, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .primary-toolbar .linked:not(.vertical).path-bar > .button:active, .header-bar .linked:not(.vertical).path-bar > .button:active, .primary-toolbar .linked:not(.vertical).path-bar > .button:checked, .header-bar .linked:not(.vertical).path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .primary-toolbar .linked:not(.vertical).path-bar > .button:insensitive, .header-bar .linked:not(.vertical).path-bar > .button:insensitive { color: rgba(207, 218, 231, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button + .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button + .button, .primary-toolbar .linked:not(.vertical).path-bar > .button + .button, .header-bar .linked:not(.vertical).path-bar > .button + .button { border-left-style: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):hover, .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry.warning, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry.error, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry.error { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:last-child, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:last-child, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:last-child, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:active + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .button:active + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:checked + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .button:checked + .entry { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat, .primary-toolbar .suggested-action.sidebar-button.button, .header-bar .suggested-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive, .primary-toolbar .suggested-action.sidebar-button.button:insensitive, .header-bar .suggested-action.sidebar-button.button:insensitive, .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .header-bar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .suggested-action.sidebar-button.button:insensitive > GtkLabel, .header-bar .suggested-action.sidebar-button.button:insensitive > GtkLabel, .primary-toolbar .button.suggested-action:insensitive > GtkLabel, .header-bar .button.suggested-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat, .primary-toolbar .destructive-action.sidebar-button.button, .header-bar .destructive-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive, .primary-toolbar .destructive-action.sidebar-button.button:insensitive, .header-bar .destructive-action.sidebar-button.button:insensitive, .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .header-bar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .destructive-action.sidebar-button.button:insensitive > GtkLabel, .header-bar .destructive-action.sidebar-button.button:insensitive > GtkLabel, .primary-toolbar .button.destructive-action:insensitive > GtkLabel, .header-bar .button.destructive-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(207, 218, 231, 0.05); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr), .header-bar GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl), .header-bar GtkComboBox.combobox-entry .entry:dir(rtl) { border-left-style: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(21, 23, 28, 0.4); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.4)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #454c5c); border-color: rgba(21, 23, 28, 0.7); } .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { background-image: linear-gradient(to bottom, #50586b); border-color: rgba(21, 23, 28, 0.7); } .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #3e4553); border-color: rgba(21, 23, 28, 0.7); } .path-bar .button { padding: 5px 10px; } .path-bar .button:first-child { padding-left: 10px; } .path-bar .button:last-child { padding-right: 10px; } .path-bar .button:only-child { padding-left: 14px; padding-right: 14px; } .path-bar .button GtkLabel:last-child { padding-left: 4px; } .path-bar .button GtkLabel:first-child { padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 2px; padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: rgba(211, 218, 227, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:selected { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(211, 218, 227, 0.1); } GtkTreeView.view:insensitive { color: rgba(211, 218, 227, 0.45); } GtkTreeView.view:insensitive:selected { color: #97bfee; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #93b7e3; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #8a909b; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #D3DAE3; } GtkTreeView.view.expander:selected { color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } GtkTreeView.view.trough { color: #D3DAE3; background-image: linear-gradient(to bottom, #2b2e39); border-radius: 3px; border-width: 0; } GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { color: #ffffff; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); border-radius: 3px; border-width: 0; } column-header .button { color: #b6bcc6; background-color: #404552; } column-header .button:hover { color: #5294e2; box-shadow: none; transition: none; } column-header .button:active { color: #D3DAE3; transition: none; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; border-image: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294e2; box-shadow: inset 1px 1px 0 1px #5294e2, inset -1px 0 0 1px #5294e2, inset 1px 1px #404552, inset -1px 0 #404552; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, rgba(255, 255, 255, 0) 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active, column-header .button:hover { background-color: #404552; } column-header .button:active:hover { color: #D3DAE3; } column-header .button:insensitive { border-color: #383C4A; background-image: none; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #2f343f; color: rgba(207, 218, 231, 0.8); } .menubar:backdrop { color: rgba(207, 218, 231, 0.5); } .menubar > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } .menubar > .menuitem:hover { background-color: #5294e2; color: #ffffff; } .menubar > .menuitem:insensitive { color: rgba(207, 218, 231, 0.2); border-color: transparent; } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #383C4A; border: 1px solid #2b2e39; } .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } .menu .menuitem { padding: 5px; } .menu .menuitem:hover { color: #ffffff; background-color: #5294e2; } .menu .menuitem:insensitive { color: rgba(211, 218, 227, 0.45); } .menu .menuitem.separator { color: rgba(64, 69, 82, 0); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; } .menu.button.top { border-bottom: 1px solid #4f5461; } .menu.button.bottom { border-top: 1px solid #4f5461; } .menu.button:hover { background-color: #4f5461; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: alpha(currentColor,0.55); } .popover { padding: 2px; border: 1px solid #20222a; border-radius: 3px; background-clip: border-box; background-color: #383C4A; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.35); } .popover .separator, .popover .sidebar .view.separator, .sidebar .popover .view.separator { color: rgba(64, 69, 82, 0); } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .notebook { padding: 0; background-color: #404552; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { border: 1px solid #2b2e39; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #383C4A; } .notebook.header.frame { border: 0px solid #2b2e39; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px #2b2e39; } .notebook.header.bottom { box-shadow: inset 0 1px #2b2e39; } .notebook.header.right { box-shadow: inset 1px 0 #2b2e39; } .notebook.header.left { box-shadow: inset -1px 0 #2b2e39; } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; } .notebook tab.top, .notebook tab.bottom { padding: 4px 15px; } .notebook tab.left, .notebook tab.right { padding: 4px 15px; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; } .notebook tab.reorderable-page.top, .notebook tab.top { padding-top: 6px; border-radius: 3.5px 2px 0 0; border-width: 0; border-top-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #404552; box-shadow: inset 0 1px #2b2e39, inset 0 -1px #404552, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; border-width: 0; border-bottom-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #404552; box-shadow: inset 0 -1px #404552, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; border-width: 0; border-right-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #404552; box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #404552, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; border-width: 0; border-left-width: 2px; border-color: transparent; background-color: rgba(64, 69, 82, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(64, 69, 82, 0.5); box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #404552; box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #404552; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(211, 218, 227, 0.45); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(211, 218, 227, 0.725); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #D3DAE3; } .notebook tab .button { padding: 0; color: #9da3ad; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { color: #5294e2; } .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { color: rgba(211, 218, 227, 0.45); } .notebook.arrow:hover { color: rgba(211, 218, 227, 0.725); } .notebook.arrow:active { color: #D3DAE3; } .notebook.arrow:insensitive { color: rgba(211, 218, 227, 0.15); } .scrollbar { -GtkRange-slider-width: 13; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; -GtkRange-slider-width: 6px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; background-color: #a5abb5; border: 1px solid rgba(0, 0, 0, 0.3); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; background-color: transparent; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { margin-top: 2px; margin-bottom: 2px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { background-color: #3e434f; border: 1px none #2b2e39; } .scrollbar .slider { background-color: #767b87; } .scrollbar .slider:hover { background-color: #676b78; } .scrollbar .slider:prelight:active, .scrollbar .slider:active { background-color: #5294e2; } .scrollbar .slider:insensitive { background-color: transparent; } .scrollbar .slider { border-radius: 100px; margin: 3px; } .scrollbar.fine-tune .slider { margin: 4px; } .scrollbar.vertical .slider { margin-left: 4px; } .scrollbar.vertical .slider:dir(rtl) { margin-left: 3px; margin-right: 4px; } .scrollbar.vertical.fine-tune .slider { margin-left: 5px; } .scrollbar.vertical.fine-tune .slider:dir(rtl) { margin-left: 4px; margin-right: 5px; } .scrollbar.vertical .trough { border-left-style: solid; } .scrollbar.vertical .trough:dir(rtl) { border-left-style: none; border-right-style: solid; } .scrollbar.horizontal .slider { margin-top: 4px; } .scrollbar.horizontal.fine-tune .slider { margin-top: 5px; } .scrollbar.horizontal .trough { border-top-style: solid; } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #3e434f; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { border-image-slice: 0 1 0 0; } GtkSwitch { font: 1; -GtkSwitch-slider-width: 52; -GtkSwitch-slider-height: 24; outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; } GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { background-position: left center; } GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-dark.png"), url("assets/switch-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough, .menu .menuitem:hover GtkSwitch.trough, .list-row:selected GtkSwitch.trough, GtkInfoBar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } .header-bar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-dark.png"), url("assets/switch-active-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough:active, .menu .menuitem:hover GtkSwitch.trough:active, .list-row:selected GtkSwitch.trough:active, GtkInfoBar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } .header-bar GtkSwitch.trough:active, .primary-toolbar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough:insensitive, .menu .menuitem:hover GtkSwitch.trough:insensitive, .list-row:selected GtkSwitch.trough:insensitive, GtkInfoBar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:insensitive, .primary-toolbar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-dark.png"), url("assets/switch-active-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough:active:insensitive, .menu .menuitem:hover GtkSwitch.trough:active:insensitive, .list-row:selected GtkSwitch.trough:active:insensitive, GtkInfoBar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:active:insensitive, .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check, .menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:insensitive, .menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:inconsistent, .menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:inconsistent:insensitive, .menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:checked, .menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:checked:insensitive, .menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio, .menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:insensitive, .menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:inconsistent, .menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:inconsistent:insensitive, .menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:checked, .menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:checked:insensitive, .menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } .view.content-view.check:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); background-color: transparent; } .view.content-view.check:checked:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(211, 218, 227, 0.45); } .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; color: alpha(currentColor,0.7); } .scale.trough { margin: 5px; } .scale.fine-tune.trough { border-radius: 5px; margin: 3px; } .scale.slider { background-clip: border-box; background-image: linear-gradient(to bottom, #444a58); border: 1px solid #262933; border-radius: 50%; box-shadow: none; } .scale.slider:hover { background-image: linear-gradient(to bottom, #505666); border-color: #262933; } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #3c414e); border-color: rgba(38, 41, 51, 0.8); } .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .osd .scale.slider { background-image: linear-gradient(to bottom, #353945); border-color: #5294e2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294e2); } .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider, .menu .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider:hover, .menu .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider:active, .menu .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider:insensitive, .menu .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, #2d303b); } .scale.trough.highlight { background-image: linear-gradient(to bottom, #5294e2); } .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(45, 48, 59, 0.55)); } .osd .scale.trough { background-image: linear-gradient(to bottom, #454a59); outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294e2); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough, .menu .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough.highlight, .menu .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough.highlight:insensitive, .menu .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough:insensitive, .menu .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } GtkProgressBar { padding: 0; font-size: smaller; color: rgba(211, 218, 227, 0.7); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } .progressbar { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } .progressbar.osd { background-color: #5294e2; } .list-row:selected .progressbar, GtkInfoBar .progressbar { background-color: #ffffff; } .osd .scale.progressbar { background-color: #5294e2; } GtkProgressBar.trough, .level-bar.trough { border: none; border-radius: 3px; background-color: #2d303b; } GtkProgressBar.trough.osd, .osd.level-bar.trough { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected GtkProgressBar.trough, .list-row:selected .level-bar.trough, GtkInfoBar GtkProgressBar.trough, GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } GtkLevelBar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; border-radius: 4px; } .level-bar.fill-block { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #73d216; background-color: #73d216; } .level-bar.fill-block.level-low { border-color: #F27835; background-color: #F27835; } .level-bar.fill-block.empty-fill-block { background-color: #404552; border-color: #404552; } .frame { border: 1px solid #2b2e39; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, .sidebar.separator, .sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton .separator, GtkFileChooserButton .sidebar.separator, GtkFileChooserButton .sidebar .view.separator, .sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton .sidebar.separator, GtkFontButton .sidebar .view.separator, .sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton .sidebar .vertical.view.separator, .sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton .sidebar .vertical.view.separator, .sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } .list { background-color: #404552; border-color: #2b2e39; } .list-row, .grid-child { padding: 2px; } .list-row.activatable:hover, GtkPlacesSidebar.sidebar .has-open-popup { background-color: rgba(255, 255, 255, 0.03); } .list-row.activatable:active { color: #D3DAE3; } .list-row.activatable:selected:active { color: #ffffff; } .list-row.activatable:selected:hover, GtkPlacesSidebar.sidebar .has-open-popup:selected { background-color: #4a85cb; } .list-row.activatable:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } .list-row.activatable:selected:insensitive .label { color: inherit; } .list-row, list-row.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.activatable:hover { transition: none; } .app-notification, .app-notification.frame { padding: 10px; color: #BAC3CF; background-color: #353945; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #1f2128; } .app-notification .button, .app-notification.frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .app-notification .button.flat, .app-notification .sidebar-button.button, .app-notification.frame .button.flat, .app-notification.frame .sidebar-button.button { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: white; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkCalendar { color: #D3DAE3; border: 1px solid #2b2e39; border-radius: 3px; padding: 2px; } GtkCalendar:selected { background-color: #5294e2; color: #ffffff; border-radius: 1.5px; } GtkCalendar.header { color: #D3DAE3; border: none; border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(211, 218, 227, 0.45); border-color: transparent; background-color: transparent; background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #D3DAE3; } GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { color: rgba(211, 218, 227, 0.45); background-color: transparent; background-image: none; } GtkCalendar:inconsistent { color: alpha(currentColor,0.55); } GtkCalendar.highlight { color: #D3DAE3; } .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { background-color: #2f343f; border-bottom: 1px solid #20232b; } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .message-dialog.csd .dialog-action-area .button { padding: 8px; border-radius: 0; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 3px; } .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 3px; } GtkFileChooserDialog .search-bar { background-color: #383C4A; border-color: #2b2e39; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #2b2e39; } .sidebar, .sidebar .view { border: none; background-color: #3c4150; } GtkSidebarRow.list-row { padding: 0px; } GtkSidebarRow .sidebar-revealer { padding: 3px 14px 3px 12px; } GtkSidebarRow .sidebar-icon:dir(ltr) { padding-right: 8px; } GtkSidebarRow .sidebar-icon:dir(rtl) { padding-left: 8px; } GtkSidebarRow .sidebar-label:dir(ltr) { padding-right: 2px; } GtkSidebarRow .sidebar-label:dir(rtl) { padding-left: 2px; } GtkPlacesSidebar.sidebar .sidebar-placeholder-row { border: solid 1px #5294e2; } GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { background-color: #22242d; } GtkPlacesSidebar.sidebar .list-row.activatable { color: rgba(211, 218, 227, 0.8); border-width: 0; border-style: solid; } .sidebar-button.button { outline-radius: 50%; border-radius: 50%; } .sidebar-button.button.image-button, .header-bar .sidebar-button.button.titlebutton, .titlebar .sidebar-button.button.titlebutton { padding: 3px; } .sidebar-button.button:not(:hover):not(:active) > GtkImage { opacity: 0.5; } .sidebar-item { padding: 10px 4px; } .sidebar-item > GtkLabel { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > GtkLabel { background-size: 6px 6px, 0 0; } GtkPlacesView .server-list-button > GtkImage { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } GtkPlacesView .server-list-button:checked > GtkImage { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } GtkPlacesView .list-row.activatable:hover, GtkPlacesView GtkPlacesSidebar.sidebar .has-open-popup, GtkPlacesSidebar.sidebar GtkPlacesView .has-open-popup { background-color: transparent; } GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { background-color: #2b2e39; } GtkPaned.wide { -GtkPaned-handle-size: 5; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; border-color: #2b2e39; border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } GtkInfoBar { border-style: none; } .info, .question, .warning, .error, GtkInfoBar { background-color: #5294e2; color: #ffffff; } .list-row:selected .button, GtkInfoBar .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } .list-row:selected .flat.button, .list-row:selected .sidebar-button.button, GtkInfoBar .flat.button, GtkInfoBar .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .list-row:selected .button:hover, GtkInfoBar .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .tooltip { color: #BAC3CF; border-radius: 2px; } .tooltip.background { background-color: #4b5162; background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } :selected GtkColorSwatch { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch.left, GtkColorSwatch:first-child, GtkColorSwatch:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } GtkColorSwatch.right, GtkColorSwatch:last-child, GtkColorSwatch:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch:only-child, GtkColorSwatch:only-child .overlay { border-radius: 3px; } GtkColorSwatch:hover, GtkColorSwatch:hover:selected { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; } GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { border: 1px solid rgba(0, 0, 0, 0.15); } GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { border-color: rgba(0, 0, 0, 0.25); } GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } GtkColorSwatch#add-color-button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } GtkColorSwatch#add-color-button .overlay { border-color: transparent; background-color: transparent; background-image: none; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } .content-view { background-color: #404552; } .content-view:hover { -gtk-image-effect: highlight; } .scale-popup .button { padding: 6px; } .scale-popup .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } GtkVolumeButton.button { padding: 8px; } .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .window-frame { border-radius: 3px 3px 0 0; border-width: 0px; box-shadow: 0 0 0 1px #20232b, 0 8px 8px 0 rgba(0, 0, 0, 0.35); margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 5px 5px 0 rgba(0, 0, 0, 0.35); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; border-radius: 0; } .window-frame.ssd { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } .window-frame.ssd.maximized { border-radius: 0; } .window-frame.csd.popup { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.45), 0 0 0 1px #22242d; } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25); } .window-frame.csd.message-dialog { border-radius: 3px; } .window-frame.solid-csd { border-radius: 0; margin: 1px; background-color: #2f343f; box-shadow: none; } .header-bar.default-decoration .button.titlebutton, .titlebar.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding-left: 4px; padding-right: 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); } .header-bar .button.titlebutton:not(GtkMenuButton), .titlebar .button.titlebutton:not(GtkMenuButton) { padding-top: 8px; padding-bottom: 8px; } .header-bar .button.titlebutton:hover, .titlebar .button.titlebutton:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.close, .titlebar .button.titlebutton.maximize, .titlebar .button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; } .header-bar .button.titlebutton.close:backdrop, .header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { opacity: 1; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } .header-bar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } .header-bar .button.titlebutton.close:hover, .titlebar .button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .button.titlebutton.close:active, .titlebar .button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } .header-bar .button.titlebutton.maximize, .titlebar .button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } .header-bar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } .header-bar .button.titlebutton.maximize:hover, .titlebar .button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } .header-bar .button.titlebutton.maximize:active, .titlebar .button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } .header-bar .button.titlebutton.minimize:hover, .titlebar .button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } .header-bar .button.titlebutton.minimize:active, .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.sidebar-button.button:active, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .list-row:selected, .sidebar:selected, .sidebar .view:selected, GtkPlacesSidebar.sidebar .list-row.activatable:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:focus:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:active:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:active, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:selected, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:active:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:active { background-image: none; background-color: #5294e2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, ScratchMainWindow .notebook tab.top:active, ScratchMainWindow .notebook tab.top.active-page, ScratchMainWindow .notebook tab.top.active-page:hover, EphyNotebook.notebook tab.reorderable-page.top:active, EphyNotebook.notebook tab.reorderable-page.top.active-page, EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, EphyNotebook.notebook tab.top:active, EphyNotebook.notebook tab.top.active-page, EphyNotebook.notebook tab.top.active-page:hover, MidoriNotebook .notebook tab.reorderable-page.top:active, MidoriNotebook .notebook tab.reorderable-page.top.active-page, MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, MidoriNotebook .notebook tab.top:active, MidoriNotebook .notebook tab.top.active-page, MidoriNotebook .notebook tab.top.active-page:hover, TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top.active-page, TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } TerminalWindow .notebook.header.top { box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } GtkHTML { background-color: #404552; color: #D3DAE3; } GtkHTML:active { color: #ffffff; background-color: #5294e2; } SushiFontWidget { padding: 6px 12px; } TerminalWindow .background { background-color: transparent; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { border-width: 0; } TerminalWindow .notebook tab .button { color: #9da3ad; } TerminalWindow .notebook tab .button:hover { color: #D3DAE3; border-color: #2b2e39; background-color: #444a58; } TerminalWindow .notebook .active-page .button:hover, TerminalWindow .notebook .prelight-page .button:hover { color: #ff4d4d; } TerminalWindow .notebook .active-page .button:active, TerminalWindow .notebook .prelight-page .button:active { color: #5294e2; } EelEditableLabel.entry { transition: none; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { color: #D3DAE3; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } .nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #868b97; } .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } NautilusNotebook.notebook { background-color: #404552; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { padding: 5px; box-shadow: none; background-color: #404552; } .nautilus-circular-button.image-button.button, .header-bar .nautilus-circular-button.button.titlebutton, .titlebar .nautilus-circular-button.button.titlebutton { border-radius: 50%; outline-radius: 50%; padding: 8px; } .disk-space-display { border-style: solid; border-width: 1px; } .disk-space-display.unknown { background-color: rgba(211, 218, 227, 0.5); border-color: rgba(180, 192, 207, 0.5); } .disk-space-display.used { background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { background-color: #313541; border-color: #1b1d24; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow .sidebar GtkSeparator.horizontal.view.separator, .sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #2b2e39; } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover { background-color: rgba(134, 144, 165, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:insensitive { color: rgba(207, 218, 231, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .gedit-headerbar-paned { color: #262a33; } .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #404552; } .open-document-selector-treeview.view:prelight { background-color: #4a4f5c; } .open-document-selector-treeview.view:prelight:selected { color: #ffffff; background-color: #5294e2; } .open-document-selector-name-label { color: #D3DAE3; } .open-document-selector-path-label { color: #8a909b; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } .gedit-document-panel .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { color: #9da3ad; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; background-color: transparent; border: none; box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } .gedit-document-panel .prelight-row .button:active { color: #D3DAE3; } .gedit-document-panel-dragged-row { border: 1px solid #2b2e39; background-color: #22242d; color: #D3DAE3; } GeditStatusbar { border-top: 1px solid #2b2e39; background-color: #383C4A; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton.sidebar-button.button, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton.sidebar-button.button:prelight, GeditStatusMenuButton:checked.button.flat, GeditStatusMenuButton.sidebar-button.button:checked { border-bottom-style: none; border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { border-bottom: 1px solid #2b2e39; } .gedit-search-entry-occurrences-tag { color: rgba(211, 218, 227, 0.6); border: none; margin: 2px; padding: 2px; } GeditViewFrame .gedit-search-slider { background-color: #3c4150; padding: 6px; border-color: #2b2e39; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } GbWorkbench .floating-bar { color: #D3DAE3; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr).image:hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):checked, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):checked { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):checked { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; } GbPreferencesPageLanguage .entry { border-radius: 3px 3px 0 0; } GbPreferencesPageLanguage .frame { border-top-width: 0; } GbEditorTweakWidget .linked.vertical > .entry { border-bottom-style: solid; } GbEditorTweakWidget GtkScrolledWindow { border-top: none; } GbViewStack GtkBox.header.notebook { border-bottom: 1px solid #2b2e39; } GbViewStack.focused GtkBox.header.notebook, #project_sidebar_header.focused { background-color: #404552; } GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #2b2e39; } GbNewProjectDialog GtkFileChooserButton.linked-on-right .button { border-radius: 3px 0 0 3px; } GbWorkspacePane GtkBox.header.notebook { border-bottom: 1px solid #2b2e39; } GbWorkspacePane:not(.focused) GtkBox.header.notebook { background-color: #383C4A; } DhSidebar GtkSearchEntry.entry, SymbolTree GtkSearchEntry.entry { border-left: none; border-right: none; border-top: none; border-radius: 0px; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #BAC3CF; background-image: none; background-color: #353945; padding: 6px 6px 6px 6px; border: none; } GbTerminalView { background-color: #404552; color: #D3DAE3; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #2b2e39; } GbViewStack.focused GtkBox.header.notebook { background-color: #404552; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook .button.label.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } EphyWindow .floating-bar { color: #D3DAE3; } .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon { background-color: rgba(211, 218, 227, 0.3); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: #a9caf1; } .documents-entry-tag { background-color: #5294e2; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; background-color: #639fe5; } .documents-entry-tag:active { color: #ffffff; background-color: #4189df; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; border: none; box-shadow: none; icon-shadow: none; } .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } TotemGrilo.vertical GdMainView.frame { border-width: 0; } SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: #5294e2; } .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; } .gnome-panel-menu-bar.menubar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: #BAC3CF; background-color: #2b2e37; } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: #BAC3CF; } PanelApplet .button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: rgba(0, 0, 0, 0.25); border-radius: 0; border-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: #5294e2; } WnckPager { color: #5d6268; } WnckPager:selected { color: #5294e2; } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: #BAC3CF; } .xfce4-panel.panel { background-color: #2b2e37; text-shadow: none; icon-shadow: none; } .xfce4-panel.panel .button.flat, .xfce4-panel.panel .sidebar-button.button { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); border-radius: 0; border: none; } .xfce4-panel.panel .button.flat:hover, .xfce4-panel.panel .sidebar-button.button:hover { border: none; background-color: #414654; } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .sidebar-button.button:active, .xfce4-panel.panel .button.flat:checked, .xfce4-panel.panel .sidebar-button.button:checked { color: #ffffff; border: none; background-color: #5294e2; } .floating-bar { background-color: #5294e2; color: #ffffff; } .floating-bar.top { border-radius: 0 0 2px 2px; } .floating-bar.right { border-radius: 2px 0 0 2px; } .floating-bar.bottom { border-radius: 2px 2px 0 0; } .floating-bar.left { border-radius: 0 2px 2px 0; } .floating-bar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { color: #ffffff; background-color: #5294e2; outline-color: transparent; } MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { background-color: transparent; } MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { outline-color: transparent; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } .marlin-pathbar.pathbar:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel .maximized { background-color: #2b2e37; box-shadow: inset 0 -1px #1b1d23; } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .color-light .composited-indicator { color: rgba(0, 0, 0, 0.65); text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } WingpanelWidgetsIndicatorPopover.popover { padding: 0; font: initial; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .sidebar { background: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage { padding: 0 3px; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active { color: #ffffff; background-color: #5294e2; } WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive { color: rgba(211, 218, 227, 0.45); } PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: #D3DAE3; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { border: 1px solid #20232b; border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px #363b48; } UnityDecoration.top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #20232b); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: #404756; border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar GtkLabel { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #2b2e39; border-right: 1px solid #2b2e39; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #2b2e39; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } .bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #2b2e39; background-color: #383C4A; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: #383C4A; color: #D3DAE3; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: #434859; } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: #383C4A; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #D3DAE3; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .dynamic-notebook .notebook tab .button > GtkImage { padding: 0; } GraniteWidgetsWelcome { background-color: #404552; } GraniteWidgetsWelcome GtkLabel { color: #868b97; font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(211, 218, 227, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #404552); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry.entry { padding: 4px; } .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: #a5abb5; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: #2b2e37; color: #BAC3CF; font: bold; box-shadow: inset 0 -1px #1b1d23; } #panel_window .menubar { padding-left: 5px; } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { font: normal; } #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: #D3DAE3; } #content_frame { padding-bottom: 14px; background-color: #383C4A; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame .button { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } #content_frame .button:hover { color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #505666; } #content_frame .button:active, #content_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294e2; } #content_frame .button:insensitive { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } #content_frame .button:insensitive > GtkLabel { color: inherit; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: #2f343f; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px #262a33; } #buttonbox_frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } #buttonbox_frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } #buttonbox_frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } #login_window #user_combobox { color: #D3DAE3; font: 13px; } #login_window #user_combobox .menu { font: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font: bold; } .titlebar .separator, .titlebar .sidebar .view.separator, .sidebar .titlebar .view.separator { color: #262a33; } NemoWindow GtkEventBox { background-color: #383C4A; } GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog .sidebar, NautilusWindow .sidebar, NemoWindow .sidebar { border-right: 1px solid #2a2d37; } GtkFileChooserDialog .sidebar:dir(rtl), NautilusWindow .sidebar:dir(rtl), NemoWindow .sidebar:dir(rtl) { border-left: 1px solid #2a2d37; } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .list.sidebar, NautilusWindow.csd.background, NautilusWindow .list.sidebar { background-color: transparent; } GtkFileChooserDialog GtkPlacesSidebar.sidebar, NautilusWindow GtkPlacesSidebar.sidebar { background-color: #353945; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-placeholder-row.list-row.activatable, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-placeholder-row.list-row.activatable { border: 1px solid #5294e2; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { background-color: #4b5162; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable { border: none; color: #BAC3CF; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable .sidebar-icon { color: rgba(186, 195, 207, 0.6); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup { background-color: rgba(186, 195, 207, 0.15); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:selected .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:active:hover .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:active .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:selected .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:active:hover .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:active .sidebar-icon { color: inherit; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button { color: #BAC3CF; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button:hover, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button:active, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button:active { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button:not(:hover):not(:active) > GtkImage, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button:not(:hover):not(:active) > GtkImage { opacity: 0.5; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, NautilusWindow GtkPlacesSidebar.sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator { color: transparent; } GtkFileChooserDialog.maximized GtkPlacesSidebar.sidebar, NautilusWindow.maximized GtkPlacesSidebar.sidebar { background-color: #353945; } NemoWindow.csd.background, NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { background-color: #353945; } NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; color: #BAC3CF; } NemoWindow .sidebar .view.image, NemoWindow .sidebar row.image, NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { color: rgba(186, 195, 207, 0.7); } NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar row.cell:selected, MarlinViewWindow .source-list.sidebar.view .view.cell:selected, MarlinViewWindow .source-list.sidebar.view row.cell:selected { background-color: #5294e2; color: #ffffff; } NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { color: #BAC3CF; } NemoWindow .sidebar .separator, NemoWindow .sidebar .view.separator, NemoWindow .source-list.sidebar.view .separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow .sidebar .sidebar.separator, MarlinViewWindow .sidebar .view.separator, MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #353945; } NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: #2a2d37; } NautilusWindow NautilusWindowSlot { background-color: #404552; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { background-color: #353945; } GtkFileChooserDialog GtkPlacesSidebar.sidebar { background-color: transparent; } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #383C4A; } GtkFileChooserDialog .dialog-action-box { background-color: #383C4A; } GtkFileChooserDialog .dialog-vbox > .frame { color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame { background-color: transparent; border-color: #14151a; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame GtkLabel, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #BAC3CF; } FeedReaderreaderUI.background.csd > .titlebar .pane-separator, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, GeditWindow.background.csd > .titlebar .pane-separator, GeditWindow.background.csd.maximized > .titlebar .pane-separator, GeditWindow.background.csd > .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { background-color: #262a33; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #2f343f; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #323843; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #2f343f; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #323843; } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background .gedit-side-panel-paned .pane-separator { background-color: #2a2d37; } GeditWindow.background .gedit-bottom-panel-paned .pane-separator { background-color: #2b2e39; } .gedit-bottom-panel-paned { background-color: #404552; } .gedit-document-panel { background-color: #353945; } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel .list-row { color: #BAC3CF; } .gedit-document-panel .list-row { background-color: rgba(186, 195, 207, 0); border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:active .button { color: #ffffff; } .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { color: #BAC3CF; } GeditFileBrowserWidget { background-color: #353945; } .maximized GeditFileBrowserWidget { background-color: #353945; } GeditFileBrowserWidget .horizontal { background-color: transparent; border-color: #252831; } GeditFileBrowserWidget .horizontal GtkComboBox { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294e2; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditFileBrowserWidget .horizontal .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditFileBrowserWidget .horizontal .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditFileBrowserWidget .horizontal .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .image.entry, GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .image.entry:hover, GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { color: inherit; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294e2); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NautilusWindow GtkPlacesSidebar.sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NemoWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, MarlinViewWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, GeditFileBrowserWidget .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .trough, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .trough, NemoWindow .sidebar .scrollbar .trough, NemoWindow .source-list.sidebar.view .scrollbar .trough, MarlinViewWindow .sidebar .scrollbar .trough, MarlinViewWindow .source-list.sidebar.view .scrollbar .trough, GeditFileBrowserWidget .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider, NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserWidget .scrollbar .slider { background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:hover, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:hover, NemoWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .sidebar .scrollbar .slider:hover, GeditFileBrowserWidget .scrollbar .slider:hover { background-color: #f6f7f9; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:prelight:active, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:prelight:active, NemoWindow .sidebar .scrollbar .slider:prelight:active, MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, GeditFileBrowserWidget .scrollbar .slider:prelight:active { background-color: #5294e2; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:insensitive, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:insensitive, NemoWindow .sidebar .scrollbar .slider:insensitive, MarlinViewWindow .sidebar .scrollbar .slider:insensitive, GeditFileBrowserWidget .scrollbar .slider:insensitive { background-color: transparent; } @define-color theme_fg_color #D3DAE3; @define-color theme_text_color #D3DAE3; @define-color theme_bg_color #383C4A; @define-color theme_base_color #404552; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #D3DAE3; @define-color text_color #D3DAE3; @define-color bg_color #383C4A; @define-color base_color #404552; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #3c4150; @define-color insensitive_fg_color alpha(#d3dae3, 0.5); @define-color insensitive_base_color #404552; @define-color theme_unfocused_fg_color #D3DAE3; @define-color theme_unfocused_text_color #D3DAE3; @define-color theme_unfocused_bg_color #383C4A; @define-color theme_unfocused_base_color #404552; @define-color borders #2b2e39; @define-color unfocused_borders #2b2e39; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #a9caf1; @define-color content_view_bg #404552; @define-color wm_title alpha(#cfdae7, 0.8); @define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343f; @define-color wm_bg_unfocused #323843; @define-color wm_highlight #363b48; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #cc575d; @define-color wm_button_close_hover_bg #d7787d; @define-color wm_button_close_active_bg #be3841; @define-color wm_icon_close_bg #2f343f; @define-color wm_button_hover_bg #454C5C; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #262932; @define-color wm_icon_bg #90939B; @define-color wm_icon_unfocused_bg #666A74; @define-color wm_icon_hover_bg #C4C7CC; @define-color wm_icon_active_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.18/gtk-solid-darker.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #2679db; -GtkWidget-visited-link-color: #1e61b0; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(92, 97, 108, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } .background { color: #5c616c; background-color: #F5F6F7; } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #F5F6F7; color: #5c616c; } .gtkstyle-fallback:prelight { background-color: white; color: #5c616c; } .gtkstyle-fallback:active { background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view { color: #5c616c; background-color: #ffffff; } .view.dim-label, .view.label.separator, .header-bar .view.subtitle { color: rgba(92, 97, 108, 0.55); } .view.dim-label:selected, .view.label.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, .view.label.separator:selected:focus, .header-bar .view.subtitle:selected:focus { color: rgba(255, 255, 255, 0.65); text-shadow: none; } .rubberband, GtkTreeView.view.rubberband, .content-view.rubberband { border: 1px solid #2679db; background-color: rgba(38, 121, 219, 0.2); } .label.separator, .popover .label.separator, .sidebar .label.view.separator { color: #5c616c; } .label:insensitive { color: rgba(92, 97, 108, 0.55); } .dim-label, .label.separator, .popover .label.separator, .sidebar .label.view.separator, .header-bar .subtitle { opacity: 0.55; } GtkAssistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #dcdfe3; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar .label { padding: 6px 12px; } GtkAssistant .sidebar .label.highlight { background-color: #5294e2; color: #ffffff; } GtkTextView { background-color: #fafbfb; } .grid-child { padding: 3px; border-radius: 3px; } .grid-child:selected { outline-offset: -2px; } .popover.osd, .osd { color: #BAC3CF; border: none; background-color: #353945; background-clip: padding-box; outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } .entry { border: 1px solid; padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry.image { color: #7d8189; } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); border: none; border-radius: 0; } .entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294e2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #5294e2; color: #ffffff; } .entry.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } .entry.warning:selected, .entry.warning:selected:focus { background-color: white; color: #F27835; } .entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } .entry.error:selected, .entry.error:selected:focus { background-color: white; color: #FC4138; } .osd .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } .osd .entry.image, .osd .entry.image:hover { color: inherit; } .osd .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294e2); } .osd .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } GtkSearchEntry.entry { border-radius: 20px; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 5px 8px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .button.flat, .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(251, 251, 252, 0); border-color: rgba(207, 214, 230, 0); transition: none; } .button.flat:hover, .sidebar-button.button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } .button.flat:hover:active, .sidebar-button.button:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; transition-duration: 50ms; } .button:active:not(:insensitive) .label:insensitive, .button:checked:not(:insensitive) .label:insensitive { color: inherit; opacity: 0.6; } .button:active { color: #5c616c; } .button:active:hover, .button:checked { color: #ffffff; } .button.flat:insensitive, .sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; } .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); background-color: #353945; border-color: #23262e; } .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294e2; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .button.osd:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .osd .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button:active, .osd .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd .button.flat, .osd .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover, .osd .sidebar-button.button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button.flat:insensitive, .osd .sidebar-button.button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); background-image: none; } .osd .button.flat:active, .osd .sidebar-button.button:active, .osd .button.flat:checked, .osd .sidebar-button.button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd .linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active) + .button:not(:checked):not(:active) { box-shadow: none; } .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .button.suggested-action.flat, .suggested-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .button.suggested-action.flat:insensitive, .suggested-action.sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.suggested-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.suggested-action:insensitive > GtkLabel { color: inherit; } .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .button.destructive-action.flat, .destructive-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .button.destructive-action.flat:insensitive, .destructive-action.sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.destructive-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 7px; } .header-bar .button.image-button, .header-bar .button.titlebutton { padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { padding: 5px 8px; } .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar GtkToolButton > .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .inline-toolbar GtkToolButton > .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } .linked:not(.vertical):not(.path-bar) > .entry + .entry { border-left-color: rgba(207, 214, 230, 0.3); } .linked:not(.vertical):not(.path-bar) > .entry.error + .entry, .linked:not(.vertical):not(.path-bar) > .entry + .entry.error { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry, .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > .entry.error + .entry.warning, .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry.error { border-left-color: #f75d37; } .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:last-child { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .button, .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:last-child { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .button, .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:last-child { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .button, .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > .button:active + .entry, .linked:not(.vertical):not(.path-bar) > .button:checked + .entry { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > .button + .button { border-left-style: none; } .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 1px 0 #cfd6e6; } .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked:not(.vertical):not(.path-bar) > .button:active + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .button:checked + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .button.suggested-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .button.destructive-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .entry + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child) { box-shadow: none; } .linked:not(.vertical).path-bar > .button + .button { border-left-style: none; } .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } .linked.vertical > .entry + .entry { border-top-color: rgba(207, 214, 230, 0.3); } .linked.vertical > .entry.error + .entry, .linked.vertical > .entry + .entry.error { border-top-color: #FC4138; } .linked.vertical > .entry.warning + .entry, .linked.vertical > .entry + .entry.warning { border-top-color: #F27835; } .linked.vertical > .entry.error + .entry.warning, .linked.vertical > .entry.warning + .entry.error { border-top-color: #f75d37; } .linked.vertical > .entry + .entry:focus:not(:last-child), .linked.vertical > .entry + .entry:focus:last-child { border-top-color: #5294e2; } .linked.vertical > .entry:focus:not(:only-child) + .entry, .linked.vertical > .entry:focus:not(:only-child) + .button, .linked.vertical > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #5294e2; } .linked.vertical > .entry + .entry.warning:focus:not(:last-child), .linked.vertical > .entry + .entry.warning:focus:last-child { border-top-color: #F27835; } .linked.vertical > .entry.warning:focus:not(:only-child) + .entry, .linked.vertical > .entry.warning:focus:not(:only-child) + .button, .linked.vertical > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #F27835; } .linked.vertical > .entry + .entry.error:focus:not(:last-child), .linked.vertical > .entry + .entry.error:focus:last-child { border-top-color: #FC4138; } .linked.vertical > .entry.error:focus:not(:only-child) + .entry, .linked.vertical > .entry.error:focus:not(:only-child) + .button, .linked.vertical > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #FC4138; } .linked.vertical > .button:active + .entry, .linked.vertical > .button:checked + .entry { border-top-color: #5294e2; } .linked.vertical > .button + .button { border-top-style: none; } .linked.vertical > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked.vertical > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 0 1px #cfd6e6; } .linked.vertical > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked.vertical > .button:active + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .button:checked + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .button.suggested-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .button.destructive-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .entry + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child) { box-shadow: none; } .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .inline-toolbar.toolbar GtkToolButton > .sidebar-button.button, .inline-toolbar GtkToolButton > .sidebar-button.button, .linked:not(.vertical) > .entry, .linked:not(.vertical) > .entry:focus, .osd .button, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked:not(.vertical) > .button, .linked:not(.vertical) > .button:hover, .linked:not(.vertical) > .button:active, .linked:not(.vertical) > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .primary-toolbar .linked:not(.vertical).path-bar > .button, .header-bar .linked:not(.vertical).path-bar > .button, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:active, .header-bar .linked:not(.vertical).path-bar > .button:active, .primary-toolbar .linked:not(.vertical).path-bar > .button:checked, .header-bar .linked:not(.vertical).path-bar > .button:checked, .primary-toolbar .linked:not(.vertical).path-bar > .button:insensitive, .header-bar .linked:not(.vertical).path-bar > .button:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:insensitive, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl) { border-radius: 0; border-right-style: none; } .linked:not(.vertical) > .entry:first-child, .osd .button:first-child, .inline-toolbar .button:first-child, .linked:not(.vertical) > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar GtkToolButton:first-child > .sidebar-button.button, .linked > GtkComboBox:first-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:first-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:first-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:first-child, .header-bar .linked:not(.vertical).path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .linked:not(.vertical) > .entry:last-child, .osd .button:last-child, .inline-toolbar .button:last-child, .linked:not(.vertical) > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar GtkToolButton:last-child > .sidebar-button.button, .linked > GtkComboBox:last-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:last-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:last-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:last-child, .header-bar .linked:not(.vertical).path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .linked:not(.vertical) > .entry:only-child, .osd .button:only-child, .inline-toolbar .button:only-child, .linked:not(.vertical) > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar GtkToolButton:only-child > .sidebar-button.button, .linked > GtkComboBox:only-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:only-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:only-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:only-child, .header-bar .linked:not(.vertical).path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:only-child { border-radius: 3px; border-style: solid; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, .linked.vertical > GtkComboBox > .the-button-in-the-combobox { border-radius: 0; border-bottom-style: none; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { border-radius: 3px; border-style: solid; } .menuitem.button.flat, .menuitem.sidebar-button.button, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .notebook tab .button, .app-notification .button.flat, .app-notification .sidebar-button.button, .app-notification.frame .button.flat, .app-notification.frame .sidebar-button.button, .app-notification .button.flat:insensitive, .app-notification .sidebar-button.button:insensitive, .app-notification.frame .button.flat:insensitive, .app-notification.frame .sidebar-button.button:insensitive, TerminalWindow .notebook .active-page .button, TerminalWindow .notebook .prelight-page .button, TerminalWindow .notebook .active-page .button:hover, TerminalWindow .notebook .prelight-page .button:hover, TerminalWindow .notebook .active-page .button:active, TerminalWindow .notebook .prelight-page .button:active { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .menuitem.button.flat, .menuitem.sidebar-button.button { transition: none; outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover, .menuitem.sidebar-button.button:hover { background-color: #edeff0; } .menuitem.button.flat:checked, .menuitem.sidebar-button.button:checked { color: #5c616c; } *:link, .button:link, .button:visited { color: #2679db; } *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited:link, *:selected .button:visited { color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #dceaf9; } *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #dceaf9; } .button:link > .label, .button:visited > .label { text-decoration-line: underline; } .spinbutton { border-radius: 3px; } .spinbutton .button { background-image: none; border: 1px solid rgba(220, 223, 227, 0.6); border-style: none none none solid; color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } .spinbutton .button:insensitive { color: rgba(92, 97, 108, 0.55); } .spinbutton .button:active { background-color: #5294e2; color: #ffffff; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #5294e2; border-radius: 0; box-shadow: none; } GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox .sidebar .vertical.view.separator, .sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-style: none; } GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: 1px 0 #5294e2; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: -1px 0 #5294e2; } GtkComboBox.combobox-entry .button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; } GtkComboBox.combobox-entry .button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.9); } .primary-toolbar { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #2f343f, #20232b) 1 0 1 0; } .inline-toolbar { background-color: #edeef0; border-style: solid; border-color: #dcdfe3; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; border-color: #dcdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { background-color: #edeef0; } .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: #262a33; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; } .csd .header-bar { background-color: #2f343f; border-color: #262a33; } .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); } .header-bar .title { padding-left: 12px; padding-right: 12px; } .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294e2; border-color: #4189df; box-shadow: none; } .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { background-color: #5294e2; color: rgba(255, 255, 255, 0.6); } .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button.flat, .header-bar.selection-mode .sidebar-button.button, .header-bar.titlebar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343f; border-color: #262a33; } .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: #2f343f; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized .csd .header-bar.default-decoration, .maximized .header-bar.default-decoration:backdrop, .maximized .csd .header-bar.default-decoration:backdrop { background-color: #2f343f; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 3px 3px 0 0; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: inset 0 1px #363b48; } .csd .titlebar { background-color: #2f343f; } .titlebar:backdrop { color: rgba(207, 218, 231, 0.5); background-color: #323843; } .csd .titlebar:backdrop { background-color: #323843; } .maximized .titlebar { background-color: #2f343f; } .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #323843; } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } .primary-toolbar .separator, .primary-toolbar .sidebar .view.separator, .sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, .sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop, .sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); background-clip: padding-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar .entry.warning, .header-bar .entry.warning { color: white; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #a45d39); } .primary-toolbar .entry.warning:focus, .header-bar .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); } .primary-toolbar .entry.warning:selected, .header-bar .entry.warning:selected, .primary-toolbar .entry.warning:selected:focus, .header-bar .entry.warning:selected:focus { background-color: white; color: #F27835; } .primary-toolbar .entry.error, .header-bar .entry.error { color: white; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #aa3c3b); } .primary-toolbar .entry.error:focus, .header-bar .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); } .primary-toolbar .entry.error:selected, .header-bar .entry.error:selected, .primary-toolbar .entry.error:selected:focus, .header-bar .entry.error:selected:focus { background-color: white; color: #FC4138; } .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button, .header-bar .linked:not(.vertical):not(.path-bar) > .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar) > .button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:active, .header-bar .linked:not(.vertical):not(.path-bar) > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar) > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar) > .button:insensitive { border-radius: 3px; border-style: solid; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .header-bar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), .header-bar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .primary-toolbar .linked:not(.vertical).path-bar > .button, .header-bar .linked:not(.vertical).path-bar > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover { background-color: rgba(134, 144, 165, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .primary-toolbar .linked:not(.vertical).path-bar > .button:active, .header-bar .linked:not(.vertical).path-bar > .button:active, .primary-toolbar .linked:not(.vertical).path-bar > .button:checked, .header-bar .linked:not(.vertical).path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .primary-toolbar .linked:not(.vertical).path-bar > .button:insensitive, .header-bar .linked:not(.vertical).path-bar > .button:insensitive { color: rgba(207, 218, 231, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button + .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button + .button, .primary-toolbar .linked:not(.vertical).path-bar > .button + .button, .header-bar .linked:not(.vertical).path-bar > .button + .button { border-left-style: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):hover, .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry.warning, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry.error, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry.error { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:last-child, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:last-child, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:last-child, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:active + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .button:active + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:checked + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .button:checked + .entry { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat, .primary-toolbar .suggested-action.sidebar-button.button, .header-bar .suggested-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive, .primary-toolbar .suggested-action.sidebar-button.button:insensitive, .header-bar .suggested-action.sidebar-button.button:insensitive, .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .header-bar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .suggested-action.sidebar-button.button:insensitive > GtkLabel, .header-bar .suggested-action.sidebar-button.button:insensitive > GtkLabel, .primary-toolbar .button.suggested-action:insensitive > GtkLabel, .header-bar .button.suggested-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat, .primary-toolbar .destructive-action.sidebar-button.button, .header-bar .destructive-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive, .primary-toolbar .destructive-action.sidebar-button.button:insensitive, .header-bar .destructive-action.sidebar-button.button:insensitive, .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .header-bar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .destructive-action.sidebar-button.button:insensitive > GtkLabel, .header-bar .destructive-action.sidebar-button.button:insensitive > GtkLabel, .primary-toolbar .button.destructive-action:insensitive > GtkLabel, .header-bar .button.destructive-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(207, 218, 231, 0.05); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr), .header-bar GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl), .header-bar GtkComboBox.combobox-entry .entry:dir(rtl) { border-left-style: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(21, 23, 28, 0.4); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.4)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #454c5c); border-color: rgba(21, 23, 28, 0.7); } .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { background-image: linear-gradient(to bottom, #50586b); border-color: rgba(21, 23, 28, 0.7); } .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #3e4553); border-color: rgba(21, 23, 28, 0.7); } .path-bar .button { padding: 5px 10px; } .path-bar .button:first-child { padding-left: 10px; } .path-bar .button:last-child { padding-right: 10px; } .path-bar .button:only-child { padding-left: 14px; padding-right: 14px; } .path-bar .button GtkLabel:last-child { padding-left: 4px; } .path-bar .button GtkLabel:first-child { padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 2px; padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: rgba(92, 97, 108, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:selected { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } GtkTreeView.view:insensitive { color: rgba(92, 97, 108, 0.55); } GtkTreeView.view:insensitive:selected { color: #97bfee; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { color: #ffffff; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); border-radius: 3px; border-width: 0; } column-header .button { color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294e2; box-shadow: none; transition: none; } column-header .button:active { color: #5c616c; transition: none; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; border-image: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294e2; box-shadow: inset 1px 1px 0 1px #5294e2, inset -1px 0 0 1px #5294e2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active, column-header .button:hover { background-color: #ffffff; } column-header .button:active:hover { color: #5c616c; } column-header .button:insensitive { border-color: #F5F6F7; background-image: none; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #2f343f; color: rgba(207, 218, 231, 0.8); } .menubar:backdrop { color: rgba(207, 218, 231, 0.5); } .menubar > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } .menubar > .menuitem:hover { background-color: #5294e2; color: #ffffff; } .menubar > .menuitem:insensitive { color: rgba(207, 218, 231, 0.2); border-color: transparent; } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #ffffff; border: 1px solid #dcdfe3; } .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } .menu .menuitem { padding: 5px; } .menu .menuitem:hover { color: #ffffff; background-color: #5294e2; } .menu .menuitem:insensitive { color: rgba(92, 97, 108, 0.55); } .menu .menuitem.separator { color: rgba(255, 255, 255, 0); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; } .menu.button.top { border-bottom: 1px solid #efeff0; } .menu.button.bottom { border-top: 1px solid #efeff0; } .menu.button:hover { background-color: #efeff0; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: alpha(currentColor,0.55); } .popover { padding: 2px; border: 1px solid #cdd2d7; border-radius: 3px; background-clip: border-box; background-color: #ffffff; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .popover .separator, .popover .sidebar .view.separator, .sidebar .popover .view.separator { color: rgba(255, 255, 255, 0); } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .notebook { padding: 0; background-color: #ffffff; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { border: 1px solid #dcdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { border: 0px solid #dcdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px #dcdfe3; } .notebook.header.bottom { box-shadow: inset 0 1px #dcdfe3; } .notebook.header.right { box-shadow: inset 1px 0 #dcdfe3; } .notebook.header.left { box-shadow: inset -1px 0 #dcdfe3; } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; } .notebook tab.top, .notebook tab.bottom { padding: 4px 15px; } .notebook tab.left, .notebook tab.right { padding: 4px 15px; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; } .notebook tab.reorderable-page.top, .notebook tab.top { padding-top: 6px; border-radius: 3.5px 2px 0 0; border-width: 0; border-top-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; border-width: 0; border-bottom-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; border-width: 0; border-right-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; border-width: 0; border-left-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(92, 97, 108, 0.775); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #5c616c; } .notebook tab .button { padding: 0; color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { color: #5294e2; } .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { color: rgba(92, 97, 108, 0.55); } .notebook.arrow:hover { color: rgba(92, 97, 108, 0.775); } .notebook.arrow:active { color: #5c616c; } .notebook.arrow:insensitive { color: rgba(92, 97, 108, 0.25); } .scrollbar { -GtkRange-slider-width: 13; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; -GtkRange-slider-width: 6px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; background-color: #8a8e96; border: 1px solid rgba(255, 255, 255, 0.6); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; background-color: transparent; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { margin-top: 2px; margin-bottom: 2px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { background-color: #fcfcfc; border: 1px none #dcdfe3; } .scrollbar .slider { background-color: #b8babf; } .scrollbar .slider:hover { background-color: #c7c9cd; } .scrollbar .slider:prelight:active, .scrollbar .slider:active { background-color: #5294e2; } .scrollbar .slider:insensitive { background-color: transparent; } .scrollbar .slider { border-radius: 100px; margin: 3px; } .scrollbar.fine-tune .slider { margin: 4px; } .scrollbar.vertical .slider { margin-left: 4px; } .scrollbar.vertical .slider:dir(rtl) { margin-left: 3px; margin-right: 4px; } .scrollbar.vertical.fine-tune .slider { margin-left: 5px; } .scrollbar.vertical.fine-tune .slider:dir(rtl) { margin-left: 4px; margin-right: 5px; } .scrollbar.vertical .trough { border-left-style: solid; } .scrollbar.vertical .trough:dir(rtl) { border-left-style: none; border-right-style: solid; } .scrollbar.horizontal .slider { margin-top: 4px; } .scrollbar.horizontal.fine-tune .slider { margin-top: 5px; } .scrollbar.horizontal .trough { border-top-style: solid; } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { border-image-slice: 0 1 0 0; } GtkSwitch { font: 1; -GtkSwitch-slider-width: 52; -GtkSwitch-slider-height: 24; outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; } GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { background-position: left center; } GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough, .menu .menuitem:hover GtkSwitch.trough, .list-row:selected GtkSwitch.trough, GtkInfoBar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } .header-bar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough:active, .menu .menuitem:hover GtkSwitch.trough:active, .list-row:selected GtkSwitch.trough:active, GtkInfoBar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } .header-bar GtkSwitch.trough:active, .primary-toolbar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough:insensitive, .menu .menuitem:hover GtkSwitch.trough:insensitive, .list-row:selected GtkSwitch.trough:insensitive, GtkInfoBar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:insensitive, .primary-toolbar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough:active:insensitive, .menu .menuitem:hover GtkSwitch.trough:active:insensitive, .list-row:selected GtkSwitch.trough:active:insensitive, GtkInfoBar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:active:insensitive, .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check, .menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:insensitive, .menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:inconsistent, .menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:inconsistent:insensitive, .menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:checked, .menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:checked:insensitive, .menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio, .menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:insensitive, .menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:inconsistent, .menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:inconsistent:insensitive, .menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:checked, .menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:checked:insensitive, .menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } .view.content-view.check:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:checked:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; color: alpha(currentColor,0.7); } .scale.trough { margin: 5px; } .scale.fine-tune.trough { border-radius: 5px; margin: 3px; } .scale.slider { background-clip: border-box; background-image: linear-gradient(to bottom, #fbfbfc); border: 1px solid rgba(123, 142, 186, 0.5); border-radius: 50%; box-shadow: none; } .scale.slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(123, 142, 186, 0.5); } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #fbfbfb); border-color: rgba(123, 142, 186, 0.3); } .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .osd .scale.slider { background-image: linear-gradient(to bottom, #353945); border-color: #5294e2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294e2); } .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider, .menu .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider:hover, .menu .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider:active, .menu .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider:insensitive, .menu .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, #cfd6e6); } .scale.trough.highlight { background-image: linear-gradient(to bottom, #5294e2); } .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd .scale.trough { background-image: linear-gradient(to bottom, #454a59); outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294e2); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough, .menu .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough.highlight, .menu .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough.highlight:insensitive, .menu .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough:insensitive, .menu .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } GtkProgressBar { padding: 0; font-size: smaller; color: rgba(92, 97, 108, 0.7); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } .progressbar { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } .progressbar.osd { background-color: #5294e2; } .list-row:selected .progressbar, GtkInfoBar .progressbar { background-color: #ffffff; } .osd .scale.progressbar { background-color: #5294e2; } GtkProgressBar.trough, .level-bar.trough { border: none; border-radius: 3px; background-color: #cfd6e6; } GtkProgressBar.trough.osd, .osd.level-bar.trough { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected GtkProgressBar.trough, .list-row:selected .level-bar.trough, GtkInfoBar GtkProgressBar.trough, GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } GtkLevelBar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; border-radius: 4px; } .level-bar.fill-block { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #73d216; background-color: #73d216; } .level-bar.fill-block.level-low { border-color: #F27835; background-color: #F27835; } .level-bar.fill-block.empty-fill-block { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } .frame { border: 1px solid #dcdfe3; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, .sidebar.separator, .sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton .separator, GtkFileChooserButton .sidebar.separator, GtkFileChooserButton .sidebar .view.separator, .sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton .sidebar.separator, GtkFontButton .sidebar .view.separator, .sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton .sidebar .vertical.view.separator, .sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton .sidebar .vertical.view.separator, .sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } .list { background-color: #ffffff; border-color: #dcdfe3; } .list-row, .grid-child { padding: 2px; } .list-row.activatable:hover, GtkPlacesSidebar.sidebar .has-open-popup { background-color: rgba(0, 0, 0, 0.05); } .list-row.activatable:active { color: #5c616c; } .list-row.activatable:selected:active { color: #ffffff; } .list-row.activatable:selected:hover, GtkPlacesSidebar.sidebar .has-open-popup:selected { background-color: #4a85cb; } .list-row.activatable:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } .list-row.activatable:selected:insensitive .label { color: inherit; } .list-row, list-row.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.activatable:hover { transition: none; } .app-notification, .app-notification.frame { padding: 10px; color: #BAC3CF; background-color: #353945; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #1f2128; } .app-notification .button, .app-notification.frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .app-notification .button.flat, .app-notification .sidebar-button.button, .app-notification.frame .button.flat, .app-notification.frame .sidebar-button.button { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: #aaaeb7; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkCalendar { color: #5c616c; border: 1px solid #dcdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { background-color: #5294e2; color: #ffffff; border-radius: 1.5px; } GtkCalendar.header { color: #5c616c; border: none; border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(92, 97, 108, 0.45); border-color: transparent; background-color: transparent; background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #5c616c; } GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { color: rgba(92, 97, 108, 0.55); background-color: transparent; background-image: none; } GtkCalendar:inconsistent { color: alpha(currentColor,0.55); } GtkCalendar.highlight { color: #5c616c; } .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { background-color: #2f343f; border-bottom: 1px solid #20232b; } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .message-dialog.csd .dialog-action-area .button { padding: 8px; border-radius: 0; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 3px; } .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 3px; } GtkFileChooserDialog .search-bar { background-color: #F5F6F7; border-color: #dcdfe3; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #dcdfe3; } .sidebar, .sidebar .view { border: none; background-color: #fbfbfc; } GtkSidebarRow.list-row { padding: 0px; } GtkSidebarRow .sidebar-revealer { padding: 3px 14px 3px 12px; } GtkSidebarRow .sidebar-icon:dir(ltr) { padding-right: 8px; } GtkSidebarRow .sidebar-icon:dir(rtl) { padding-left: 8px; } GtkSidebarRow .sidebar-label:dir(ltr) { padding-right: 2px; } GtkSidebarRow .sidebar-label:dir(rtl) { padding-left: 2px; } GtkPlacesSidebar.sidebar .sidebar-placeholder-row { border: solid 1px #5294e2; } GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { background-color: #d9dde0; } GtkPlacesSidebar.sidebar .list-row.activatable { color: rgba(92, 97, 108, 0.8); border-width: 0; border-style: solid; } .sidebar-button.button { outline-radius: 50%; border-radius: 50%; } .sidebar-button.button.image-button, .header-bar .sidebar-button.button.titlebutton, .titlebar .sidebar-button.button.titlebutton { padding: 3px; } .sidebar-button.button:not(:hover):not(:active) > GtkImage { opacity: 0.5; } .sidebar-item { padding: 10px 4px; } .sidebar-item > GtkLabel { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > GtkLabel { background-size: 6px 6px, 0 0; } GtkPlacesView .server-list-button > GtkImage { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } GtkPlacesView .server-list-button:checked > GtkImage { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } GtkPlacesView .list-row.activatable:hover, GtkPlacesView GtkPlacesSidebar.sidebar .has-open-popup, GtkPlacesSidebar.sidebar GtkPlacesView .has-open-popup { background-color: transparent; } GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { background-color: #dcdfe3; } GtkPaned.wide { -GtkPaned-handle-size: 5; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; border-color: #dcdfe3; border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } GtkInfoBar { border-style: none; } .info, .question, .warning, .error, GtkInfoBar { background-color: #5294e2; color: #ffffff; } .list-row:selected .button, GtkInfoBar .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } .list-row:selected .flat.button, .list-row:selected .sidebar-button.button, GtkInfoBar .flat.button, GtkInfoBar .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .list-row:selected .button:hover, GtkInfoBar .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .tooltip { color: #BAC3CF; border-radius: 2px; } .tooltip.background { background-color: #4b5162; background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } :selected GtkColorSwatch { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch.left, GtkColorSwatch:first-child, GtkColorSwatch:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } GtkColorSwatch.right, GtkColorSwatch:last-child, GtkColorSwatch:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch:only-child, GtkColorSwatch:only-child .overlay { border-radius: 3px; } GtkColorSwatch:hover, GtkColorSwatch:hover:selected { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; } GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { border: 1px solid rgba(0, 0, 0, 0.15); } GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { border-color: rgba(0, 0, 0, 0.25); } GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } GtkColorSwatch#add-color-button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkColorSwatch#add-color-button .overlay { border-color: transparent; background-color: transparent; background-image: none; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } .content-view { background-color: #ffffff; } .content-view:hover { -gtk-image-effect: highlight; } .scale-popup .button { padding: 6px; } .scale-popup .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkVolumeButton.button { padding: 8px; } .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .window-frame { border-radius: 3px 3px 0 0; border-width: 0px; box-shadow: 0 0 0 1px #20232b, 0 8px 8px 0 rgba(0, 0, 0, 0.2); margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 5px 5px 0 rgba(0, 0, 0, 0.2); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; border-radius: 0; } .window-frame.ssd { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } .window-frame.ssd.maximized { border-radius: 0; } .window-frame.csd.popup { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.message-dialog { border-radius: 3px; } .window-frame.solid-csd { border-radius: 0; margin: 1px; background-color: #2f343f; box-shadow: none; } .header-bar.default-decoration .button.titlebutton, .titlebar.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding-left: 4px; padding-right: 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); } .header-bar .button.titlebutton:not(GtkMenuButton), .titlebar .button.titlebutton:not(GtkMenuButton) { padding-top: 8px; padding-bottom: 8px; } .header-bar .button.titlebutton:hover, .titlebar .button.titlebutton:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.close, .titlebar .button.titlebutton.maximize, .titlebar .button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; } .header-bar .button.titlebutton.close:backdrop, .header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { opacity: 1; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } .header-bar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } .header-bar .button.titlebutton.close:hover, .titlebar .button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .button.titlebutton.close:active, .titlebar .button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } .header-bar .button.titlebutton.maximize, .titlebar .button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } .header-bar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } .header-bar .button.titlebutton.maximize:hover, .titlebar .button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } .header-bar .button.titlebutton.maximize:active, .titlebar .button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } .header-bar .button.titlebutton.minimize:hover, .titlebar .button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } .header-bar .button.titlebutton.minimize:active, .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.sidebar-button.button:active, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .list-row:selected, .sidebar:selected, .sidebar .view:selected, GtkPlacesSidebar.sidebar .list-row.activatable:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:focus:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:active:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:active, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:selected, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:active:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:active { background-image: none; background-color: #5294e2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, ScratchMainWindow .notebook tab.top:active, ScratchMainWindow .notebook tab.top.active-page, ScratchMainWindow .notebook tab.top.active-page:hover, EphyNotebook.notebook tab.reorderable-page.top:active, EphyNotebook.notebook tab.reorderable-page.top.active-page, EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, EphyNotebook.notebook tab.top:active, EphyNotebook.notebook tab.top.active-page, EphyNotebook.notebook tab.top.active-page:hover, MidoriNotebook .notebook tab.reorderable-page.top:active, MidoriNotebook .notebook tab.reorderable-page.top.active-page, MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, MidoriNotebook .notebook tab.top:active, MidoriNotebook .notebook tab.top.active-page, MidoriNotebook .notebook tab.top.active-page:hover, TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top.active-page, TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } TerminalWindow .notebook.header.top { box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; } GtkHTML { background-color: #ffffff; color: #5c616c; } GtkHTML:active { color: #ffffff; background-color: #5294e2; } SushiFontWidget { padding: 6px 12px; } TerminalWindow .background { background-color: transparent; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { border-width: 0; } TerminalWindow .notebook tab .button { color: #92959d; } TerminalWindow .notebook tab .button:hover { color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } TerminalWindow .notebook .active-page .button:hover, TerminalWindow .notebook .prelight-page .button:hover { color: #ff4d4d; } TerminalWindow .notebook .active-page .button:active, TerminalWindow .notebook .prelight-page .button:active { color: #5294e2; } EelEditableLabel.entry { transition: none; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { color: #5c616c; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } .nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #a9acb2; } .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } NautilusNotebook.notebook { background-color: #ffffff; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { padding: 5px; box-shadow: none; background-color: #ffffff; } .nautilus-circular-button.image-button.button, .header-bar .nautilus-circular-button.button.titlebutton, .titlebar .nautilus-circular-button.button.titlebutton { border-radius: 50%; outline-radius: 50%; padding: 8px; } .disk-space-display { border-style: solid; border-width: 1px; } .disk-space-display.unknown { background-color: rgba(92, 97, 108, 0.5); border-color: rgba(69, 72, 80, 0.5); } .disk-space-display.used { background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { background-color: #edeef0; border-color: #d0d5da; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow .sidebar GtkSeparator.horizontal.view.separator, .sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #dcdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover { background-color: rgba(134, 144, 165, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: transparent; background-color: #5294e2; } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:insensitive { color: rgba(207, 218, 231, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .gedit-headerbar-paned { color: #262a33; } .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } .open-document-selector-treeview.view:prelight { background-color: #f4f4f5; } .open-document-selector-treeview.view:prelight:selected { color: #ffffff; background-color: #5294e2; } .open-document-selector-name-label { color: #5c616c; } .open-document-selector-path-label { color: #aeb0b6; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } .gedit-document-panel .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { color: #92959d; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; background-color: transparent; border: none; box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { border-top: 1px solid #dcdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton.sidebar-button.button, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton.sidebar-button.button:prelight, GeditStatusMenuButton:checked.button.flat, GeditStatusMenuButton.sidebar-button.button:checked { border-bottom-style: none; border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { border-bottom: 1px solid #dcdfe3; } .gedit-map-frame { border-color: rgba(0, 0, 0, 0.3); } .gedit-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); border: none; margin: 2px; padding: 2px; } GeditViewFrame .gedit-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } GbWorkbench .floating-bar { color: #5c616c; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr).image:hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):checked, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):checked { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):checked { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; } GbPreferencesPageLanguage .entry { border-radius: 3px 3px 0 0; } GbPreferencesPageLanguage .frame { border-top-width: 0; } GbEditorTweakWidget .linked.vertical > .entry { border-bottom-style: solid; } GbEditorTweakWidget GtkScrolledWindow { border-top: none; } GbViewStack GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbViewStack.focused GtkBox.header.notebook, #project_sidebar_header.focused { background-color: #ffffff; } GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbNewProjectDialog GtkFileChooserButton.linked-on-right .button { border-radius: 3px 0 0 3px; } GbWorkspacePane GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbWorkspacePane:not(.focused) GtkBox.header.notebook { background-color: #F5F6F7; } DhSidebar GtkSearchEntry.entry, SymbolTree GtkSearchEntry.entry { border-left: none; border-right: none; border-top: none; border-radius: 0px; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #BAC3CF; background-image: none; background-color: #353945; padding: 6px 6px 6px 6px; border: none; } GbTerminalView { background-color: #ffffff; color: #5c616c; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #ffffff; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook .button.label.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } EphyWindow .floating-bar { color: #5c616c; } .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: #a9caf1; } .documents-entry-tag { background-color: #5294e2; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; background-color: #639fe5; } .documents-entry-tag:active { color: #ffffff; background-color: #4189df; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; border: none; box-shadow: none; icon-shadow: none; } .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } TotemGrilo.vertical GdMainView.frame { border-width: 0; } SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: #5294e2; } .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; } .gnome-panel-menu-bar.menubar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: #BAC3CF; background-color: #2b2e37; } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: #BAC3CF; } PanelApplet .button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: rgba(0, 0, 0, 0.25); border-radius: 0; border-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: #5294e2; } WnckPager { color: #5d6268; } WnckPager:selected { color: #5294e2; } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: #BAC3CF; } .xfce4-panel.panel { background-color: #2b2e37; text-shadow: none; icon-shadow: none; } .xfce4-panel.panel .button.flat, .xfce4-panel.panel .sidebar-button.button { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); border-radius: 0; border: none; } .xfce4-panel.panel .button.flat:hover, .xfce4-panel.panel .sidebar-button.button:hover { border: none; background-color: #414654; } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .sidebar-button.button:active, .xfce4-panel.panel .button.flat:checked, .xfce4-panel.panel .sidebar-button.button:checked { color: #ffffff; border: none; background-color: #5294e2; } .floating-bar { background-color: #5294e2; color: #ffffff; } .floating-bar.top { border-radius: 0 0 2px 2px; } .floating-bar.right { border-radius: 2px 0 0 2px; } .floating-bar.bottom { border-radius: 2px 2px 0 0; } .floating-bar.left { border-radius: 0 2px 2px 0; } .floating-bar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { color: #ffffff; background-color: #5294e2; outline-color: transparent; } MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { background-color: transparent; } MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { outline-color: transparent; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294e2); } .marlin-pathbar.pathbar:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel .maximized { background-color: #2b2e37; box-shadow: inset 0 -1px #1b1d23; } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .color-light .composited-indicator { color: rgba(0, 0, 0, 0.65); text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } WingpanelWidgetsIndicatorPopover.popover { padding: 0; font: initial; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .sidebar { background: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage { padding: 0 3px; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active { color: #ffffff; background-color: #5294e2; } WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive { color: rgba(92, 97, 108, 0.55); } PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: #5c616c; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { border: 1px solid #20232b; border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px #363b48; } UnityDecoration.top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #20232b); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: #404756; border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar GtkLabel { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #dcdfe3; border-right: 1px solid #dcdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #dcdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } .bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #dcdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: white; } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: #F5F6F7; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #5c616c; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .dynamic-notebook .notebook tab .button > GtkImage { padding: 0; } GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { color: #a9acb2; font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(92, 97, 108, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry.entry { padding: 4px; } .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: #8a8e96; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: #2b2e37; color: #BAC3CF; font: bold; box-shadow: inset 0 -1px #1b1d23; } #panel_window .menubar { padding-left: 5px; } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { font: normal; } #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: #5c616c; } #content_frame { padding-bottom: 14px; background-color: #F5F6F7; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } #content_frame .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } #content_frame .button:active, #content_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } #content_frame .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } #content_frame .button:insensitive > GtkLabel { color: inherit; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: #353945; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px #353945; } #buttonbox_frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } #buttonbox_frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } #buttonbox_frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } #login_window #user_combobox { color: #5c616c; font: 13px; } #login_window #user_combobox .menu { font: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font: bold; } .titlebar .separator, .titlebar .sidebar .view.separator, .sidebar .titlebar .view.separator { color: #262a33; } NemoWindow GtkEventBox { background-color: #F5F6F7; } GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .list.sidebar, NautilusWindow.csd.background, NautilusWindow .list.sidebar { background-color: transparent; } GtkFileChooserDialog GtkPlacesSidebar.sidebar, NautilusWindow GtkPlacesSidebar.sidebar { background-color: #353945; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-placeholder-row.list-row.activatable, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-placeholder-row.list-row.activatable { border: 1px solid #5294e2; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { background-color: #4b5162; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable { border: none; color: #BAC3CF; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable .sidebar-icon { color: rgba(186, 195, 207, 0.6); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup { background-color: rgba(186, 195, 207, 0.15); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:selected .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:active:hover .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:active .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:selected .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:active:hover .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:active .sidebar-icon { color: inherit; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button { color: #BAC3CF; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button:hover, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button:active, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button:active { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button:not(:hover):not(:active) > GtkImage, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button:not(:hover):not(:active) > GtkImage { opacity: 0.5; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, NautilusWindow GtkPlacesSidebar.sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator { color: transparent; } GtkFileChooserDialog.maximized GtkPlacesSidebar.sidebar, NautilusWindow.maximized GtkPlacesSidebar.sidebar { background-color: #353945; } NemoWindow.csd.background, NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { background-color: #353945; } NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; color: #BAC3CF; } NemoWindow .sidebar .view.image, NemoWindow .sidebar row.image, NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { color: rgba(186, 195, 207, 0.7); } NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar row.cell:selected, MarlinViewWindow .source-list.sidebar.view .view.cell:selected, MarlinViewWindow .source-list.sidebar.view row.cell:selected { background-color: #5294e2; color: #ffffff; } NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { color: #BAC3CF; } NemoWindow .sidebar .separator, NemoWindow .sidebar .view.separator, NemoWindow .source-list.sidebar.view .separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow .sidebar .sidebar.separator, MarlinViewWindow .sidebar .view.separator, MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #353945; } NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: #353945; } NautilusWindow NautilusWindowSlot { background-color: #ffffff; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { background-color: #353945; } GtkFileChooserDialog GtkPlacesSidebar.sidebar { background-color: transparent; } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-vbox > .frame { color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame { background-color: transparent; border-color: #252831; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame GtkLabel, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #BAC3CF; } FeedReaderreaderUI.background.csd > .titlebar .pane-separator, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, GeditWindow.background.csd > .titlebar .pane-separator, GeditWindow.background.csd.maximized > .titlebar .pane-separator, GeditWindow.background.csd > .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { background-color: #262a33; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #2f343f; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #323843; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #2f343f; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #323843; } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background .gedit-side-panel-paned .pane-separator { background-color: #353945; } GeditWindow.background .gedit-bottom-panel-paned .pane-separator { background-color: #dcdfe3; } .gedit-bottom-panel-paned { background-color: #ffffff; } .gedit-document-panel { background-color: #353945; } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel .list-row { color: #BAC3CF; } .gedit-document-panel .list-row { background-color: rgba(186, 195, 207, 0); border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:active .button { color: #ffffff; } .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { color: #BAC3CF; } GeditFileBrowserWidget { background-color: #353945; } .maximized GeditFileBrowserWidget { background-color: #353945; } GeditFileBrowserWidget .horizontal { background-color: transparent; border-color: #252831; } GeditFileBrowserWidget .horizontal GtkComboBox { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294e2; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditFileBrowserWidget .horizontal .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditFileBrowserWidget .horizontal .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditFileBrowserWidget .horizontal .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .image.entry, GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .image.entry:hover, GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { color: inherit; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294e2); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NautilusWindow GtkPlacesSidebar.sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NemoWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, MarlinViewWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, GeditFileBrowserWidget .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .trough, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .trough, NemoWindow .sidebar .scrollbar .trough, NemoWindow .source-list.sidebar.view .scrollbar .trough, MarlinViewWindow .sidebar .scrollbar .trough, MarlinViewWindow .source-list.sidebar.view .scrollbar .trough, GeditFileBrowserWidget .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider, NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserWidget .scrollbar .slider { background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:hover, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:hover, NemoWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .sidebar .scrollbar .slider:hover, GeditFileBrowserWidget .scrollbar .slider:hover { background-color: #f6f7f9; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:prelight:active, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:prelight:active, NemoWindow .sidebar .scrollbar .slider:prelight:active, MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, GeditFileBrowserWidget .scrollbar .slider:prelight:active { background-color: #5294e2; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:insensitive, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:insensitive, NemoWindow .sidebar .scrollbar .slider:insensitive, MarlinViewWindow .sidebar .scrollbar .slider:insensitive, GeditFileBrowserWidget .scrollbar .slider:insensitive { background-color: transparent; } @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; @define-color theme_base_color #ffffff; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #5c616c; @define-color text_color #5c616c; @define-color bg_color #F5F6F7; @define-color base_color #ffffff; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #fbfbfc; @define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; @define-color borders #dcdfe3; @define-color unfocused_borders #dcdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #2679db; @define-color content_view_bg #ffffff; @define-color wm_title alpha(#cfdae7, 0.8); @define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343f; @define-color wm_bg_unfocused #323843; @define-color wm_highlight #363b48; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #cc575d; @define-color wm_button_close_hover_bg #d7787d; @define-color wm_button_close_active_bg #be3841; @define-color wm_icon_close_bg #2f343f; @define-color wm_button_hover_bg #454C5C; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #262932; @define-color wm_icon_bg #90939B; @define-color wm_icon_unfocused_bg #666A74; @define-color wm_icon_hover_bg #C4C7CC; @define-color wm_icon_active_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.18/gtk-solid.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #2679db; -GtkWidget-visited-link-color: #1e61b0; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(92, 97, 108, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } .background { color: #5c616c; background-color: #F5F6F7; } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #F5F6F7; color: #5c616c; } .gtkstyle-fallback:prelight { background-color: white; color: #5c616c; } .gtkstyle-fallback:active { background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view { color: #5c616c; background-color: #ffffff; } .view.dim-label, .view.label.separator, .header-bar .view.subtitle { color: rgba(92, 97, 108, 0.55); } .view.dim-label:selected, .view.label.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, .view.label.separator:selected:focus, .header-bar .view.subtitle:selected:focus { color: rgba(255, 255, 255, 0.65); text-shadow: none; } .rubberband, GtkTreeView.view.rubberband, .content-view.rubberband { border: 1px solid #2679db; background-color: rgba(38, 121, 219, 0.2); } .label.separator, .popover .label.separator, .sidebar .label.view.separator { color: #5c616c; } .label:insensitive { color: rgba(92, 97, 108, 0.55); } .dim-label, .label.separator, .popover .label.separator, .sidebar .label.view.separator, .header-bar .subtitle { opacity: 0.55; } GtkAssistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #dcdfe3; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar .label { padding: 6px 12px; } GtkAssistant .sidebar .label.highlight { background-color: #5294e2; color: #ffffff; } GtkTextView { background-color: #fafbfb; } .grid-child { padding: 3px; border-radius: 3px; } .grid-child:selected { outline-offset: -2px; } .popover.osd, .osd { color: #BAC3CF; border: none; background-color: #353945; background-clip: padding-box; outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } .entry { border: 1px solid; padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry.image { color: #7d8189; } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); border: none; border-radius: 0; } .entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294e2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #5294e2; color: #ffffff; } .entry.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } .entry.warning:selected, .entry.warning:selected:focus { background-color: white; color: #F27835; } .entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } .entry.error:selected, .entry.error:selected:focus { background-color: white; color: #FC4138; } .osd .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } .osd .entry.image, .osd .entry.image:hover { color: inherit; } .osd .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294e2); } .osd .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } GtkSearchEntry.entry { border-radius: 20px; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 5px 8px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .button.flat, .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(251, 251, 252, 0); border-color: rgba(207, 214, 230, 0); transition: none; } .button.flat:hover, .sidebar-button.button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } .button.flat:hover:active, .sidebar-button.button:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; transition-duration: 50ms; } .button:active:not(:insensitive) .label:insensitive, .button:checked:not(:insensitive) .label:insensitive { color: inherit; opacity: 0.6; } .button:active { color: #5c616c; } .button:active:hover, .button:checked { color: #ffffff; } .button.flat:insensitive, .sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; } .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); background-color: #353945; border-color: #23262e; } .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294e2; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .button.osd:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .osd .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button:active, .osd .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd .button.flat, .osd .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover, .osd .sidebar-button.button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd .button.flat:insensitive, .osd .sidebar-button.button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); background-image: none; } .osd .button.flat:active, .osd .sidebar-button.button:active, .osd .button.flat:checked, .osd .sidebar-button.button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd .linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active) + .button:not(:checked):not(:active) { box-shadow: none; } .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .button.suggested-action.flat, .suggested-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .button.suggested-action.flat:insensitive, .suggested-action.sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.suggested-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.suggested-action:insensitive > GtkLabel { color: inherit; } .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .button.destructive-action.flat, .destructive-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .button.destructive-action.flat:insensitive, .destructive-action.sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.destructive-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 7px; } .header-bar .button.image-button, .header-bar .button.titlebutton { padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { padding: 5px 8px; } .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar GtkToolButton > .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .inline-toolbar GtkToolButton > .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } .linked:not(.vertical):not(.path-bar) > .entry + .entry { border-left-color: rgba(207, 214, 230, 0.3); } .linked:not(.vertical):not(.path-bar) > .entry.error + .entry, .linked:not(.vertical):not(.path-bar) > .entry + .entry.error { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry, .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > .entry.error + .entry.warning, .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry.error { border-left-color: #f75d37; } .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:last-child { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .button, .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:last-child { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .button, .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:last-child { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .button, .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > .button:active + .entry, .linked:not(.vertical):not(.path-bar) > .button:checked + .entry { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > .button + .button { border-left-style: none; } .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 1px 0 #cfd6e6; } .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked:not(.vertical):not(.path-bar) > .button:active + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .button:checked + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .button.suggested-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .button.destructive-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .entry + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child) { box-shadow: none; } .linked:not(.vertical).path-bar > .button + .button { border-left-style: none; } .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } .linked.vertical > .entry + .entry { border-top-color: rgba(207, 214, 230, 0.3); } .linked.vertical > .entry.error + .entry, .linked.vertical > .entry + .entry.error { border-top-color: #FC4138; } .linked.vertical > .entry.warning + .entry, .linked.vertical > .entry + .entry.warning { border-top-color: #F27835; } .linked.vertical > .entry.error + .entry.warning, .linked.vertical > .entry.warning + .entry.error { border-top-color: #f75d37; } .linked.vertical > .entry + .entry:focus:not(:last-child), .linked.vertical > .entry + .entry:focus:last-child { border-top-color: #5294e2; } .linked.vertical > .entry:focus:not(:only-child) + .entry, .linked.vertical > .entry:focus:not(:only-child) + .button, .linked.vertical > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #5294e2; } .linked.vertical > .entry + .entry.warning:focus:not(:last-child), .linked.vertical > .entry + .entry.warning:focus:last-child { border-top-color: #F27835; } .linked.vertical > .entry.warning:focus:not(:only-child) + .entry, .linked.vertical > .entry.warning:focus:not(:only-child) + .button, .linked.vertical > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #F27835; } .linked.vertical > .entry + .entry.error:focus:not(:last-child), .linked.vertical > .entry + .entry.error:focus:last-child { border-top-color: #FC4138; } .linked.vertical > .entry.error:focus:not(:only-child) + .entry, .linked.vertical > .entry.error:focus:not(:only-child) + .button, .linked.vertical > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #FC4138; } .linked.vertical > .button:active + .entry, .linked.vertical > .button:checked + .entry { border-top-color: #5294e2; } .linked.vertical > .button + .button { border-top-style: none; } .linked.vertical > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked.vertical > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 0 1px #cfd6e6; } .linked.vertical > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked.vertical > .button:active + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .button:checked + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .button.suggested-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .button.destructive-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .entry + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child) { box-shadow: none; } .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .inline-toolbar.toolbar GtkToolButton > .sidebar-button.button, .inline-toolbar GtkToolButton > .sidebar-button.button, .linked:not(.vertical) > .entry, .linked:not(.vertical) > .entry:focus, .osd .button, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked:not(.vertical) > .button, .linked:not(.vertical) > .button:hover, .linked:not(.vertical) > .button:active, .linked:not(.vertical) > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .primary-toolbar .linked:not(.vertical).path-bar > .button, .header-bar .linked:not(.vertical).path-bar > .button, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:active, .header-bar .linked:not(.vertical).path-bar > .button:active, .primary-toolbar .linked:not(.vertical).path-bar > .button:checked, .header-bar .linked:not(.vertical).path-bar > .button:checked, .primary-toolbar .linked:not(.vertical).path-bar > .button:insensitive, .header-bar .linked:not(.vertical).path-bar > .button:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:insensitive, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl) { border-radius: 0; border-right-style: none; } .linked:not(.vertical) > .entry:first-child, .osd .button:first-child, .inline-toolbar .button:first-child, .linked:not(.vertical) > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar GtkToolButton:first-child > .sidebar-button.button, .linked > GtkComboBox:first-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:first-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:first-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:first-child, .header-bar .linked:not(.vertical).path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .linked:not(.vertical) > .entry:last-child, .osd .button:last-child, .inline-toolbar .button:last-child, .linked:not(.vertical) > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar GtkToolButton:last-child > .sidebar-button.button, .linked > GtkComboBox:last-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:last-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:last-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:last-child, .header-bar .linked:not(.vertical).path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .linked:not(.vertical) > .entry:only-child, .osd .button:only-child, .inline-toolbar .button:only-child, .linked:not(.vertical) > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar GtkToolButton:only-child > .sidebar-button.button, .linked > GtkComboBox:only-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:only-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:only-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:only-child, .header-bar .linked:not(.vertical).path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:only-child { border-radius: 3px; border-style: solid; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, .linked.vertical > GtkComboBox > .the-button-in-the-combobox { border-radius: 0; border-bottom-style: none; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { border-radius: 3px; border-style: solid; } .menuitem.button.flat, .menuitem.sidebar-button.button, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .notebook tab .button, .app-notification .button.flat, .app-notification .sidebar-button.button, .app-notification.frame .button.flat, .app-notification.frame .sidebar-button.button, .app-notification .button.flat:insensitive, .app-notification .sidebar-button.button:insensitive, .app-notification.frame .button.flat:insensitive, .app-notification.frame .sidebar-button.button:insensitive, TerminalWindow .notebook .active-page .button, TerminalWindow .notebook .prelight-page .button, TerminalWindow .notebook .active-page .button:hover, TerminalWindow .notebook .prelight-page .button:hover, TerminalWindow .notebook .active-page .button:active, TerminalWindow .notebook .prelight-page .button:active { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .menuitem.button.flat, .menuitem.sidebar-button.button { transition: none; outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover, .menuitem.sidebar-button.button:hover { background-color: #edeff0; } .menuitem.button.flat:checked, .menuitem.sidebar-button.button:checked { color: #5c616c; } *:link, .button:link, .button:visited { color: #2679db; } *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited:link, *:selected .button:visited { color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #dceaf9; } *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #dceaf9; } .button:link > .label, .button:visited > .label { text-decoration-line: underline; } .spinbutton { border-radius: 3px; } .spinbutton .button { background-image: none; border: 1px solid rgba(220, 223, 227, 0.6); border-style: none none none solid; color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } .spinbutton .button:insensitive { color: rgba(92, 97, 108, 0.55); } .spinbutton .button:active { background-color: #5294e2; color: #ffffff; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #5294e2; border-radius: 0; box-shadow: none; } GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox .sidebar .vertical.view.separator, .sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-style: none; } GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: 1px 0 #5294e2; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: -1px 0 #5294e2; } GtkComboBox.combobox-entry .button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; } GtkComboBox.combobox-entry .button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.9); } .primary-toolbar { color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #e7e8eb, #d4d5db) 1 0 1 0; } .inline-toolbar { background-color: #edeef0; border-style: solid; border-color: #dcdfe3; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; border-color: #dcdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { background-color: #edeef0; } .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: #d4d5db; color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; } .csd .header-bar { background-color: #e7e8eb; border-color: #d4d5db; } .header-bar:backdrop { color: rgba(82, 93, 118, 0.5); } .header-bar .title { padding-left: 12px; padding-right: 12px; } .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294e2; border-color: #4189df; box-shadow: none; } .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { background-color: #5294e2; color: rgba(255, 255, 255, 0.6); } .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button.flat, .header-bar.selection-mode .sidebar-button.button, .header-bar.titlebar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #e7e8eb; border-color: #d4d5db; } .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: #e7e8eb; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized .csd .header-bar.default-decoration, .maximized .header-bar.default-decoration:backdrop, .maximized .csd .header-bar.default-decoration:backdrop { background-color: #e7e8eb; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 4px 4px 0 0; color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; box-shadow: inset 0 1px #eff0f2; } .csd .titlebar { background-color: #e7e8eb; } .titlebar:backdrop { color: rgba(82, 93, 118, 0.5); background-color: #eff0f2; } .csd .titlebar:backdrop { background-color: #eff0f2; } .maximized .titlebar { background-color: #e7e8eb; } .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #eff0f2; } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } .primary-toolbar .separator, .primary-toolbar .sidebar .view.separator, .sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, .sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop, .sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); background-clip: border-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar .entry.warning, .header-bar .entry.warning { color: white; border-color: #F27835; background-image: linear-gradient(to bottom, #eea57e); } .primary-toolbar .entry.warning:focus, .header-bar .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); } .primary-toolbar .entry.warning:selected, .header-bar .entry.warning:selected, .primary-toolbar .entry.warning:selected:focus, .header-bar .entry.warning:selected:focus { background-color: white; color: #F27835; } .primary-toolbar .entry.error, .header-bar .entry.error { color: white; border-color: #FC4138; background-image: linear-gradient(to bottom, #f48480); } .primary-toolbar .entry.error:focus, .header-bar .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); } .primary-toolbar .entry.error:selected, .header-bar .entry.error:selected, .primary-toolbar .entry.error:selected:focus, .header-bar .entry.error:selected:focus { background-color: white; color: #FC4138; } .primary-toolbar .button, .header-bar .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); outline-offset: -3px; background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; background-clip: border-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button, .header-bar .linked:not(.vertical):not(.path-bar) > .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar) > .button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:active, .header-bar .linked:not(.vertical):not(.path-bar) > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar) > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar) > .button:insensitive { border-radius: 3px; border-style: solid; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .header-bar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), .header-bar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .primary-toolbar .linked:not(.vertical).path-bar > .button, .header-bar .linked:not(.vertical).path-bar > .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover { background-color: rgba(255, 255, 255, 0.9); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .primary-toolbar .linked:not(.vertical).path-bar > .button:active, .header-bar .linked:not(.vertical).path-bar > .button:active, .primary-toolbar .linked:not(.vertical).path-bar > .button:checked, .header-bar .linked:not(.vertical).path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .primary-toolbar .linked:not(.vertical).path-bar > .button:insensitive, .header-bar .linked:not(.vertical).path-bar > .button:insensitive { color: rgba(82, 93, 118, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button + .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button + .button, .primary-toolbar .linked:not(.vertical).path-bar > .button + .button, .header-bar .linked:not(.vertical).path-bar > .button + .button { border-left-style: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):hover, .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry { border-left-color: rgba(82, 93, 118, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error { border-left-color: #FC4138; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning { border-left-color: #F27835; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry.warning, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry.error, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry.error { border-left-color: #f75d37; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:last-child, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:last-child { border-left-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:last-child, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:last-child { border-left-color: #F27835; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #F27835; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:last-child, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:last-child { border-left-color: #FC4138; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #FC4138; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:active + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .button:active + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:checked + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .button:checked + .entry { border-left-color: #5294e2; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat, .primary-toolbar .suggested-action.sidebar-button.button, .header-bar .suggested-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive, .primary-toolbar .suggested-action.sidebar-button.button:insensitive, .header-bar .suggested-action.sidebar-button.button:insensitive, .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .header-bar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .suggested-action.sidebar-button.button:insensitive > GtkLabel, .header-bar .suggested-action.sidebar-button.button:insensitive > GtkLabel, .primary-toolbar .button.suggested-action:insensitive > GtkLabel, .header-bar .button.suggested-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat, .primary-toolbar .destructive-action.sidebar-button.button, .header-bar .destructive-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive, .primary-toolbar .destructive-action.sidebar-button.button:insensitive, .header-bar .destructive-action.sidebar-button.button:insensitive, .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .header-bar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .destructive-action.sidebar-button.button:insensitive > GtkLabel, .header-bar .destructive-action.sidebar-button.button:insensitive > GtkLabel, .primary-toolbar .button.destructive-action:insensitive > GtkLabel, .header-bar .button.destructive-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(82, 93, 118, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(82, 93, 118, 0.05); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(82, 93, 118, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(82, 93, 118, 0.2); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr), .header-bar GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: 1px 0 #5294e2; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl), .header-bar GtkComboBox.combobox-entry .entry:dir(rtl) { border-left-style: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: -1px 0 #5294e2; } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(82, 93, 118, 0.15); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #fbfbfc); border-color: rgba(82, 93, 118, 0.3); } .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(82, 93, 118, 0.3); } .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #f5f5f7); border-color: rgba(82, 93, 118, 0.3); } .path-bar .button { padding: 5px 10px; } .path-bar .button:first-child { padding-left: 10px; } .path-bar .button:last-child { padding-right: 10px; } .path-bar .button:only-child { padding-left: 14px; padding-right: 14px; } .path-bar .button GtkLabel:last-child { padding-left: 4px; } .path-bar .button GtkLabel:first-child { padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 2px; padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: rgba(92, 97, 108, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:selected { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } GtkTreeView.view:insensitive { color: rgba(92, 97, 108, 0.55); } GtkTreeView.view:insensitive:selected { color: #97bfee; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { color: #ffffff; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); border-radius: 3px; border-width: 0; } column-header .button { color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294e2; box-shadow: none; transition: none; } column-header .button:active { color: #5c616c; transition: none; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; border-image: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294e2; box-shadow: inset 1px 1px 0 1px #5294e2, inset -1px 0 0 1px #5294e2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active, column-header .button:hover { background-color: #ffffff; } column-header .button:active:hover { color: #5c616c; } column-header .button:insensitive { border-color: #F5F6F7; background-image: none; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #e7e8eb; color: rgba(82, 93, 118, 0.8); } .menubar:backdrop { color: rgba(82, 93, 118, 0.5); } .menubar > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } .menubar > .menuitem:hover { background-color: #5294e2; color: #ffffff; } .menubar > .menuitem:insensitive { color: rgba(82, 93, 118, 0.2); border-color: transparent; } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #ffffff; border: 1px solid #dcdfe3; } .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } .menu .menuitem { padding: 5px; } .menu .menuitem:hover { color: #ffffff; background-color: #5294e2; } .menu .menuitem:insensitive { color: rgba(92, 97, 108, 0.55); } .menu .menuitem.separator { color: rgba(255, 255, 255, 0); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; } .menu.button.top { border-bottom: 1px solid #efeff0; } .menu.button.bottom { border-top: 1px solid #efeff0; } .menu.button:hover { background-color: #efeff0; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: alpha(currentColor,0.55); } .popover { padding: 2px; border: 1px solid #cdd2d7; border-radius: 3px; background-clip: border-box; background-color: #ffffff; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .popover .separator, .popover .sidebar .view.separator, .sidebar .popover .view.separator { color: rgba(255, 255, 255, 0); } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .notebook { padding: 0; background-color: #ffffff; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { border: 1px solid #dcdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { border: 0px solid #dcdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px #dcdfe3; } .notebook.header.bottom { box-shadow: inset 0 1px #dcdfe3; } .notebook.header.right { box-shadow: inset 1px 0 #dcdfe3; } .notebook.header.left { box-shadow: inset -1px 0 #dcdfe3; } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; } .notebook tab.top, .notebook tab.bottom { padding: 4px 15px; } .notebook tab.left, .notebook tab.right { padding: 4px 15px; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; } .notebook tab.reorderable-page.top, .notebook tab.top { padding-top: 6px; border-radius: 3.5px 2px 0 0; border-width: 0; border-top-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; border-width: 0; border-bottom-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; border-width: 0; border-right-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; border-width: 0; border-left-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(92, 97, 108, 0.775); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #5c616c; } .notebook tab .button { padding: 0; color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { color: #5294e2; } .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { color: rgba(92, 97, 108, 0.55); } .notebook.arrow:hover { color: rgba(92, 97, 108, 0.775); } .notebook.arrow:active { color: #5c616c; } .notebook.arrow:insensitive { color: rgba(92, 97, 108, 0.25); } .scrollbar { -GtkRange-slider-width: 13; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; -GtkRange-slider-width: 6px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; background-color: #8a8e96; border: 1px solid rgba(255, 255, 255, 0.6); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; background-color: transparent; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { margin-top: 2px; margin-bottom: 2px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { background-color: #fcfcfc; border: 1px none #dcdfe3; } .scrollbar .slider { background-color: #b8babf; } .scrollbar .slider:hover { background-color: #c7c9cd; } .scrollbar .slider:prelight:active, .scrollbar .slider:active { background-color: #5294e2; } .scrollbar .slider:insensitive { background-color: transparent; } .scrollbar .slider { border-radius: 100px; margin: 3px; } .scrollbar.fine-tune .slider { margin: 4px; } .scrollbar.vertical .slider { margin-left: 4px; } .scrollbar.vertical .slider:dir(rtl) { margin-left: 3px; margin-right: 4px; } .scrollbar.vertical.fine-tune .slider { margin-left: 5px; } .scrollbar.vertical.fine-tune .slider:dir(rtl) { margin-left: 4px; margin-right: 5px; } .scrollbar.vertical .trough { border-left-style: solid; } .scrollbar.vertical .trough:dir(rtl) { border-left-style: none; border-right-style: solid; } .scrollbar.horizontal .slider { margin-top: 4px; } .scrollbar.horizontal.fine-tune .slider { margin-top: 5px; } .scrollbar.horizontal .trough { border-top-style: solid; } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { border-image-slice: 0 1 0 0; } GtkSwitch { font: 1; -GtkSwitch-slider-width: 52; -GtkSwitch-slider-height: 24; outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; } GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { background-position: left center; } GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough, .menu .menuitem:hover GtkSwitch.trough, .list-row:selected GtkSwitch.trough, GtkInfoBar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } .header-bar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); } GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough:active, .menu .menuitem:hover GtkSwitch.trough:active, .list-row:selected GtkSwitch.trough:active, GtkInfoBar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } .header-bar GtkSwitch.trough:active, .primary-toolbar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); } GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough:insensitive, .menu .menuitem:hover GtkSwitch.trough:insensitive, .list-row:selected GtkSwitch.trough:insensitive, GtkInfoBar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:insensitive, .primary-toolbar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); } GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough:active:insensitive, .menu .menuitem:hover GtkSwitch.trough:active:insensitive, .list-row:selected GtkSwitch.trough:active:insensitive, GtkInfoBar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:active:insensitive, .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check, .menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:insensitive, .menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:inconsistent, .menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:inconsistent:insensitive, .menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:checked, .menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:checked:insensitive, .menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio, .menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:insensitive, .menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:inconsistent, .menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:inconsistent:insensitive, .menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:checked, .menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:checked:insensitive, .menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } .view.content-view.check:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:checked:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; color: alpha(currentColor,0.7); } .scale.trough { margin: 5px; } .scale.fine-tune.trough { border-radius: 5px; margin: 3px; } .scale.slider { background-clip: border-box; background-image: linear-gradient(to bottom, #fbfbfc); border: 1px solid rgba(123, 142, 186, 0.5); border-radius: 50%; box-shadow: none; } .scale.slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(123, 142, 186, 0.5); } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #fbfbfb); border-color: rgba(123, 142, 186, 0.3); } .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .osd .scale.slider { background-image: linear-gradient(to bottom, #353945); border-color: #5294e2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294e2); } .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider, .menu .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider:hover, .menu .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider:active, .menu .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider:insensitive, .menu .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, #cfd6e6); } .scale.trough.highlight { background-image: linear-gradient(to bottom, #5294e2); } .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd .scale.trough { background-image: linear-gradient(to bottom, #454a59); outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294e2); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough, .menu .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough.highlight, .menu .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough.highlight:insensitive, .menu .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough:insensitive, .menu .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } GtkProgressBar { padding: 0; font-size: smaller; color: rgba(92, 97, 108, 0.7); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } .progressbar { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } .progressbar.osd { background-color: #5294e2; } .list-row:selected .progressbar, GtkInfoBar .progressbar { background-color: #ffffff; } .osd .scale.progressbar { background-color: #5294e2; } GtkProgressBar.trough, .level-bar.trough { border: none; border-radius: 3px; background-color: #cfd6e6; } GtkProgressBar.trough.osd, .osd.level-bar.trough { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected GtkProgressBar.trough, .list-row:selected .level-bar.trough, GtkInfoBar GtkProgressBar.trough, GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } GtkLevelBar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; border-radius: 4px; } .level-bar.fill-block { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #73d216; background-color: #73d216; } .level-bar.fill-block.level-low { border-color: #F27835; background-color: #F27835; } .level-bar.fill-block.empty-fill-block { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } .frame { border: 1px solid #dcdfe3; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, .sidebar.separator, .sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton .separator, GtkFileChooserButton .sidebar.separator, GtkFileChooserButton .sidebar .view.separator, .sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton .sidebar.separator, GtkFontButton .sidebar .view.separator, .sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton .sidebar .vertical.view.separator, .sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton .sidebar .vertical.view.separator, .sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } .list { background-color: #ffffff; border-color: #dcdfe3; } .list-row, .grid-child { padding: 2px; } .list-row.activatable:hover, GtkPlacesSidebar.sidebar .has-open-popup { background-color: rgba(0, 0, 0, 0.05); } .list-row.activatable:active { color: #5c616c; } .list-row.activatable:selected:active { color: #ffffff; } .list-row.activatable:selected:hover, GtkPlacesSidebar.sidebar .has-open-popup:selected { background-color: #4a85cb; } .list-row.activatable:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } .list-row.activatable:selected:insensitive .label { color: inherit; } .list-row, list-row.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.activatable:hover { transition: none; } .app-notification, .app-notification.frame { padding: 10px; color: #BAC3CF; background-color: #353945; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #1f2128; } .app-notification .button, .app-notification.frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .app-notification .button.flat, .app-notification .sidebar-button.button, .app-notification.frame .button.flat, .app-notification.frame .sidebar-button.button { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: #aaaeb7; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkCalendar { color: #5c616c; border: 1px solid #dcdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { background-color: #5294e2; color: #ffffff; border-radius: 1.5px; } GtkCalendar.header { color: #5c616c; border: none; border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(92, 97, 108, 0.45); border-color: transparent; background-color: transparent; background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #5c616c; } GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { color: rgba(92, 97, 108, 0.55); background-color: transparent; background-image: none; } GtkCalendar:inconsistent { color: alpha(currentColor,0.55); } GtkCalendar.highlight { color: #5c616c; } .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { background-color: #e7e8eb; border-bottom: 1px solid #d4d5db; } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .message-dialog.csd .dialog-action-area .button { padding: 8px; border-radius: 0; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 3px; } .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 3px; } GtkFileChooserDialog .search-bar { background-color: #F5F6F7; border-color: #dcdfe3; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #dcdfe3; } .sidebar, .sidebar .view { border: none; background-color: #fbfbfc; } GtkSidebarRow.list-row { padding: 0px; } GtkSidebarRow .sidebar-revealer { padding: 3px 14px 3px 12px; } GtkSidebarRow .sidebar-icon:dir(ltr) { padding-right: 8px; } GtkSidebarRow .sidebar-icon:dir(rtl) { padding-left: 8px; } GtkSidebarRow .sidebar-label:dir(ltr) { padding-right: 2px; } GtkSidebarRow .sidebar-label:dir(rtl) { padding-left: 2px; } GtkPlacesSidebar.sidebar .sidebar-placeholder-row { border: solid 1px #5294e2; } GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { background-color: #d9dde0; } GtkPlacesSidebar.sidebar .list-row.activatable { color: rgba(92, 97, 108, 0.8); border-width: 0; border-style: solid; } .sidebar-button.button { outline-radius: 50%; border-radius: 50%; } .sidebar-button.button.image-button, .header-bar .sidebar-button.button.titlebutton, .titlebar .sidebar-button.button.titlebutton { padding: 3px; } .sidebar-button.button:not(:hover):not(:active) > GtkImage { opacity: 0.5; } .sidebar-item { padding: 10px 4px; } .sidebar-item > GtkLabel { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > GtkLabel { background-size: 6px 6px, 0 0; } GtkPlacesView .server-list-button > GtkImage { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } GtkPlacesView .server-list-button:checked > GtkImage { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } GtkPlacesView .list-row.activatable:hover, GtkPlacesView GtkPlacesSidebar.sidebar .has-open-popup, GtkPlacesSidebar.sidebar GtkPlacesView .has-open-popup { background-color: transparent; } GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { background-color: #dcdfe3; } GtkPaned.wide { -GtkPaned-handle-size: 5; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; border-color: #dcdfe3; border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } GtkInfoBar { border-style: none; } .info, .question, .warning, .error, GtkInfoBar { background-color: #5294e2; color: #ffffff; } .list-row:selected .button, GtkInfoBar .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } .list-row:selected .flat.button, .list-row:selected .sidebar-button.button, GtkInfoBar .flat.button, GtkInfoBar .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .list-row:selected .button:hover, GtkInfoBar .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .tooltip { color: #BAC3CF; border-radius: 2px; } .tooltip.background { background-color: #4b5162; background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } :selected GtkColorSwatch { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch.left, GtkColorSwatch:first-child, GtkColorSwatch:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } GtkColorSwatch.right, GtkColorSwatch:last-child, GtkColorSwatch:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch:only-child, GtkColorSwatch:only-child .overlay { border-radius: 3px; } GtkColorSwatch:hover, GtkColorSwatch:hover:selected { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; } GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { border: 1px solid rgba(0, 0, 0, 0.15); } GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { border-color: rgba(0, 0, 0, 0.25); } GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } GtkColorSwatch#add-color-button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkColorSwatch#add-color-button .overlay { border-color: transparent; background-color: transparent; background-image: none; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } .content-view { background-color: #ffffff; } .content-view:hover { -gtk-image-effect: highlight; } .scale-popup .button { padding: 6px; } .scale-popup .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkVolumeButton.button { padding: 8px; } .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .window-frame { border-radius: 4px 4px 0 0; border-width: 0px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.2); margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 5px 5px 0 rgba(0, 0, 0, 0.2); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; border-radius: 0; } .window-frame.ssd { border-radius: 4px 4px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } .window-frame.ssd.maximized { border-radius: 0; } .window-frame.csd.popup { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.message-dialog { border-radius: 3px; } .window-frame.solid-csd { border-radius: 0; margin: 1px; background-color: #e7e8eb; box-shadow: none; } .header-bar.default-decoration .button.titlebutton, .titlebar.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding-left: 4px; padding-right: 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(231, 232, 235, 0); } .header-bar .button.titlebutton:not(GtkMenuButton), .titlebar .button.titlebutton:not(GtkMenuButton) { padding-top: 8px; padding-bottom: 8px; } .header-bar .button.titlebutton:hover, .titlebar .button.titlebutton:hover { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.close, .titlebar .button.titlebutton.maximize, .titlebar .button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; } .header-bar .button.titlebutton.close:backdrop, .header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { opacity: 1; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } .header-bar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); } .header-bar .button.titlebutton.close:hover, .titlebar .button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } .header-bar .button.titlebutton.close:active, .titlebar .button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } .header-bar .button.titlebutton.maximize, .titlebar .button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); } .header-bar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); } .header-bar .button.titlebutton.maximize:hover, .titlebar .button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); } .header-bar .button.titlebutton.maximize:active, .titlebar .button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); } .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); } .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); } .header-bar .button.titlebutton.minimize:hover, .titlebar .button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); } .header-bar .button.titlebutton.minimize:active, .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); } .view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.sidebar-button.button:active, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .list-row:selected, .sidebar:selected, .sidebar .view:selected, GtkPlacesSidebar.sidebar .list-row.activatable:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:focus:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:active:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:active, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:selected, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:active:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:active { background-image: none; background-color: #5294e2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, ScratchMainWindow .notebook tab.top:active, ScratchMainWindow .notebook tab.top.active-page, ScratchMainWindow .notebook tab.top.active-page:hover, EphyNotebook.notebook tab.reorderable-page.top:active, EphyNotebook.notebook tab.reorderable-page.top.active-page, EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, EphyNotebook.notebook tab.top:active, EphyNotebook.notebook tab.top.active-page, EphyNotebook.notebook tab.top.active-page:hover, MidoriNotebook .notebook tab.reorderable-page.top:active, MidoriNotebook .notebook tab.reorderable-page.top.active-page, MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, MidoriNotebook .notebook tab.top:active, MidoriNotebook .notebook tab.top.active-page, MidoriNotebook .notebook tab.top.active-page:hover, TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top.active-page, TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } TerminalWindow .notebook.header.top { box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } GtkHTML { background-color: #ffffff; color: #5c616c; } GtkHTML:active { color: #ffffff; background-color: #5294e2; } SushiFontWidget { padding: 6px 12px; } TerminalWindow .background { background-color: transparent; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { border-width: 0; } TerminalWindow .notebook tab .button { color: #92959d; } TerminalWindow .notebook tab .button:hover { color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } TerminalWindow .notebook .active-page .button:hover, TerminalWindow .notebook .prelight-page .button:hover { color: #ff4d4d; } TerminalWindow .notebook .active-page .button:active, TerminalWindow .notebook .prelight-page .button:active { color: #5294e2; } EelEditableLabel.entry { transition: none; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { color: #5c616c; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } .nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #a9acb2; } .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } NautilusNotebook.notebook { background-color: #ffffff; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { padding: 5px; box-shadow: none; background-color: #ffffff; } .nautilus-circular-button.image-button.button, .header-bar .nautilus-circular-button.button.titlebutton, .titlebar .nautilus-circular-button.button.titlebutton { border-radius: 50%; outline-radius: 50%; padding: 8px; } .disk-space-display { border-style: solid; border-width: 1px; } .disk-space-display.unknown { background-color: rgba(92, 97, 108, 0.5); border-color: rgba(69, 72, 80, 0.5); } .disk-space-display.used { background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { background-color: #edeef0; border-color: #d0d5da; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow .sidebar GtkSeparator.horizontal.view.separator, .sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #dcdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover { background-color: rgba(255, 255, 255, 0.9); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:insensitive { color: rgba(82, 93, 118, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .gedit-headerbar-paned { color: #d4d5db; } .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } .open-document-selector-treeview.view:prelight { background-color: #f4f4f5; } .open-document-selector-treeview.view:prelight:selected { color: #ffffff; background-color: #5294e2; } .open-document-selector-name-label { color: #5c616c; } .open-document-selector-path-label { color: #aeb0b6; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } .gedit-document-panel .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { color: #92959d; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; background-color: transparent; border: none; box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { border-top: 1px solid #dcdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton.sidebar-button.button, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton.sidebar-button.button:prelight, GeditStatusMenuButton:checked.button.flat, GeditStatusMenuButton.sidebar-button.button:checked { border-bottom-style: none; border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { border-bottom: 1px solid #dcdfe3; } .gedit-map-frame { border-color: rgba(0, 0, 0, 0.3); } .gedit-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); border: none; margin: 2px; padding: 2px; } GeditViewFrame .gedit-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } GbWorkbench .floating-bar { color: #5c616c; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr).image:hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):hover { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):checked, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):checked { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):checked { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; } GbPreferencesPageLanguage .entry { border-radius: 3px 3px 0 0; } GbPreferencesPageLanguage .frame { border-top-width: 0; } GbEditorTweakWidget .linked.vertical > .entry { border-bottom-style: solid; } GbEditorTweakWidget GtkScrolledWindow { border-top: none; } GbViewStack GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbViewStack.focused GtkBox.header.notebook, #project_sidebar_header.focused { background-color: #ffffff; } GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbNewProjectDialog GtkFileChooserButton.linked-on-right .button { border-radius: 3px 0 0 3px; } GbWorkspacePane GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbWorkspacePane:not(.focused) GtkBox.header.notebook { background-color: #F5F6F7; } DhSidebar GtkSearchEntry.entry, SymbolTree GtkSearchEntry.entry { border-left: none; border-right: none; border-top: none; border-radius: 0px; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #BAC3CF; background-image: none; background-color: #353945; padding: 6px 6px 6px 6px; border: none; } GbTerminalView { background-color: #ffffff; color: #5c616c; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #ffffff; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook .button.label.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } EphyWindow .floating-bar { color: #5c616c; } .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: #a9caf1; } .documents-entry-tag { background-color: #5294e2; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; background-color: #639fe5; } .documents-entry-tag:active { color: #ffffff; background-color: #4189df; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; border: none; box-shadow: none; icon-shadow: none; } .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } TotemGrilo.vertical GdMainView.frame { border-width: 0; } SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: #5294e2; } .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; } .gnome-panel-menu-bar.menubar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: #BAC3CF; background-color: #2b2e37; } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: #BAC3CF; } PanelApplet .button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: rgba(0, 0, 0, 0.25); border-radius: 0; border-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: #5294e2; } WnckPager { color: #5d6268; } WnckPager:selected { color: #5294e2; } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: #BAC3CF; } .xfce4-panel.panel { background-color: #2b2e37; text-shadow: none; icon-shadow: none; } .xfce4-panel.panel .button.flat, .xfce4-panel.panel .sidebar-button.button { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); border-radius: 0; border: none; } .xfce4-panel.panel .button.flat:hover, .xfce4-panel.panel .sidebar-button.button:hover { border: none; background-color: #414654; } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .sidebar-button.button:active, .xfce4-panel.panel .button.flat:checked, .xfce4-panel.panel .sidebar-button.button:checked { color: #ffffff; border: none; background-color: #5294e2; } .floating-bar { background-color: #5294e2; color: #ffffff; } .floating-bar.top { border-radius: 0 0 2px 2px; } .floating-bar.right { border-radius: 2px 0 0 2px; } .floating-bar.bottom { border-radius: 2px 2px 0 0; } .floating-bar.left { border-radius: 0 2px 2px 0; } .floating-bar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { color: #ffffff; background-color: #5294e2; outline-color: transparent; } MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { background-color: transparent; } MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { outline-color: transparent; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); } .marlin-pathbar.pathbar:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel .maximized { background-color: #2b2e37; box-shadow: inset 0 -1px #1b1d23; } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .color-light .composited-indicator { color: rgba(0, 0, 0, 0.65); text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } WingpanelWidgetsIndicatorPopover.popover { padding: 0; font: initial; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .sidebar { background: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage { padding: 0 3px; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active { color: #ffffff; background-color: #5294e2; } WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive { color: rgba(92, 97, 108, 0.55); } PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: #5c616c; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { border: 1px solid rgba(0, 0, 0, 0.1); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #e7e8eb); color: rgba(82, 93, 118, 0.8); box-shadow: inset 0 1px #eff0f2; } UnityDecoration.top:backdrop { border-bottom-width: 0; color: rgba(82, 93, 118, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: #fdfdfe; border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar GtkLabel { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #dcdfe3; border-right: 1px solid #dcdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #dcdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } .bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #dcdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: white; } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: #F5F6F7; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #5c616c; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .dynamic-notebook .notebook tab .button > GtkImage { padding: 0; } GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { color: #a9acb2; font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(92, 97, 108, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry.entry { padding: 4px; } .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: #8a8e96; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: #2b2e37; color: #BAC3CF; font: bold; box-shadow: inset 0 -1px #1b1d23; } #panel_window .menubar { padding-left: 5px; } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { font: normal; } #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: #5c616c; } #content_frame { padding-bottom: 14px; background-color: #F5F6F7; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } #content_frame .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } #content_frame .button:active, #content_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } #content_frame .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } #content_frame .button:insensitive > GtkLabel { color: inherit; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: #353945; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px #353945; } #buttonbox_frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } #buttonbox_frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } #buttonbox_frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } #login_window #user_combobox { color: #5c616c; font: 13px; } #login_window #user_combobox .menu { font: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font: bold; } .titlebar .separator, .titlebar .sidebar .view.separator, .sidebar .titlebar .view.separator { color: #d4d5db; } NemoWindow GtkEventBox { background-color: #F5F6F7; } GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .list.sidebar, NautilusWindow.csd.background, NautilusWindow .list.sidebar { background-color: transparent; } GtkFileChooserDialog GtkPlacesSidebar.sidebar, NautilusWindow GtkPlacesSidebar.sidebar { background-color: #353945; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-placeholder-row.list-row.activatable, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-placeholder-row.list-row.activatable { border: 1px solid #5294e2; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { background-color: #4b5162; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable { border: none; color: #BAC3CF; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable .sidebar-icon { color: rgba(186, 195, 207, 0.6); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup { background-color: rgba(186, 195, 207, 0.15); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:selected .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:active:hover .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:active .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:selected .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:active:hover .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:active .sidebar-icon { color: inherit; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button { color: #BAC3CF; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button:hover, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button:active, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button:active { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button:not(:hover):not(:active) > GtkImage, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button:not(:hover):not(:active) > GtkImage { opacity: 0.5; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, NautilusWindow GtkPlacesSidebar.sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator { color: transparent; } GtkFileChooserDialog.maximized GtkPlacesSidebar.sidebar, NautilusWindow.maximized GtkPlacesSidebar.sidebar { background-color: #353945; } NemoWindow.csd.background, NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { background-color: #353945; } NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; color: #BAC3CF; } NemoWindow .sidebar .view.image, NemoWindow .sidebar row.image, NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { color: rgba(186, 195, 207, 0.7); } NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar row.cell:selected, MarlinViewWindow .source-list.sidebar.view .view.cell:selected, MarlinViewWindow .source-list.sidebar.view row.cell:selected { background-color: #5294e2; color: #ffffff; } NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { color: #BAC3CF; } NemoWindow .sidebar .separator, NemoWindow .sidebar .view.separator, NemoWindow .source-list.sidebar.view .separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow .sidebar .sidebar.separator, MarlinViewWindow .sidebar .view.separator, MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #353945; } NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: #353945; } NautilusWindow NautilusWindowSlot { background-color: #ffffff; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { background-color: #353945; } GtkFileChooserDialog GtkPlacesSidebar.sidebar { background-color: transparent; } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-vbox > .frame { color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame { background-color: transparent; border-color: #252831; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame GtkLabel, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #BAC3CF; } FeedReaderreaderUI.background.csd > .titlebar .pane-separator, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, GeditWindow.background.csd > .titlebar .pane-separator, GeditWindow.background.csd.maximized > .titlebar .pane-separator, GeditWindow.background.csd > .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { background-color: #d4d5db; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #e7e8eb; } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #eff0f2; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #e7e8eb; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #eff0f2; } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background .gedit-side-panel-paned .pane-separator { background-color: #353945; } GeditWindow.background .gedit-bottom-panel-paned .pane-separator { background-color: #dcdfe3; } .gedit-bottom-panel-paned { background-color: #ffffff; } .gedit-document-panel { background-color: #353945; } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel .list-row { color: #BAC3CF; } .gedit-document-panel .list-row { background-color: rgba(186, 195, 207, 0); border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:active .button { color: #ffffff; } .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { color: #BAC3CF; } GeditFileBrowserWidget { background-color: #353945; } .maximized GeditFileBrowserWidget { background-color: #353945; } GeditFileBrowserWidget .horizontal { background-color: transparent; border-color: #252831; } GeditFileBrowserWidget .horizontal GtkComboBox { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294e2; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditFileBrowserWidget .horizontal .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditFileBrowserWidget .horizontal .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditFileBrowserWidget .horizontal .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .image.entry, GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .image.entry:hover, GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { color: inherit; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294e2); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NautilusWindow GtkPlacesSidebar.sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NemoWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, MarlinViewWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, GeditFileBrowserWidget .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .trough, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .trough, NemoWindow .sidebar .scrollbar .trough, NemoWindow .source-list.sidebar.view .scrollbar .trough, MarlinViewWindow .sidebar .scrollbar .trough, MarlinViewWindow .source-list.sidebar.view .scrollbar .trough, GeditFileBrowserWidget .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider, NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserWidget .scrollbar .slider { background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:hover, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:hover, NemoWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .sidebar .scrollbar .slider:hover, GeditFileBrowserWidget .scrollbar .slider:hover { background-color: #f6f7f9; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:prelight:active, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:prelight:active, NemoWindow .sidebar .scrollbar .slider:prelight:active, MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, GeditFileBrowserWidget .scrollbar .slider:prelight:active { background-color: #5294e2; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:insensitive, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:insensitive, NemoWindow .sidebar .scrollbar .slider:insensitive, MarlinViewWindow .sidebar .scrollbar .slider:insensitive, GeditFileBrowserWidget .scrollbar .slider:insensitive { background-color: transparent; } @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; @define-color theme_base_color #ffffff; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #5c616c; @define-color text_color #5c616c; @define-color bg_color #F5F6F7; @define-color base_color #ffffff; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #fbfbfc; @define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; @define-color borders #dcdfe3; @define-color unfocused_borders #dcdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #2679db; @define-color content_view_bg #ffffff; @define-color wm_title alpha(#525d76, 0.8); @define-color wm_unfocused_title alpha(#525d76, 0.5); @define-color wm_bg #e7e8eb; @define-color wm_bg_unfocused #eff0f2; @define-color wm_highlight #eff0f2; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #f46067; @define-color wm_button_close_hover_bg #f68086; @define-color wm_button_close_active_bg #f13039; @define-color wm_icon_close_bg #F8F8F9; @define-color wm_button_hover_bg #fdfdfd; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #D1D3DA; @define-color wm_icon_bg #90949E; @define-color wm_icon_unfocused_bg #B6B8C0; @define-color wm_icon_hover_bg #7A7F8B; @define-color wm_icon_active_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.18/gtk.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #2679db; -GtkWidget-visited-link-color: #1e61b0; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(92, 97, 108, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } .background { color: #5c616c; background-color: rgba(245, 246, 247, 0.999); } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #F5F6F7; color: #5c616c; } .gtkstyle-fallback:prelight { background-color: white; color: #5c616c; } .gtkstyle-fallback:active { background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view { color: #5c616c; background-color: #ffffff; } .view.dim-label, .view.label.separator, .header-bar .view.subtitle { color: rgba(92, 97, 108, 0.55); } .view.dim-label:selected, .view.label.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, .view.label.separator:selected:focus, .header-bar .view.subtitle:selected:focus { color: rgba(255, 255, 255, 0.65); text-shadow: none; } .rubberband, GtkTreeView.view.rubberband, .content-view.rubberband { border: 1px solid #2679db; background-color: rgba(38, 121, 219, 0.2); } .label.separator, .popover .label.separator, .sidebar .label.view.separator { color: #5c616c; } .label:insensitive { color: rgba(92, 97, 108, 0.55); } .dim-label, .label.separator, .popover .label.separator, .sidebar .label.view.separator, .header-bar .subtitle { opacity: 0.55; } GtkAssistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #dcdfe3; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar .label { padding: 6px 12px; } GtkAssistant .sidebar .label.highlight { background-color: #5294e2; color: #ffffff; } GtkTextView { background-color: #fafbfb; } .grid-child { padding: 3px; border-radius: 3px; } .grid-child:selected { outline-offset: -2px; } .popover.osd, .osd { color: #BAC3CF; border: none; background-color: rgba(53, 57, 69, 0.95); background-clip: padding-box; outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } .entry { border: 1px solid; padding: 5px 8px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry.image { color: #7d8189; } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); border: none; border-radius: 0; } .entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294e2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } .entry:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } .entry:selected, .entry:selected:focus { background-color: #5294e2; color: #ffffff; } .entry.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } .entry.warning:selected, .entry.warning:selected:focus { background-color: white; color: #F27835; } .entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } .entry.error:selected, .entry.error:selected:focus { background-color: white; color: #FC4138; } .osd .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } .osd .entry.image, .osd .entry.image:hover { color: inherit; } .osd .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294e2); } .osd .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } GtkSearchEntry.entry { border-radius: 20px; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 5px 8px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .button.flat, .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(251, 251, 252, 0); border-color: rgba(207, 214, 230, 0); transition: none; } .button.flat:hover, .sidebar-button.button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } .button.flat:hover:active, .sidebar-button.button:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; transition-duration: 50ms; } .button:active:not(:insensitive) .label:insensitive, .button:checked:not(:insensitive) .label:insensitive { color: inherit; opacity: 0.6; } .button:active { color: #5c616c; } .button:active:hover, .button:checked { color: #ffffff; } .button.flat:insensitive, .sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; } .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } .button.osd.image-button, .header-bar .button.osd.titlebutton, .titlebar .button.osd.titlebutton { padding: 10px; } .button.osd:hover { color: #5294e2; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .button.osd:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .osd .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button:active, .osd .button:checked { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd .button.flat, .osd .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd .button.flat:hover, .osd .sidebar-button.button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd .button.flat:insensitive, .osd .sidebar-button.button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); background-image: none; } .osd .button.flat:active, .osd .sidebar-button.button:active, .osd .button.flat:checked, .osd .sidebar-button.button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd .linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active) + .button:not(:checked):not(:active) { box-shadow: none; } .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .button.suggested-action.flat, .suggested-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .button.suggested-action:active, .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .button.suggested-action.flat:insensitive, .suggested-action.sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.suggested-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.suggested-action:insensitive > GtkLabel { color: inherit; } .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .button.destructive-action.flat, .destructive-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .button.destructive-action:active, .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .button.destructive-action.flat:insensitive, .destructive-action.sidebar-button.button:insensitive { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } .button.destructive-action:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .button.destructive-action:insensitive > GtkLabel { color: inherit; } .button.image-button, .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 7px; } .header-bar .button.image-button, .header-bar .button.titlebutton { padding: 7px 10px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button, .header-bar .button.text-button.titlebutton, .titlebar .button.text-button.titlebutton { padding: 5px 8px; } .button.text-button.image-button GtkLabel:first-child, .header-bar .button.text-button.titlebutton GtkLabel:first-child, .titlebar .button.text-button.titlebutton GtkLabel:first-child { padding-left: 8px; } .button.text-button.image-button GtkLabel:last-child, .header-bar .button.text-button.titlebutton GtkLabel:last-child, .titlebar .button.text-button.titlebutton GtkLabel:last-child { padding-right: 8px; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding: 5px 10px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .button.titlebutton, .titlebar .stack-switcher > .button.titlebutton { padding: 2px 4px; } .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar GtkToolButton > .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .inline-toolbar GtkToolButton > .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } .linked:not(.vertical):not(.path-bar) > .entry + .entry { border-left-color: rgba(207, 214, 230, 0.3); } .linked:not(.vertical):not(.path-bar) > .entry.error + .entry, .linked:not(.vertical):not(.path-bar) > .entry + .entry.error { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry, .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > .entry.error + .entry.warning, .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry.error { border-left-color: #f75d37; } .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:last-child { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .button, .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:last-child { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .button, .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:last-child { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .entry, .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .button, .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > .button:active + .entry, .linked:not(.vertical):not(.path-bar) > .button:checked + .entry { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > .button + .button { border-left-style: none; } .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 1px 0 #cfd6e6; } .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked:not(.vertical):not(.path-bar) > .button:active + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .button:checked + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .button.suggested-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .button.destructive-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > .entry + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child) { box-shadow: none; } .linked:not(.vertical).path-bar > .button + .button { border-left-style: none; } .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } .linked.vertical > .entry + .entry { border-top-color: rgba(207, 214, 230, 0.3); } .linked.vertical > .entry.error + .entry, .linked.vertical > .entry + .entry.error { border-top-color: #FC4138; } .linked.vertical > .entry.warning + .entry, .linked.vertical > .entry + .entry.warning { border-top-color: #F27835; } .linked.vertical > .entry.error + .entry.warning, .linked.vertical > .entry.warning + .entry.error { border-top-color: #f75d37; } .linked.vertical > .entry + .entry:focus:not(:last-child), .linked.vertical > .entry + .entry:focus:last-child { border-top-color: #5294e2; } .linked.vertical > .entry:focus:not(:only-child) + .entry, .linked.vertical > .entry:focus:not(:only-child) + .button, .linked.vertical > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #5294e2; } .linked.vertical > .entry + .entry.warning:focus:not(:last-child), .linked.vertical > .entry + .entry.warning:focus:last-child { border-top-color: #F27835; } .linked.vertical > .entry.warning:focus:not(:only-child) + .entry, .linked.vertical > .entry.warning:focus:not(:only-child) + .button, .linked.vertical > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #F27835; } .linked.vertical > .entry + .entry.error:focus:not(:last-child), .linked.vertical > .entry + .entry.error:focus:last-child { border-top-color: #FC4138; } .linked.vertical > .entry.error:focus:not(:only-child) + .entry, .linked.vertical > .entry.error:focus:not(:only-child) + .button, .linked.vertical > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #FC4138; } .linked.vertical > .button:active + .entry, .linked.vertical > .button:checked + .entry { border-top-color: #5294e2; } .linked.vertical > .button + .button { border-top-style: none; } .linked.vertical > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked.vertical > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 0 1px #cfd6e6; } .linked.vertical > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked.vertical > .button:active + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .button:checked + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .button.suggested-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .button.destructive-action + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > .entry + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child) { box-shadow: none; } .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .inline-toolbar.toolbar GtkToolButton > .sidebar-button.button, .inline-toolbar GtkToolButton > .sidebar-button.button, .linked:not(.vertical) > .entry, .linked:not(.vertical) > .entry:focus, .osd .button, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked:not(.vertical) > .button, .linked:not(.vertical) > .button:hover, .linked:not(.vertical) > .button:active, .linked:not(.vertical) > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .primary-toolbar .linked:not(.vertical).path-bar > .button, .header-bar .linked:not(.vertical).path-bar > .button, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:active, .header-bar .linked:not(.vertical).path-bar > .button:active, .primary-toolbar .linked:not(.vertical).path-bar > .button:checked, .header-bar .linked:not(.vertical).path-bar > .button:checked, .primary-toolbar .linked:not(.vertical).path-bar > .button:insensitive, .header-bar .linked:not(.vertical).path-bar > .button:insensitive, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:insensitive, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl) { border-radius: 0; border-right-style: none; } .linked:not(.vertical) > .entry:first-child, .osd .button:first-child, .inline-toolbar .button:first-child, .linked:not(.vertical) > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar GtkToolButton:first-child > .sidebar-button.button, .linked > GtkComboBox:first-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:first-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:first-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:first-child, .header-bar .linked:not(.vertical).path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .linked:not(.vertical) > .entry:last-child, .osd .button:last-child, .inline-toolbar .button:last-child, .linked:not(.vertical) > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar GtkToolButton:last-child > .sidebar-button.button, .linked > GtkComboBox:last-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:last-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:last-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:last-child, .header-bar .linked:not(.vertical).path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .linked:not(.vertical) > .entry:only-child, .osd .button:only-child, .inline-toolbar .button:only-child, .linked:not(.vertical) > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar.toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar GtkToolButton:only-child > .sidebar-button.button, .linked > GtkComboBox:only-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:only-child > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:only-child, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > .button:only-child, .header-bar .linked:not(.vertical).path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:only-child { border-radius: 3px; border-style: solid; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, .linked.vertical > GtkComboBox > .the-button-in-the-combobox { border-radius: 0; border-bottom-style: none; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { border-radius: 3px; border-style: solid; } .menuitem.button.flat, .menuitem.sidebar-button.button, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .notebook tab .button, .app-notification .button.flat, .app-notification .sidebar-button.button, .app-notification.frame .button.flat, .app-notification.frame .sidebar-button.button, .app-notification .button.flat:insensitive, .app-notification .sidebar-button.button:insensitive, .app-notification.frame .button.flat:insensitive, .app-notification.frame .sidebar-button.button:insensitive, TerminalWindow .notebook .active-page .button, TerminalWindow .notebook .prelight-page .button, TerminalWindow .notebook .active-page .button:hover, TerminalWindow .notebook .prelight-page .button:hover, TerminalWindow .notebook .active-page .button:active, TerminalWindow .notebook .prelight-page .button:active { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .menuitem.button.flat, .menuitem.sidebar-button.button { transition: none; outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover, .menuitem.sidebar-button.button:hover { background-color: #edeff0; } .menuitem.button.flat:checked, .menuitem.sidebar-button.button:checked { color: #5c616c; } *:link, .button:link, .button:visited { color: #2679db; } *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited:link, *:selected .button:visited { color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #dceaf9; } *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #dceaf9; } .button:link > .label, .button:visited > .label { text-decoration-line: underline; } .spinbutton { border-radius: 3px; } .spinbutton .button { background-image: none; border: 1px solid rgba(220, 223, 227, 0.6); border-style: none none none solid; color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } .spinbutton .button:insensitive { color: rgba(92, 97, 108, 0.55); } .spinbutton .button:active { background-color: #5294e2; color: #ffffff; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #5294e2; border-radius: 0; box-shadow: none; } GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; padding-bottom: 3px; } GtkComboBox:insensitive { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox .sidebar .vertical.view.separator, .sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry .entry:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-style: none; } GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: 1px 0 #5294e2; } GtkComboBox.combobox-entry .entry:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: -1px 0 #5294e2; } GtkComboBox.combobox-entry .button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; } GtkComboBox.combobox-entry .button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.85); } .primary-toolbar { color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #e7e8eb, rgba(212, 213, 219, 0.95)) 1 0 1 0; } .inline-toolbar { background-color: #edeef0; border-style: solid; border-color: #dcdfe3; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; border-color: #dcdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { background-color: #edeef0; } .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: #d4d5db; color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; } .csd .header-bar { background-color: rgba(231, 232, 235, 0.95); border-color: rgba(212, 213, 219, 0.95); } .header-bar:backdrop { color: rgba(82, 93, 118, 0.5); } .header-bar .title { padding-left: 12px; padding-right: 12px; } .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .header-bar.selection-mode, .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button.flat, .header-bar.selection-mode .sidebar-button.button, .header-bar.titlebar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: rgba(82, 148, 226, 0.95); outline-color: rgba(82, 148, 226, 0.25); background-color: #ffffff; border-color: #ffffff; } .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #e7e8eb; border-color: #d4d5db; } .header-bar.default-decoration, .csd .header-bar.default-decoration, .header-bar.default-decoration:backdrop, .csd .header-bar.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: #e7e8eb; border-bottom-width: 0; } .maximized .header-bar.default-decoration, .maximized .csd .header-bar.default-decoration, .maximized .header-bar.default-decoration:backdrop, .maximized .csd .header-bar.default-decoration:backdrop { background-color: #e7e8eb; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 4px 4px 0 0; color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } .csd .titlebar { background-color: rgba(231, 232, 235, 0.95); } .titlebar:backdrop { color: rgba(82, 93, 118, 0.5); background-color: #eff0f2; } .csd .titlebar:backdrop { background-color: rgba(239, 240, 242, 0.95); } .maximized .titlebar { background-color: #e7e8eb; } .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #eff0f2; } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } .primary-toolbar .separator, .primary-toolbar .sidebar .view.separator, .sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, .sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar .separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop, .sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } .primary-toolbar .entry:backdrop, .header-bar .entry:backdrop { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); background-clip: border-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar .entry.progressbar, .header-bar .entry.progressbar { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar .entry.warning, .header-bar .entry.warning { color: white; border-color: #F27835; background-image: linear-gradient(to bottom, rgba(238, 162, 121, 0.98)); } .primary-toolbar .entry.warning:focus, .header-bar .entry.warning:focus { color: white; background-image: linear-gradient(to bottom, #F27835); } .primary-toolbar .entry.warning:selected, .header-bar .entry.warning:selected, .primary-toolbar .entry.warning:selected:focus, .header-bar .entry.warning:selected:focus { background-color: white; color: #F27835; } .primary-toolbar .entry.error, .header-bar .entry.error { color: white; border-color: #FC4138; background-image: linear-gradient(to bottom, rgba(244, 128, 123, 0.98)); } .primary-toolbar .entry.error:focus, .header-bar .entry.error:focus { color: white; background-image: linear-gradient(to bottom, #FC4138); } .primary-toolbar .entry.error:selected, .header-bar .entry.error:selected, .primary-toolbar .entry.error:selected:focus, .header-bar .entry.error:selected:focus { background-color: white; color: #FC4138; } .primary-toolbar .button, .header-bar .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); outline-offset: -3px; background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; background-clip: border-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button, .header-bar .linked:not(.vertical):not(.path-bar) > .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar) > .button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:active, .header-bar .linked:not(.vertical):not(.path-bar) > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar) > .button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar) > .button:insensitive { border-radius: 3px; border-style: solid; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .header-bar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), .header-bar .linked:not(.vertical):not(.path-bar) > .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + .button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button, .primary-toolbar .linked:not(.vertical).path-bar > .button, .header-bar .linked:not(.vertical).path-bar > .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover { background-color: rgba(255, 255, 255, 0.9); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:checked, .primary-toolbar .linked:not(.vertical).path-bar > .button:active, .header-bar .linked:not(.vertical).path-bar > .button:active, .primary-toolbar .linked:not(.vertical).path-bar > .button:checked, .header-bar .linked:not(.vertical).path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:insensitive, .primary-toolbar .linked:not(.vertical).path-bar > .button:insensitive, .header-bar .linked:not(.vertical).path-bar > .button:insensitive { color: rgba(82, 93, 118, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button + .button, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button + .button, .primary-toolbar .linked:not(.vertical).path-bar > .button + .button, .header-bar .linked:not(.vertical).path-bar > .button + .button { border-left-style: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):hover, .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .header-bar .linked:not(.vertical):not(.path-bar).stack-switcher > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .header-bar .linked:not(.vertical).path-bar > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry { border-left-color: rgba(82, 93, 118, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error { border-left-color: #FC4138; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning { border-left-color: #F27835; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry.warning, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error + .entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry.error, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning + .entry.error { border-left-color: #f75d37; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:last-child, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry:focus:last-child { border-left-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:last-child, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.warning:focus:last-child { border-left-color: #F27835; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.warning:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #F27835; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:not(:last-child), .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:last-child, .header-bar .linked:not(.vertical):not(.path-bar) > .entry + .entry.error:focus:last-child { border-left-color: #FC4138; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .button, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + .button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox, .header-bar .linked:not(.vertical):not(.path-bar) > .entry.error:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #FC4138; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:active + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .button:active + .entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > .button:checked + .entry, .header-bar .linked:not(.vertical):not(.path-bar) > .button:checked + .entry { border-left-color: #5294e2; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat, .primary-toolbar .suggested-action.sidebar-button.button, .header-bar .suggested-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; outline-color: rgba(77, 173, 212, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #76c0de; border-color: #76c0de; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive, .primary-toolbar .suggested-action.sidebar-button.button:insensitive, .header-bar .suggested-action.sidebar-button.button:insensitive, .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button.suggested-action.flat:insensitive > GtkLabel, .header-bar .button.suggested-action.flat:insensitive > GtkLabel, .primary-toolbar .suggested-action.sidebar-button.button:insensitive > GtkLabel, .header-bar .suggested-action.sidebar-button.button:insensitive > GtkLabel, .primary-toolbar .button.suggested-action:insensitive > GtkLabel, .header-bar .button.suggested-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #F04A50; border-color: #F04A50; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat, .primary-toolbar .destructive-action.sidebar-button.button, .header-bar .destructive-action.sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; outline-color: rgba(240, 74, 80, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f4797e; border-color: #f4797e; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { background-clip: border-box; color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive, .primary-toolbar .destructive-action.sidebar-button.button:insensitive, .header-bar .destructive-action.sidebar-button.button:insensitive, .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar .button.destructive-action.flat:insensitive > GtkLabel, .header-bar .button.destructive-action.flat:insensitive > GtkLabel, .primary-toolbar .destructive-action.sidebar-button.button:insensitive > GtkLabel, .header-bar .destructive-action.sidebar-button.button:insensitive > GtkLabel, .primary-toolbar .button.destructive-action:insensitive > GtkLabel, .header-bar .button.destructive-action:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(82, 93, 118, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { background-color: rgba(82, 93, 118, 0.05); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(82, 93, 118, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(82, 93, 118, 0.2); } .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr), .header-bar GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { box-shadow: 1px 0 #5294e2; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl), .header-bar GtkComboBox.combobox-entry .entry:dir(rtl) { border-left-style: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: -1px 0 #5294e2; } .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(82, 93, 118, 0.15); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #fbfbfc); border-color: rgba(82, 93, 118, 0.3); } .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(82, 93, 118, 0.3); } .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, rgba(245, 246, 247, 0.985)); border-color: rgba(82, 93, 118, 0.3); } .path-bar .button { padding: 5px 10px; } .path-bar .button:first-child { padding-left: 10px; } .path-bar .button:last-child { padding-right: 10px; } .path-bar .button:only-child { padding-left: 14px; padding-right: 14px; } .path-bar .button GtkLabel:last-child { padding-left: 4px; } .path-bar .button GtkLabel:first-child { padding-right: 4px; } .path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 2px; padding-bottom: 1px; } GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: rgba(92, 97, 108, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:selected { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } GtkTreeView.view:insensitive { color: rgba(92, 97, 108, 0.55); } GtkTreeView.view:insensitive:selected { color: #97bfee; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { color: #ffffff; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); border-radius: 3px; border-width: 0; } column-header .button { color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294e2; box-shadow: none; transition: none; } column-header .button:active { color: #5c616c; transition: none; } column-header:last-child .button, column-header:last-child.button { border-right-style: none; border-image: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #5294e2; box-shadow: inset 1px 1px 0 1px #5294e2, inset -1px 0 0 1px #5294e2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } column-header .button, column-header .button:hover, column-header .button:active { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } column-header .button:active, column-header .button:hover { background-color: #ffffff; } column-header .button:active:hover { color: #5c616c; } column-header .button:insensitive { border-color: #F5F6F7; background-image: none; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #e7e8eb; color: rgba(82, 93, 118, 0.8); } .menubar:backdrop { color: rgba(82, 93, 118, 0.5); } .menubar > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } .menubar > .menuitem:hover { background-color: #5294e2; color: #ffffff; } .menubar > .menuitem:insensitive { color: rgba(82, 93, 118, 0.2); border-color: transparent; } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #ffffff; border: 1px solid #dcdfe3; } .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } .menu .menuitem { padding: 5px; } .menu .menuitem:hover { color: #ffffff; background-color: #5294e2; } .menu .menuitem:insensitive { color: rgba(92, 97, 108, 0.55); } .menu .menuitem.separator { color: rgba(255, 255, 255, 0); } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu.button { border-style: none; border-radius: 0; } .menu.button.top { border-bottom: 1px solid #efeff0; } .menu.button.bottom { border-top: 1px solid #efeff0; } .menu.button:hover { background-color: #efeff0; } .menu.button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: alpha(currentColor,0.55); } .popover { padding: 2px; border: 1px solid #cdd2d7; border-radius: 3px; background-clip: border-box; background-color: #ffffff; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .popover .separator, .popover .sidebar .view.separator, .sidebar .popover .view.separator { color: rgba(255, 255, 255, 0); } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .notebook { padding: 0; background-color: #ffffff; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { border: 1px solid #dcdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { border: 0px solid #dcdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { border-top-width: 0; } .notebook.header.frame.right { border-left-width: 0; } .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { box-shadow: inset 0 -1px #dcdfe3; } .notebook.header.bottom { box-shadow: inset 0 1px #dcdfe3; } .notebook.header.right { box-shadow: inset 1px 0 #dcdfe3; } .notebook.header.left { box-shadow: inset -1px 0 #dcdfe3; } .notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; } .notebook tab.top, .notebook tab.bottom { padding: 4px 15px; } .notebook tab.left, .notebook tab.right { padding: 4px 15px; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; } .notebook tab.reorderable-page.top, .notebook tab.top { padding-top: 6px; border-radius: 3.5px 2px 0 0; border-width: 0; border-top-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; border-width: 0; border-bottom-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; border-width: 0; border-right-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; border-width: 0; border-left-width: 2px; border-color: transparent; background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(92, 97, 108, 0.775); } .notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page { color: #5c616c; } .notebook tab .button { padding: 0; color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { color: #5294e2; } .notebook tab .button > GtkImage { padding: 2px; } .notebook.arrow { color: rgba(92, 97, 108, 0.55); } .notebook.arrow:hover { color: rgba(92, 97, 108, 0.775); } .notebook.arrow:active { color: #5c616c; } .notebook.arrow:insensitive { color: rgba(92, 97, 108, 0.25); } .scrollbar { -GtkRange-slider-width: 13; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { border: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; -GtkRange-slider-width: 6px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; background-color: #8a8e96; border: 1px solid rgba(255, 255, 255, 0.6); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; background-color: transparent; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { margin-top: 2px; margin-bottom: 2px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { background-color: #fcfcfc; border: 1px none #dcdfe3; } .scrollbar .slider { background-color: #b8babf; } .scrollbar .slider:hover { background-color: #c7c9cd; } .scrollbar .slider:prelight:active, .scrollbar .slider:active { background-color: #5294e2; } .scrollbar .slider:insensitive { background-color: transparent; } .scrollbar .slider { border-radius: 100px; margin: 3px; } .scrollbar.fine-tune .slider { margin: 4px; } .scrollbar.vertical .slider { margin-left: 4px; } .scrollbar.vertical .slider:dir(rtl) { margin-left: 3px; margin-right: 4px; } .scrollbar.vertical.fine-tune .slider { margin-left: 5px; } .scrollbar.vertical.fine-tune .slider:dir(rtl) { margin-left: 4px; margin-right: 5px; } .scrollbar.vertical .trough { border-left-style: solid; } .scrollbar.vertical .trough:dir(rtl) { border-left-style: none; border-right-style: solid; } .scrollbar.horizontal .slider { margin-top: 4px; } .scrollbar.horizontal.fine-tune .slider { margin-top: 5px; } .scrollbar.horizontal .trough { border-top-style: solid; } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { border-image-slice: 0 1 0 0; } GtkSwitch { font: 1; -GtkSwitch-slider-width: 52; -GtkSwitch-slider-height: 24; outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; } GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) { background-position: left center; } GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough, .menu .menuitem:hover GtkSwitch.trough, .list-row:selected GtkSwitch.trough, GtkInfoBar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } .header-bar GtkSwitch.trough, .primary-toolbar GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); } GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough:active, .menu .menuitem:hover GtkSwitch.trough:active, .list-row:selected GtkSwitch.trough:active, GtkInfoBar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } .header-bar GtkSwitch.trough:active, .primary-toolbar GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); } GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough:insensitive, .menu .menuitem:hover GtkSwitch.trough:insensitive, .list-row:selected GtkSwitch.trough:insensitive, GtkInfoBar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:insensitive, .primary-toolbar GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); } GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough:active:insensitive, .menu .menuitem:hover GtkSwitch.trough:active:insensitive, .list-row:selected GtkSwitch.trough:active:insensitive, GtkInfoBar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } .header-bar GtkSwitch.trough:active:insensitive, .primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check, .menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:insensitive, .menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:inconsistent, .menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:inconsistent:insensitive, .menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:checked, .menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .check:checked:insensitive, .menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio, .menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:insensitive, .menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:inconsistent, .menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:inconsistent:insensitive, .menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:checked, .menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .radio:checked:insensitive, .menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } .view.content-view.check:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:checked:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; color: alpha(currentColor,0.7); } .scale.trough { margin: 5px; } .scale.fine-tune.trough { border-radius: 5px; margin: 3px; } .scale.slider { background-clip: border-box; background-image: linear-gradient(to bottom, #fbfbfc); border: 1px solid rgba(123, 142, 186, 0.5); border-radius: 50%; box-shadow: none; } .scale.slider:hover { background-image: linear-gradient(to bottom, white); border-color: rgba(123, 142, 186, 0.5); } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #fbfbfb); border-color: rgba(123, 142, 186, 0.3); } .scale.slider:active { background-image: linear-gradient(to bottom, #5294e2); border-color: #5294e2; } .osd .scale.slider { background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95)); border-color: #5294e2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294e2); } .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider, .menu .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider:hover, .menu .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider:active, .menu .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.slider:insensitive, .menu .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, #cfd6e6); } .scale.trough.highlight { background-image: linear-gradient(to bottom, #5294e2); } .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd .scale.trough { background-image: linear-gradient(to bottom, rgba(69, 74, 89, 0.95)); outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294e2); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough, .menu .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough.highlight, .menu .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough.highlight:insensitive, .menu .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .scale.trough:insensitive, .menu .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } GtkProgressBar { padding: 0; font-size: smaller; color: rgba(92, 97, 108, 0.7); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } .progressbar { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } .progressbar.osd { background-color: #5294e2; } .list-row:selected .progressbar, GtkInfoBar .progressbar { background-color: #ffffff; } .osd .scale.progressbar { background-color: #5294e2; } GtkProgressBar.trough, .level-bar.trough { border: none; border-radius: 3px; background-color: #cfd6e6; } GtkProgressBar.trough.osd, .osd.level-bar.trough { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected GtkProgressBar.trough, .list-row:selected .level-bar.trough, GtkInfoBar GtkProgressBar.trough, GtkInfoBar .level-bar.trough { background-color: rgba(0, 0, 0, 0.2); } GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } GtkLevelBar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { padding: 3px; border-radius: 4px; } .level-bar.fill-block { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #73d216; background-color: #73d216; } .level-bar.fill-block.level-low { border-color: #F27835; background-color: #F27835; } .level-bar.fill-block.empty-fill-block { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } .frame { border: 1px solid #dcdfe3; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, .sidebar.separator, .sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton .separator, GtkFileChooserButton .sidebar.separator, GtkFileChooserButton .sidebar .view.separator, .sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton .sidebar.separator, GtkFontButton .sidebar .view.separator, .sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton .sidebar .vertical.view.separator, .sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton .sidebar .vertical.view.separator, .sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } .list { background-color: #ffffff; border-color: #dcdfe3; } .list-row, .grid-child { padding: 2px; } .list-row.activatable:hover, GtkPlacesSidebar.sidebar .has-open-popup { background-color: rgba(0, 0, 0, 0.05); } .list-row.activatable:active { color: #5c616c; } .list-row.activatable:selected:active { color: #ffffff; } .list-row.activatable:selected:hover, GtkPlacesSidebar.sidebar .has-open-popup:selected { background-color: #4a85cb; } .list-row.activatable:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } .list-row.activatable:selected:insensitive .label { color: inherit; } .list-row, list-row.activatable { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.activatable:hover { transition: none; } .app-notification, .app-notification.frame { padding: 10px; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: rgba(31, 33, 40, 0.95); } .app-notification .button, .app-notification.frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .app-notification .button.flat, .app-notification .sidebar-button.button, .app-notification.frame .button.flat, .app-notification.frame .sidebar-button.button { border-color: rgba(82, 148, 226, 0); } .app-notification .button:hover, .app-notification.frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; background-clip: padding-box; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: #aaaeb7; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkCalendar { color: #5c616c; border: 1px solid #dcdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { background-color: #5294e2; color: #ffffff; border-radius: 1.5px; } GtkCalendar.header { color: #5c616c; border: none; border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(92, 97, 108, 0.45); border-color: transparent; background-color: transparent; background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #5c616c; } GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { color: rgba(92, 97, 108, 0.55); background-color: transparent; background-image: none; } GtkCalendar:inconsistent { color: alpha(currentColor,0.55); } GtkCalendar.highlight { color: #5c616c; } .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { background-color: rgba(231, 232, 235, 0.95); border-bottom: 1px solid rgba(212, 213, 219, 0.95); } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .message-dialog.csd .dialog-action-area .button { padding: 8px; border-radius: 0; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive { border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 3px; } .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 3px; } GtkFileChooserDialog .search-bar { background-color: #F5F6F7; border-color: #dcdfe3; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #dcdfe3; } .sidebar, .sidebar .view { border: none; background-color: #fbfbfc; } GtkSidebarRow.list-row { padding: 0px; } GtkSidebarRow .sidebar-revealer { padding: 3px 14px 3px 12px; } GtkSidebarRow .sidebar-icon:dir(ltr) { padding-right: 8px; } GtkSidebarRow .sidebar-icon:dir(rtl) { padding-left: 8px; } GtkSidebarRow .sidebar-label:dir(ltr) { padding-right: 2px; } GtkSidebarRow .sidebar-label:dir(rtl) { padding-left: 2px; } GtkPlacesSidebar.sidebar .sidebar-placeholder-row { border: solid 1px #5294e2; } GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { background-color: #d9dde0; } GtkPlacesSidebar.sidebar .list-row.activatable { color: rgba(92, 97, 108, 0.8); border-width: 0; border-style: solid; } .sidebar-button.button { outline-radius: 50%; border-radius: 50%; } .sidebar-button.button.image-button, .header-bar .sidebar-button.button.titlebutton, .titlebar .sidebar-button.button.titlebutton { padding: 3px; } .sidebar-button.button:not(:hover):not(:active) > GtkImage { opacity: 0.5; } .sidebar-item { padding: 10px 4px; } .sidebar-item > GtkLabel { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > GtkLabel { background-size: 6px 6px, 0 0; } GtkPlacesView .server-list-button > GtkImage { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } GtkPlacesView .server-list-button:checked > GtkImage { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } GtkPlacesView .list-row.activatable:hover, GtkPlacesView GtkPlacesSidebar.sidebar .has-open-popup, GtkPlacesSidebar.sidebar GtkPlacesView .has-open-popup { background-color: transparent; } GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { background-color: #dcdfe3; } GtkPaned.wide { -GtkPaned-handle-size: 5; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; border-color: #dcdfe3; border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } GtkInfoBar { border-style: none; } .info, .question, .warning, .error, GtkInfoBar { background-color: #5294e2; color: #ffffff; } .list-row:selected .button, GtkInfoBar .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } .list-row:selected .flat.button, .list-row:selected .sidebar-button.button, GtkInfoBar .flat.button, GtkInfoBar .sidebar-button.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .list-row:selected .button:hover, GtkInfoBar .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #5294e2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .tooltip { color: #BAC3CF; border-radius: 2px; } .tooltip.background { background-color: rgba(75, 81, 98, 0.95); background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } :selected GtkColorSwatch { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch.left, GtkColorSwatch:first-child, GtkColorSwatch:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } GtkColorSwatch.right, GtkColorSwatch:last-child, GtkColorSwatch:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } GtkColorSwatch:only-child, GtkColorSwatch:only-child .overlay { border-radius: 3px; } GtkColorSwatch:hover, GtkColorSwatch:hover:selected { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; } GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { border: 1px solid rgba(0, 0, 0, 0.15); } GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { border-color: rgba(0, 0, 0, 0.25); } GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } GtkColorSwatch#add-color-button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkColorSwatch#add-color-button .overlay { border-color: transparent; background-color: transparent; background-image: none; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch { border-radius: 0; } .content-view { background-color: #ffffff; } .content-view:hover { -gtk-image-effect: highlight; } .scale-popup .button { padding: 6px; } .scale-popup .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } GtkVolumeButton.button { padding: 8px; } .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; } .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; } .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; } .window-frame { border-radius: 4px 4px 0 0; border-width: 0px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.2); margin: 10px; } .window-frame:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 5px 5px 0 rgba(0, 0, 0, 0.2); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { box-shadow: none; border-radius: 0; } .window-frame.ssd { border-radius: 4px 4px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } .window-frame.ssd.maximized { border-radius: 0; } .window-frame.csd.popup { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.message-dialog { border-radius: 3px; } .window-frame.solid-csd { border-radius: 0; margin: 1px; background-color: rgba(231, 232, 235, 0.95); box-shadow: none; } .header-bar.default-decoration .button.titlebutton, .titlebar.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding-left: 4px; padding-right: 4px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(231, 232, 235, 0); } .header-bar .button.titlebutton:not(GtkMenuButton), .titlebar .button.titlebutton:not(GtkMenuButton) { padding-top: 8px; padding-bottom: 8px; } .header-bar .button.titlebutton:hover, .titlebar .button.titlebutton:hover { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.close, .titlebar .button.titlebutton.maximize, .titlebar .button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; } .header-bar .button.titlebutton.close:backdrop, .header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { opacity: 1; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } .header-bar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); } .header-bar .button.titlebutton.close:hover, .titlebar .button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } .header-bar .button.titlebutton.close:active, .titlebar .button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } .header-bar .button.titlebutton.maximize, .titlebar .button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); } .header-bar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); } .header-bar .button.titlebutton.maximize:hover, .titlebar .button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); } .header-bar .button.titlebutton.maximize:active, .titlebar .button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); } .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); } .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); } .header-bar .button.titlebutton.minimize:hover, .titlebar .button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); } .header-bar .button.titlebutton.minimize:active, .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); } .view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .menuitem.button.flat:active, .menuitem.sidebar-button.button:active, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .list-row:selected, .sidebar:selected, .sidebar .view:selected, GtkPlacesSidebar.sidebar .list-row.activatable:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:focus:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:selected, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:active:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:active, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:selected, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:active:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:active { background-image: none; background-color: #5294e2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, ScratchMainWindow .notebook tab.top:active, ScratchMainWindow .notebook tab.top.active-page, ScratchMainWindow .notebook tab.top.active-page:hover, EphyNotebook.notebook tab.reorderable-page.top:active, EphyNotebook.notebook tab.reorderable-page.top.active-page, EphyNotebook.notebook tab.reorderable-page.top.active-page:hover, EphyNotebook.notebook tab.top:active, EphyNotebook.notebook tab.top.active-page, EphyNotebook.notebook tab.top.active-page:hover, MidoriNotebook .notebook tab.reorderable-page.top:active, MidoriNotebook .notebook tab.reorderable-page.top.active-page, MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover, MidoriNotebook .notebook tab.top:active, MidoriNotebook .notebook tab.top.active-page, MidoriNotebook .notebook tab.top.active-page:hover, TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top.active-page, TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } TerminalWindow .notebook.header.top { box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } GtkHTML { background-color: #ffffff; color: #5c616c; } GtkHTML:active { color: #ffffff; background-color: #5294e2; } SushiFontWidget { padding: 6px 12px; } TerminalWindow .background { background-color: transparent; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { border-width: 0; } TerminalWindow .notebook tab .button { color: #92959d; } TerminalWindow .notebook tab .button:hover { color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } TerminalWindow .notebook .active-page .button:hover, TerminalWindow .notebook .prelight-page .button:hover { color: #ff4d4d; } TerminalWindow .notebook .active-page .button:active, TerminalWindow .notebook .prelight-page .button:active { color: #5294e2; } EelEditableLabel.entry { transition: none; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { color: #5c616c; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } .nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #a9acb2; } .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } NautilusNotebook.notebook { background-color: #ffffff; } NautilusNotebook.notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar { padding: 5px; box-shadow: none; background-color: #ffffff; } .nautilus-circular-button.image-button.button, .header-bar .nautilus-circular-button.button.titlebutton, .titlebar .nautilus-circular-button.button.titlebutton { border-radius: 50%; outline-radius: 50%; padding: 8px; } .disk-space-display { border-style: solid; border-width: 1px; } .disk-space-display.unknown { background-color: rgba(92, 97, 108, 0.5); border-color: rgba(69, 72, 80, 0.5); } .disk-space-display.used { background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { background-color: #edeef0; border-color: #d0d5da; } NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow .sidebar GtkSeparator.horizontal.view.separator, .sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #dcdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover { background-color: rgba(255, 255, 255, 0.9); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:insensitive { color: rgba(82, 93, 118, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .gedit-headerbar-paned { color: rgba(212, 213, 219, 0.95); } .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } .open-document-selector-treeview.view:prelight { background-color: #f4f4f5; } .open-document-selector-treeview.view:prelight:selected { color: #ffffff; background-color: #5294e2; } .open-document-selector-name-label { color: #5c616c; } .open-document-selector-path-label { color: #aeb0b6; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } .gedit-document-panel .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { color: #92959d; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; background-color: transparent; border: none; box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { border-top: 1px solid #dcdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton.sidebar-button.button, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton.sidebar-button.button:prelight, GeditStatusMenuButton:checked.button.flat, GeditStatusMenuButton.sidebar-button.button:checked { border-bottom-style: none; border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { border-bottom: 1px solid #dcdfe3; } .gedit-map-frame { border-color: rgba(0, 0, 0, 0.3); } .gedit-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); border: none; margin: 2px; padding: 2px; } GeditViewFrame .gedit-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } GbWorkbench .floating-bar { color: #5c616c; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr).image:hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):hover { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):checked, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(ltr):checked { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl), GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):hover, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > GtkMenuButton.button:last-child:dir(rtl):checked { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; } GbPreferencesPageLanguage .entry { border-radius: 3px 3px 0 0; } GbPreferencesPageLanguage .frame { border-top-width: 0; } GbEditorTweakWidget .linked.vertical > .entry { border-bottom-style: solid; } GbEditorTweakWidget GtkScrolledWindow { border-top: none; } GbViewStack GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbViewStack.focused GtkBox.header.notebook, #project_sidebar_header.focused { background-color: #ffffff; } GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbNewProjectDialog GtkFileChooserButton.linked-on-right .button { border-radius: 3px 0 0 3px; } GbWorkspacePane GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbWorkspacePane:not(.focused) GtkBox.header.notebook { background-color: #F5F6F7; } DhSidebar GtkSearchEntry.entry, SymbolTree GtkSearchEntry.entry { border-left: none; border-right: none; border-top: none; border-radius: 0px; } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #BAC3CF; background-image: none; background-color: #353945; padding: 6px 6px 6px 6px; border: none; } GbTerminalView { background-color: #ffffff; color: #5c616c; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid #dcdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #ffffff; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook .button.label.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } EphyWindow .floating-bar { color: #5c616c; } .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: #a9caf1; } .documents-entry-tag { background-color: #5294e2; color: #ffffff; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; background-color: #639fe5; } .documents-entry-tag:active { color: #ffffff; background-color: #4189df; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; border: none; box-shadow: none; icon-shadow: none; } .toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover { color: rgba(255, 255, 255, 0.7); } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } TotemGrilo.vertical GdMainView.frame { border-width: 0; } SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: #5294e2; } .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; } .gnome-panel-menu-bar.menubar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: #BAC3CF; background-color: #2b2e37; } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: #BAC3CF; } PanelApplet .button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); border-color: rgba(0, 0, 0, 0.17); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: rgba(0, 0, 0, 0.25); border-radius: 0; border-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: #5294e2; } WnckPager { color: #5d6268; } WnckPager:selected { color: #5294e2; } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: #BAC3CF; } .xfce4-panel.panel { background-color: rgba(43, 46, 55, 0.95); text-shadow: none; icon-shadow: none; } .xfce4-panel.panel .button.flat, .xfce4-panel.panel .sidebar-button.button { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); border-radius: 0; border: none; } .xfce4-panel.panel .button.flat:hover, .xfce4-panel.panel .sidebar-button.button:hover { border: none; background-color: rgba(65, 70, 84, 0.95); } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .sidebar-button.button:active, .xfce4-panel.panel .button.flat:checked, .xfce4-panel.panel .sidebar-button.button:checked { color: #ffffff; border: none; background-color: #5294e2; } .floating-bar { background-color: #5294e2; color: #ffffff; } .floating-bar.top { border-radius: 0 0 2px 2px; } .floating-bar.right { border-radius: 2px 0 0 2px; } .floating-bar.bottom { border-radius: 2px 2px 0 0; } .floating-bar.left { border-radius: 0 2px 2px 0; } .floating-bar .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { color: #ffffff; background-color: #5294e2; outline-color: transparent; } MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { background-color: transparent; } MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { outline-color: transparent; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: #5294e2; background-image: linear-gradient(to bottom, #5294e2); } .marlin-pathbar.pathbar:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel .maximized { background-color: rgba(43, 46, 55, 0.95); box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .color-light .composited-indicator { color: rgba(0, 0, 0, 0.65); text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } WingpanelWidgetsIndicatorPopover.popover { padding: 0; font: initial; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .sidebar { background: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; } WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage { padding: 0 3px; } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active { color: #ffffff; background-color: #5294e2; } WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive { color: rgba(92, 97, 108, 0.55); } PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: #5c616c; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { border: 1px solid rgba(0, 0, 0, 0.1); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #e7e8eb); color: rgba(82, 93, 118, 0.8); box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } UnityDecoration.top:backdrop { border-bottom-width: 0; color: rgba(82, 93, 118, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: rgba(253, 253, 254, 0.95); border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar GtkLabel { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #dcdfe3; border-right: 1px solid #dcdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #dcdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } .bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #dcdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: white; } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: #F5F6F7; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #5c616c; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .dynamic-notebook .notebook tab .button > GtkImage { padding: 0; } GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { color: #a9acb2; font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(92, 97, 108, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry.entry { padding: 4px; } .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: #8a8e96; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: rgba(43, 46, 55, 0.95); color: #BAC3CF; font: bold; box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } #panel_window .menubar { padding-left: 5px; } #panel_window .menubar, #panel_window .menubar > .menuitem { background-color: transparent; color: #BAC3CF; font: bold; } #panel_window .menubar .menuitem:insensitive { color: rgba(186, 195, 207, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menu .menuitem { font: normal; } #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: #5c616c; } #content_frame { padding-bottom: 14px; background-color: #F5F6F7; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame .button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } #content_frame .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: white; } #content_frame .button:active, #content_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294e2; background-color: #5294e2; } #content_frame .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } #content_frame .button:insensitive > GtkLabel { color: inherit; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: rgba(53, 57, 69, 0.95); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px rgba(53, 57, 69, 0.95); } #buttonbox_frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } #buttonbox_frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } #buttonbox_frame .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } #login_window #user_combobox { color: #5c616c; font: 13px; } #login_window #user_combobox .menu { font: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; outline-color: rgba(0, 128, 0, 0.3); background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font: bold; } .titlebar .separator, .titlebar .sidebar .view.separator, .sidebar .titlebar .view.separator { color: rgba(212, 213, 219, 0.95); } NemoWindow GtkEventBox { background-color: #F5F6F7; } GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, GtkFileChooserDialog .list.sidebar, NautilusWindow.csd.background, NautilusWindow .list.sidebar { background-color: transparent; } GtkFileChooserDialog GtkPlacesSidebar.sidebar, NautilusWindow GtkPlacesSidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-placeholder-row.list-row.activatable, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-placeholder-row.list-row.activatable { border: 1px solid #5294e2; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { background-color: rgba(75, 81, 98, 0.95); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable { border: none; color: #BAC3CF; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable .sidebar-icon { color: rgba(186, 195, 207, 0.6); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:hover, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:hover, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup { background-color: rgba(186, 195, 207, 0.15); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:selected .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .list-row.activatable:active:hover .sidebar-icon, GtkFileChooserDialog GtkPlacesSidebar.sidebar .has-open-popup:active .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:selected:hover .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:selected .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .list-row.activatable:active:hover .sidebar-icon, NautilusWindow GtkPlacesSidebar.sidebar .has-open-popup:active .sidebar-icon { color: inherit; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button { color: #BAC3CF; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button:hover, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button:active, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button:active { background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .sidebar-button.button:not(:hover):not(:active) > GtkImage, NautilusWindow GtkPlacesSidebar.sidebar .sidebar-button.button:not(:hover):not(:active) > GtkImage { opacity: 0.5; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, NautilusWindow GtkPlacesSidebar.sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator { color: transparent; } GtkFileChooserDialog.maximized GtkPlacesSidebar.sidebar, NautilusWindow.maximized GtkPlacesSidebar.sidebar { background-color: #353945; } NemoWindow.csd.background, NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { background-color: rgba(53, 57, 69, 0.95); } NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; color: #BAC3CF; } NemoWindow .sidebar .view.image, NemoWindow .sidebar row.image, NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { color: rgba(186, 195, 207, 0.7); } NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar row.cell:selected, MarlinViewWindow .source-list.sidebar.view .view.cell:selected, MarlinViewWindow .source-list.sidebar.view row.cell:selected { background-color: #5294e2; color: #ffffff; } NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { color: #BAC3CF; } NemoWindow .sidebar .separator, NemoWindow .sidebar .view.separator, NemoWindow .source-list.sidebar.view .separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow .sidebar .sidebar.separator, MarlinViewWindow .sidebar .view.separator, MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #353945; } NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: rgba(53, 57, 69, 0.95); } NautilusWindow NautilusWindowSlot { background-color: #ffffff; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { background-color: rgba(53, 57, 69, 0.95); } GtkFileChooserDialog GtkPlacesSidebar.sidebar { background-color: transparent; } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } GtkFileChooserDialog .dialog-vbox > .frame { color: #BAC3CF; border-color: transparent; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame { background-color: transparent; border-color: rgba(37, 40, 49, 0.95); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame GtkLabel, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame GtkComboBox, GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #BAC3CF; } FeedReaderreaderUI.background.csd > .titlebar .pane-separator, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, GeditWindow.background.csd > .titlebar .pane-separator, GeditWindow.background.csd.maximized > .titlebar .pane-separator, GeditWindow.background.csd > .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { background-color: rgba(212, 213, 219, 0.95); } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: rgba(231, 232, 235, 0.95); } FeedReaderreaderUI.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: rgba(239, 240, 242, 0.95); } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: #e7e8eb; } FeedReaderreaderUI.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop, GeditWindow.background.csd.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar:backdrop { background-color: #eff0f2; } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background .gedit-side-panel-paned .pane-separator { background-color: rgba(53, 57, 69, 0.95); } GeditWindow.background .gedit-bottom-panel-paned .pane-separator { background-color: #dcdfe3; } .gedit-bottom-panel-paned { background-color: #ffffff; } .gedit-document-panel { background-color: rgba(53, 57, 69, 0.95); } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel .list-row { color: #BAC3CF; } .gedit-document-panel .list-row { background-color: rgba(186, 195, 207, 0); border: solid rgba(186, 195, 207, 0); border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:hover { border: solid rgba(186, 195, 207, 0.15); border-width: 3px 2px 3px 2px; background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel .list-row:active { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .list-row:active .button { color: #ffffff; } .gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover { color: #ffffff; background-color: #5294e2; border: solid #5294e2; border-width: 3px 2px 3px 2px; } .gedit-document-panel .prelight-row .button:active { color: #BAC3CF; } GeditFileBrowserWidget { background-color: rgba(53, 57, 69, 0.95); } .maximized GeditFileBrowserWidget { background-color: #353945; } GeditFileBrowserWidget .horizontal { background-color: transparent; border-color: rgba(37, 40, 49, 0.95); } GeditFileBrowserWidget .horizontal GtkComboBox { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { color: #5294e2; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditFileBrowserWidget .horizontal .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditFileBrowserWidget .horizontal .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditFileBrowserWidget .horizontal .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditFileBrowserWidget .horizontal .button:insensitive { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .image.entry, GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .image.entry:hover, GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { color: inherit; } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294e2); } GtkFileChooserDialog GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NautilusWindow GtkPlacesSidebar.sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, NemoWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, MarlinViewWindow .sidebar .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider, GeditFileBrowserWidget .overlay-indicator.scrollbar:not(.dragging):not(.hovering) .slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .trough, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .trough, NemoWindow .sidebar .scrollbar .trough, NemoWindow .source-list.sidebar.view .scrollbar .trough, MarlinViewWindow .sidebar .scrollbar .trough, MarlinViewWindow .source-list.sidebar.view .scrollbar .trough, GeditFileBrowserWidget .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider, NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider, GeditFileBrowserWidget .scrollbar .slider { background-color: rgba(231, 234, 238, 0.7); } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:hover, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:hover, NemoWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .sidebar .scrollbar .slider:hover, GeditFileBrowserWidget .scrollbar .slider:hover { background-color: #f6f7f9; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:prelight:active, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:prelight:active, NemoWindow .sidebar .scrollbar .slider:prelight:active, MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, GeditFileBrowserWidget .scrollbar .slider:prelight:active { background-color: #5294e2; } GtkFileChooserDialog GtkPlacesSidebar.sidebar .scrollbar .slider:insensitive, NautilusWindow GtkPlacesSidebar.sidebar .scrollbar .slider:insensitive, NemoWindow .sidebar .scrollbar .slider:insensitive, MarlinViewWindow .sidebar .scrollbar .slider:insensitive, GeditFileBrowserWidget .scrollbar .slider:insensitive { background-color: transparent; } @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; @define-color theme_base_color #ffffff; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #5c616c; @define-color text_color #5c616c; @define-color bg_color #F5F6F7; @define-color base_color #ffffff; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #fbfbfc; @define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; @define-color borders #dcdfe3; @define-color unfocused_borders #dcdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #2679db; @define-color content_view_bg #ffffff; @define-color wm_title alpha(#525d76, 0.8); @define-color wm_unfocused_title alpha(#525d76, 0.5); @define-color wm_bg #e7e8eb; @define-color wm_bg_unfocused #eff0f2; @define-color wm_highlight #eff0f2; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #f46067; @define-color wm_button_close_hover_bg #f68086; @define-color wm_button_close_active_bg #f13039; @define-color wm_icon_close_bg #F8F8F9; @define-color wm_button_hover_bg #fdfdfd; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #D1D3DA; @define-color wm_icon_bg #90949E; @define-color wm_icon_unfocused_bg #B6B8C0; @define-color wm_icon_hover_bg #7A7F8B; @define-color wm_icon_active_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.18/render-assets.sh ================================================ #! /bin/bash INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" SRC_FILE="assets.svg" ASSETS_DIR="assets" INDEX="assets.txt" for i in `cat $INDEX` do if [ -f $ASSETS_DIR/$i.png ]; then echo $ASSETS_DIR/$i.png exists. else echo echo Rendering $ASSETS_DIR/$i.png $INKSCAPE --export-id=$i \ --export-id-only \ --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null \ && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png fi if [ -f $ASSETS_DIR/$i@2.png ]; then echo $ASSETS_DIR/$i@2.png exists. else echo echo Rendering $ASSETS_DIR/$i@2.png $INKSCAPE --export-id=$i \ --export-dpi=180 \ --export-id-only \ --export-png=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null \ && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png fi done exit 0 ================================================ FILE: common/gtk-3.0/3.18/sass/_applications.scss ================================================ // // Tab overrides // GeditNotebook.notebook, ScratchMainWindow .notebook, EphyNotebook.notebook, MidoriNotebook .notebook, TerminalWindow .notebook { tab.reorderable-page.top, tab.top { &:active, &.active-page, &.active-page:hover { box-shadow: inset 0 1px $borders_color, inset 0 -1px $borders_color, inset 1px 0 $borders_color, inset -1px 0 $borders_color; } } } TerminalWindow .notebook { tab.reorderable-page.top, tab.top { padding-top: 7px; border-top-width: 3px; } &.header.top { box-shadow: inset 0 1px opacify($header_border, 1), inset 0 -1px $borders_color; } } // // Evolution // // needed for webkit/GtkStyle/Evolution compatibility GtkHTML { background-color: $base_color; color: $text_color; &:active { color: $selected_fg_color; background-color: $selected_bg_color; } } // // Sushi // // used by gnome-font-viewer and sushi SushiFontWidget { padding: 6px 12px; } // // GNOME Terminal // TerminalWindow { .background { background-color: transparent; } .scrollbar { &.vertical .slider { margin-left: 3px; } &.trough { border-width: 0; } } .notebook { tab .button { color: mix($bg_color, $fg_color, 35%); &:hover { color: $fg_color; border-color: $button_border; background-color: $button_bg; } } .active-page, .prelight-page { .button { @extend %undecorated_button; &:hover { color: lighten(red, 15%); @extend %undecorated_button;} &:active { color: $selected_bg_color; @extend %undecorated_button;} } } } } // // Nautilus // EelEditableLabel.entry { transition: none; } // Workaround for invisible text in rename entry .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item { color: white; text-shadow: 1px 1px transparentize(black, 0.4); &:active { color: $fg_color; } &:selected { color: $selected_fg_color; } } .nautilus-canvas-item.dim-label, .nautilus-list-dim-label { color: mix($fg_color, $bg_color, 50%); &:selected, &:selected:focus { color: mix($selected_fg_color, $selected_bg_color, 80%); } } NautilusNotebook.notebook { background-color: $base_color; tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; } } NautilusQueryEditor .search-bar.toolbar { padding: 5px; box-shadow: none; background-color: $base_color; } .nautilus-circular-button.image-button.button { border-radius: 50%; outline-radius: 50%; padding: 8px; } $disk_space_unknown: transparentize($fg_color, 0.5); $disk_space_used: transparentize($selected_bg_color, 0.2); $disk_space_free: darken($bg_color, 3%); .disk-space-display { border-style: solid; border-width: 1px; &.unknown { background-color: $disk_space_unknown; border-color: darken($disk_space_unknown, 10%); } &.used { background-color: $disk_space_used; border-color: darken($disk_space_used, 10%); } &.free { background-color: $disk_space_free; border-color: darken($disk_space_free, 10%); } } // // Nemo // .nemo-desktop.nemo-canvas-item { @extend .nautilus-desktop.nautilus-canvas-item; } NemoWindow { .sidebar .frame { border-width: 0; } GtkSeparator.separator.horizontal { color: $borders_color; } .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button { @include button(header-hover); &:hover { background-color: lighten($header_button_bg, 15%); } &:active, &:checked { @include button(header-active); } &:insensitive { color: transparentize($header_fg, 0.4); } } .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button, .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:hover, .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:active, .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:checked, .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > .button:insensitive { @extend %linked; } .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) { $_linked_separator_color: $header_button_border; > .button:hover:not(:checked):not(:active):not(:only-child) { &:hover { box-shadow: inset 1px 0 $_linked_separator_color, inset -1px 0 $_linked_separator_color; } &:first-child:hover { box-shadow: inset -1px 0 $_linked_separator_color; } &:last-child:hover { box-shadow: inset 1px 0 $_linked_separator_color; } } } } // // Gedit // .gedit-headerbar-paned { color: $header_border; } .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: $base_color; // disable borders, making them transparent doesn't work for some reason &:prelight { background-color: mix($fg_color, $base_color, 7%); &:selected { color: $selected_fg_color; background-color: $selected_bg_color; } } } .open-document-selector-name-label { color: $fg_color; } .open-document-selector-path-label { color: mix($fg_color, $base_color, 50%); font-size: smaller; &:selected { color: transparentize($selected_fg_color, 0.1); } } .gedit-document-panel { .list-row .button { color: transparent; background-image: none; background-color: transparent; border: none; box-shadow: none; padding: 4px; & GtkImage { color: inherit; } } .prelight-row .button { color: mix($bg_color, $fg_color, 35%); } .list-row .button:hover, .prelight-row .button:hover { color: lighten(red, 15%); } .prelight-row:selected .button:hover { color: lighten(red, 20%); background-image: none; background-color: transparent; border: none; box-shadow: none; &:active { color: $selected_fg_color; } } .prelight-row .button:active { color: $fg_color; } } .gedit-document-panel-dragged-row { border: 1px solid $borders_color; background-color: darken($bg_color, 10%); color: $fg_color; } //.gedit-document-panel-placeholder-row { //} GeditStatusbar { border-top: 1px solid $borders_color; background-color: $bg_color; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton:prelight.button.flat, GeditStatusMenuButton:checked.button.flat { border-bottom-style: none; border-radius: 0; } GeditViewFrame .gedit-search-slider { @extend %search_slider } GeditFileBrowserWidget .toolbar { border-bottom: 1px solid $borders_color; } .gedit-map-frame { @if $variant=='light' { border-color: transparentize(black, 0.7); } } .gedit-search-entry-occurrences-tag { color: transparentize($fg_color, 0.4); border: none; margin: 2px; padding: 2px; } %search_slider { background-color: lighten($bg_color, 2%); padding: 6px; border-color: $borders_color; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } // // Gnome Builder // GbWorkbench .floating-bar { color: $fg_color; } GbSearchBox.linked:not(.vertical) { > GtkMenuButton.button:last-child:dir(ltr), > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; @include entry(header-normal); &:hover { @include entry(header-focus); } &:active, &:checked { @include entry(header-focus); } &:insensitive { @include entry(header-insensitive); } } > GtkMenuButton.button:last-child:dir(ltr), > GtkMenuButton.button:last-child:dir(ltr):hover, > GtkMenuButton.button:last-child:dir(ltr):active, > GtkMenuButton.button:last-child:dir(ltr):checked { border-left-style: none; border-radius: 0 3px 3px 0; outline-radius: 0 1px 1px 0; } > GtkMenuButton.button:last-child:dir(rtl), > GtkMenuButton.button:last-child:dir(rtl):hover, > GtkMenuButton.button:last-child:dir(rtl):active, > GtkMenuButton.button:last-child:dir(rtl):checked { border-right-style: none; border-radius: 3px 0 0 3px; outline-radius: 1px 0 0 1px; } } // Preference page language style GbPreferencesPageLanguage { .entry { border-radius: 3px 3px 0 0; } .frame { border-top-width: 0 } } // Editor tweak widget GbEditorTweakWidget { .linked.vertical > .entry { border-bottom-style: solid; } GtkScrolledWindow { border-top: none; } } // View stack styling GbViewStack GtkBox.header.notebook { border-bottom: 1px solid $borders_color; } GbViewStack.focused GtkBox.header.notebook, #project_sidebar_header.focused { background-color: $base_color; } GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid $borders_color; } GbNewProjectDialog GtkFileChooserButton.linked-on-right .button { border-radius: 3px 0 0 3px; } // Workspace pane header styling GbWorkspacePane GtkBox.header.notebook { border-bottom: 1px solid $borders_color; } GbWorkspacePane:not(.focused) GtkBox.header.notebook { background-color: $bg_color; } // Adjust devehlp and symbol panel styling DhSidebar GtkSearchEntry.entry, SymbolTree GtkSearchEntry.entry { border-left: none; border-right: none; border-top: none; border-radius: 0px; } // Command Bar styling GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: $osd_fg_color; background-image: none; background-color: opacify($osd_bg_color, 1); padding: 6px 6px 6px 6px; border: none; &:selected, &:selected:focus { @extend %selected_items; } } GbTerminalView { background-color: $base_color; color: $fg_color; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } GtkScrolledWindow.gb-linked-scroller { border-top: none; } // Disable various animatinos that are enabled by default and really annoying // to the overall flow of Builder. GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { transition: none; } GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { border-bottom: 1px solid $borders_color; } GbViewStack.focused GtkBox.header.notebook { background-color: $base_color; .button.dim-label { opacity: 1; } } // // Epiphany // EphyWindow .floating-bar { // Epiphany overrides the floating-bar style, so reset it color: $fg_color; } // // Gnome Documents // .documents-load-more.button { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: $selected_bg_color; color: $selected_fg_color; border-radius: 2px; } .documents-collection-icon { background-color: transparentize($fg_color, 0.7); border-radius: 2px; } .documents-favorite.button:active, .documents-favorite.button:active:hover { color: lighten($selected_bg_color, 20%); } .documents-entry-tag { background-color: $selected_bg_color; color: $selected_fg_color; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; &:hover { color: $selected_fg_color; background-color: lighten($selected_bg_color, 4%); } &:active { color: $selected_fg_color; background-color: darken($selected_bg_color, 4%); } .toolbar .linked &.button { background: none; border: none; box-shadow: none; icon-shadow: none; &:hover { color: transparentize($selected_fg_color, 0.3) } } } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } // // Totem // TotemGrilo.vertical GdMainView.frame { border-width: 0; } // // Synapse // SynapseGuiSelectionContainer *:selected, SynapseGuiViewVirgilio *:selected { background-color: $selected_bg_color; } // // Transmission // .tr-workarea .undershoot, .tr-workarea .overshoot { border-color: transparent; // Remove black border on over- and undershoot } // // Fallback Mode/Budgie Panel // .gnome-panel-menu-bar.menubar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, PanelWidget, PanelAppletFrame, PanelApplet { color: $panel_fg; background-color: opacify($panel_bg, 1); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; border: 2px solid transparent; border-radius: 0; background-image: none; background-color: transparent; color: $panel_fg; } PanelApplet .button:hover { color: lighten($panel_fg, 10%); background-color: transparentize(black, 0.83); border-color: transparentize(black, 0.83); } PanelApplet .button:active, PanelApplet .button:active:backdrop, PanelApplet .button:checked, PanelApplet .button:checked:backdrop { background-clip: padding-box; color: white; background-color: transparentize(black, 0.75); border-radius: 0; border-color: transparentize(black, 0.75); box-shadow: inset 0 -2px $selected_bg_color; } PanelApplet:hover { color: white; } PanelApplet:active, PanelApplet:hover:active { color: $selected_bg_color; } WnckPager { color: mix($panel_fg, black, 50%); &:selected { color: $selected_bg_color } } NaTrayApplet { -NaTrayApplet-icon-padding: 12; -NaTrayApplet-icon-size: 16; } ClockBox { color: $panel_fg; } // Xfce Panel .xfce4-panel.panel { background-color: $panel_bg; text-shadow: none; icon-shadow: none; .button.flat { color: $panel_fg; background-color: transparentize($panel_bg, 1); border-radius: 0; border: none; &:hover { border: none; background-color: lighten($panel_bg, 10%); } &:active, &:checked { color: $selected_fg_color; border: none; background-color: $selected_bg_color; } } } // // Floating Bar // .floating-bar { background-color: $selected_bg_color; color: $selected_fg_color; &.top { border-radius: 0 0 2px 2px; } &.right { border-radius: 2px 0 0 2px; } &.bottom { border-radius: 2px 2px 0 0; } &.left { border-radius: 0 2px 2px 0; } .button { -GtkButton-image-spacing: 0; -GtkButton-inner-border: 0; background-color: transparent; box-shadow: none; border: none; } } // Elementary Apps // // Birdie // BirdieWidgetsTweetList * { background-image: none; background-color: transparent; } // // Marlin / Pantheon Files // MarlinViewWindow { *:selected, *:selected:focus { color: $selected_fg_color; background-color: $selected_bg_color; outline-color: transparent; } GtkIconView.view:selected { &, &:focus, &:hover, &:focus:hover { background-color: transparent; } } FMListView, FMColumnView { outline-color: transparent; } } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; @include entry(header-normal); &:focus { @include entry(header-focus) } &:insensitive { @include entry(header-insensitive) } &:active, &:checked { color: $selected_bg_color; } } // // Gala // .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white); background-color: transparent; .title, .label { color: #5c616c; } } // // Wingpanel // .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px transparentize(black, 0.4); icon-shadow: 0 1px 2px transparentize(black, 0.4); .maximized { background-color: $panel_bg; box-shadow: inset 0 -1px darken($panel_bg, 7%); } &-shadow { background-image: none; background-color: transparent; } .menu { box-shadow: none; .menuitem { font-weight: normal; text-shadow: none; icon-shadow: none; } .window-frame.menu.csd, .window-frame.popup.csd { box-shadow: 0 0 0 1px transparentize(black, 0.8), 0 10px 20px transparentize(black, 0.81), 0 6px 6px transparentize(black, 0.77); } } .menubar > .menuitem { padding: 3px 6px; &:hover { background-color: transparent; } } .window-frame.menu.csd, .window-frame.popup.csd { box-shadow: none; } } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px transparentize(black, 0.4); icon-shadow: 0 1px 2px transparentize(black, 0.4); > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .menuitem:active, .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; } > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .color-light & { color: transparentize(black, 0.35); text-shadow: 0 0 2px transparentize(white, 0.7), 0 1px 0 transparentize(white, 0.75); icon-shadow: 0 0 2px transparentize(white, 0.7), 0 1px 0 transparentize(white, 0.75); } } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1 } // Fixes sound indicator buttons // // Wingpanel Popover // WingpanelWidgetsIndicatorPopover.popover { padding: 0; font: initial; text-shadow: none; icon-shadow: none; .sidebar { background: none; } .menuitem { padding: 5px; outline-color: transparent; text-shadow: none; icon-shadow: none; GtkLabel, GtkImage { padding: 0 3px; } &:hover, &:active { color: $selected_fg_color; background-color: $selected_bg_color; } *:insensitive { color: $insensitive_fg_color; } } } // // Pantheon Terminal // PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } // // Switchboard // SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { color: $fg_color; } ================================================ FILE: common/gtk-3.0/3.18/sass/_colors-public.scss ================================================ //apps rely on some named colors to be exported // Sass thinks we're using the colors in the variables as strings and may shoot // warning, it's innocuous and can be defeated by using "" + $var @define-color theme_fg_color #{"" + $fg_color}; @define-color theme_text_color #{"" + $text_color}; @define-color theme_bg_color #{"" + $bg_color}; @define-color theme_base_color #{"" + $base_color}; @define-color theme_selected_bg_color #{"" + $selected_bg_color}; @define-color theme_selected_fg_color #{"" + $selected_fg_color}; @define-color fg_color #{"" + $fg_color}; @define-color text_color #{"" + $text_color}; @define-color bg_color #{"" + $bg_color}; @define-color base_color #{"" + $base_color}; @define-color selected_bg_color #{"" + $selected_bg_color}; @define-color selected_fg_color #{"" + $selected_fg_color}; @define-color insensitive_bg_color #{"" + $insensitive_bg_color}; @define-color insensitive_fg_color alpha(#{"" + opacify($insensitive_fg_color, 1)}, 0.5); @define-color insensitive_base_color #{"" + $base_color}; @define-color theme_unfocused_fg_color #{"" + $fg_color}; @define-color theme_unfocused_text_color #{"" + $text_color}; @define-color theme_unfocused_bg_color #{"" + $bg_color}; @define-color theme_unfocused_base_color #{"" + $base_color}; @define-color borders #{"" + $borders_color}; @define-color unfocused_borders #{"" + $borders_color}; @define-color warning_color #{"" + $warning_color}; @define-color error_color #{"" + $error_color}; @define-color success_color #{"" + $success_color}; @define-color placeholder_text_color #{#A8A8A8}; @define-color link_color #{"" + $link_color}; @define-color content_view_bg #{"" + $base_color}; //WM $wm_highlight: lighten(opacify($header_bg, 1), 3%); $wm_bg_unfocused: opacify($header_bg_backdrop, 1); @define-color wm_title alpha(#{"" + opacify($header_fg, 1)}, 0.8); @define-color wm_unfocused_title alpha(#{"" + opacify($header_fg, 1)}, 0.5); @define-color wm_bg #{"" + opacify($header_bg, 1)}; @define-color wm_bg_unfocused #{"" + $wm_bg_unfocused}; @define-color wm_highlight #{"" + $wm_highlight}; @define-color wm_shadow alpha(#{black}, 0.35); //WM Buttons // Close @define-color wm_button_close_bg #{"" + $wm_button_close_bg}; @define-color wm_button_close_hover_bg #{"" + $wm_button_close_hover_bg}; @define-color wm_button_close_active_bg #{"" + $wm_button_close_active_bg}; @define-color wm_icon_close_bg #{"" + $wm_icon_close_bg}; // Minimize, Maximize @define-color wm_button_hover_bg #{"" + $wm_button_hover_bg}; @define-color wm_button_active_bg #{"" + $wm_button_active_bg}; @define-color wm_button_hover_border #{"" + $wm_button_hover_border}; @define-color wm_icon_bg #{"" + $wm_icon_bg}; @define-color wm_icon_unfocused_bg #{"" + $wm_icon_unfocused_bg}; @define-color wm_icon_hover_bg #{"" + $wm_icon_hover_bg}; @define-color wm_icon_active_bg #{"" + $wm_icon_active_bg}; ================================================ FILE: common/gtk-3.0/3.18/sass/_colors.scss ================================================ // When color definition differs for dark and light variant, // it gets @if ed depending on $variant $base_color: if($variant =='light', #ffffff, #404552); $text_color: if($variant == 'light', #5c616c, #D3DAE3); $bg_color: if($variant =='light', #F5F6F7, #383C4A); $fg_color: if($variant =='light', #5c616c, #D3DAE3); $selected_fg_color: #ffffff; $selected_bg_color: #5294e2; $selected_borders_color: darken($selected_bg_color, 20%); $borders_color: if($variant =='light', darken($bg_color,9%), darken($bg_color,6%)); $link_color: if($variant == 'light', darken($selected_bg_color,10%), lighten($selected_bg_color,20%)); $link_visited_color: if($variant == 'light', darken($selected_bg_color,20%), lighten($selected_bg_color,10%)); $selection_mode_bg: if($transparency == 'true', transparentize($selected_bg_color, 0.05), $selected_bg_color); $selection_mode_fg: $selected_fg_color; $warning_color: #F27835; $error_color: #FC4138; $warning_fg_color: white; $error_fg_color: white; $success_color: #73d216; $destructive_color: #F04A50; $suggested_color: #4DADD4; $destructive_fg_color: white; $suggested_fg_color: white; $drop_target_color: #F08437; //insensitive state derived colors $insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); $insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); $header_bg: red; @if $transparency=='true' and $variant=='light' { $header_bg: transparentize(#e7e8eb, 0.05); } @if $transparency=='false' and $variant=='light' { $header_bg: #e7e8eb; } @if $transparency=='true' and ($variant=='dark' or $darker=='true') { $header_bg: transparentize(#2f343f, 0.03); } @if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343f; } $header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%)); $header_border: if($variant == 'light' and $darker=='false', darken($header_bg, 7%), darken($header_bg, 4%)); $header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%)); $header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg); $dark_sidebar_bg: if($transparency == 'true', transparentize(#353945, 0.05), #353945); $dark_sidebar_fg: #BAC3CF; $dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 5%)); $osd_fg_color: $dark_sidebar_fg; $osd_bg_color: $dark_sidebar_bg; $osd_button_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); $osd_button_border: transparentize(darken($osd_bg_color, 12%), 0.6); $osd_entry_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); $osd_entry_border: transparentize(darken($osd_bg_color, 12%), 0.6); $osd_insensitive_bg_color: darken($osd_bg_color, 3%); $osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); $osd_borders_color: transparentize(black, 0.3); $panel_bg: darken($dark_sidebar_bg, 4.7%); $panel_fg: $dark_sidebar_fg; $entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); $entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); $header_entry_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($base_color, 0.1)); $header_entry_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); $button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); $button_border: $entry_border; $header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($button_bg, 0.1)); $header_button_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); //WM Buttons // Close $wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f46067, #cc575d); $wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f68086, #d7787d); $wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #f13039, #be3841); $wm_icon_close_bg: if($variant == 'light' and $darker == 'false',#F8F8F9 , #2f343f); // Minimize, Maximize $wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #454C5C); $wm_button_active_bg: $selected_bg_color; $wm_button_hover_border: if($variant == 'light' and $darker == 'false', #D1D3DA, #262932); $wm_icon_bg: if($variant == 'light' and $darker == 'false', #90949E, #90939B); $wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #B6B8C0, #666A74); $wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #7A7F8B, #C4C7CC); $wm_icon_active_bg: $selected_fg_color; ================================================ FILE: common/gtk-3.0/3.18/sass/_common.scss ================================================ @function gtkalpha($c,$a) { @return unquote("alpha(#{$c},#{$a})"); } $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); $asset_suffix: if($variant=='dark', '-dark', ''); // use dark assets in dark variant $darker_asset_suffix: if($darker=='true', '-dark', $asset_suffix); * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: $error_color; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: $link_color; -GtkWidget-visited-link-color: $link_visited_color; -GtkWidget-focus-padding: 2; // FIXME: do we still need these? -GtkWidget-focus-line-width: 1; // -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; // We use the outline properties to signal the focus properties outline-color: transparentize($fg_color, 0.7); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } // // Base States // .background { color: $fg_color; background-color: if($transparency == 'true', transparentize($bg_color, 0.001), $bg_color); // without this headerbar transparency doesn't seem to work } *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: $bg_color; color: $fg_color; &:prelight { background-color: lighten($bg_color, 10%); color: $fg_color; } &:active { background-color: darken($bg_color, 10%); color: $fg_color; } &:insensitive { background-color: $insensitive_bg_color; color: $insensitive_fg_color; } &:selected { background-color: $selected_bg_color; color: $selected_fg_color; } } .view { color: $text_color; background-color: $base_color; &:selected, &:selected:focus, &:selected:hover { @extend %selected_items; } &.dim-label { color: transparentize($text_color, 0.45); &:selected, &:selected:focus { color: transparentize($selected_fg_color, 0.35); text-shadow: none; } } } .rubberband { border: 1px solid darken($selected_bg_color, 10%); background-color: transparentize(darken($selected_bg_color, 10%), 0.8); } .label { &.separator { color: $fg_color; @extend .dim-label; } &:selected, &:selected:focus, &:selected:hover { @extend %selected_items; } &:insensitive { color: $insensitive_fg_color; } } .dim-label { opacity: 0.55; } GtkAssistant { .sidebar { background-color: $base_color; border-top: 1px solid $borders_color; &:dir(ltr) { border-right: 1px solid $borders_color; } &:dir(rtl) { border-left: 1px solid $borders_color; } } &.csd .sidebar { border-top-style: none; } .sidebar .label { padding: 6px 12px; } .sidebar .label.highlight { background-color: $selected_bg_color; color: $selected_fg_color; } } GtkTextView { // This will get overridden by .view, needed by gedit line numbers background-color: mix($bg_color, $base_color, 50%); } .grid-child { padding: 3px; border-radius: 3px; &:selected { @extend %selected_items; outline-offset: -2px; } } %osd, .osd { color: $osd_fg_color; border: none; background-color: $osd_bg_color; background-clip: padding-box; outline-color: transparentize($osd_fg_color, 0.7); box-shadow: none; } // // Spinner Animations // @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner { background-image: none; background-color: blue; opacity: 0; // non spinning spinner makes no sense -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); &:active { opacity: 1; animation: spin 1s linear infinite; &:insensitive { opacity: 0.5; } } } $vert_padding: 5px; // // Text Entries // .entry { border: 1px solid; padding: $vert_padding 8px; border-radius: 3px; transition: all 200ms $ease-out-quad; @include entry(normal); &.image { // icons inside the entry color: mix($fg_color,$base_color,80%); &.left { padding-left: 0; } &.right { padding-right: 0; } } &.flat, &.flat:focus { padding: 2px; @include entry(normal); border: none; border-radius: 0; } &:focus { background-clip: border-box; @include entry(focus); } &:insensitive { @include entry(insensitive); } &:selected, &:selected:focus { background-color: $selected_bg_color; color: $selected_fg_color; } &.progressbar { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; border-color: $selected_bg_color; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } @each $e_type, $e_color, $e_fg_color in (warning, $warning_color, $warning_fg_color), (error, $error_color, $error_fg_color) { &.#{$e_type} { color: $selected_fg_color; border-color: if($variant=='light', $e_color, $entry_border); background-image: linear-gradient(to bottom, mix($e_color, $base_color, 60%)); &:focus { color: $e_fg_color; background-image: linear-gradient(to bottom, $e_color); box-shadow: none; } &:selected, &:selected:focus { background-color: $e_fg_color; color: $e_color; } } } .osd & { @include entry(osd); &:focus { @include entry(osd-focus); } &:insensitive { @include entry(osd-insensitive); } } .linked:not(.vertical) > &, .linked:not(.vertical) > &:focus { @extend %linked; } .linked.vertical > &, .linked.vertical > &:focus { @extend %linked_vertical; } } GtkSearchEntry.entry { border-radius: 20px; } // // Buttons // // stuff for .needs-attention $_dot_color: $selected_bg_color; @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to($_dot_color), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to($selected_bg_color), to(transparent)); } } .button { $_button_transition: all 200ms $ease-out-quad; transition: $_button_transition; border: 1px solid; border-radius: 3px; padding: $vert_padding 8px; @include button(normal); &.flat { @include button(undecorated); background-color: transparentize($button_bg, 1); border-color: transparentize($button_border, 1); // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but // it won't fade out when the pointer leave the button allocation area. To make the transition more evident // in this case the duration is increased. transition: none; &:hover { transition: $_button_transition; transition-duration: 350ms; &:active { transition: $_button_transition; } } } &:hover { @include button(hover); -gtk-image-effect: highlight; } &:active, &:checked { background-clip: if($variant=='light', border-box, padding-box); @include button(active); transition-duration: 50ms; &:not(:insensitive) .label:insensitive { color: inherit; opacity: 0.6; } } //Webkitgtk workaround start &:active { color: $fg_color; } &:active:hover, &:checked { color: $selected_fg_color; } //Webkitgtk workaround end &.flat:insensitive { @include button(undecorated); } &:insensitive { @include button(insensitive); &:active, &:checked { @include button(insensitive-active); } } // big standalone buttons like in Documents pager &.osd { color: $osd_fg_color; outline-color: transparentize($osd_fg_color, 0.7); background-color: $osd_bg_color; border-color: darken($osd_bg_color, 8%); &.image-button { padding: 10px; } &:hover { color: $selected_bg_color; } &:active, &:checked { @include button(osd-active); } &:insensitive { @include button(osd-insensitive); } } //overlay / OSD style .osd & { @include button(osd); &:hover { @include button(osd-hover); } &:active, &:checked { background-clip: padding-box; @include button(osd-active); } &:insensitive { @include button(osd-insensitive); } &, &:hover, &:active, &:checked, &:insensitive { @extend %linked; } &.flat { @include button(undecorated); box-shadow: none; &:hover { @include button(osd-hover); } &:insensitive { @include button(osd-insensitive); background-image: none; } &:active, &:checked { @include button(osd-active); } } } .osd .linked:not(.vertical):not(.path-bar) > &:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > &:hover:not(:checked):not(:active) + &:not(:checked):not(:active) { box-shadow: none; } // Suggested and Destructive Action buttons @each $b_type, $b_color, $b_fg in (suggested-action, $suggested_color, $suggested_fg_color), (destructive-action, $destructive_color, $destructive_fg_color) { &.#{$b_type} { @include button(suggested_destructive, $b_color, $b_fg); &.flat { @include button(undecorated); color: $b_color; outline-color: transparentize($b_color, 0.7); } &:hover { @include button(suggested_destructive, lighten($b_color, 10%), $b_fg); } &:active, &:checked { @include button(suggested_destructive, darken($b_color, 10%), $b_fg); } &.flat:insensitive { @include button(undecorated); color: $insensitive_fg_color; } &:insensitive { @include button(insensitive); } } } &.image-button { padding: 2px + $vert_padding; } .header-bar &.image-button { padding: 2px + $vert_padding 10px; } &.text-button { padding-left: 16px; padding-right: 16px; } &.text-button.image-button { // those buttons needs uneven horizontal padding, we want the icon side // to have the image-button padding, while the text side the text-button // one, so we're adding the missing padding to the label depending on // its position inside the button padding: $vert_padding 8px; // same as .button GtkLabel:first-child { padding-left: 8px; } GtkLabel:last-child { padding-right: 8px; } } .stack-switcher > & { // to position the needs attention dot, padding is added to the button // child, a label needs just lateral padding while an icon needs vertical // padding added too. outline-offset: -3px; // needs to be set or it gets overridden by GtkRadioButton outline-offset > GtkLabel { padding-left: 6px; // label padding padding-right: 6px; // } > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: $vert_padding - 2px; padding-bottom: $vert_padding - 2px; } &.text-button { padding: $vert_padding 10px; } // needed or it will get overridden &.image-button { padding: $vert_padding - 3px 4px; } &.needs-attention > .label, &.needs-attention > GtkImage { @extend %needs_attention; } &.needs-attention:active > .label, &.needs-attention:active > GtkImage, &.needs-attention:checked > .label, &.needs-attention:checked > GtkImage { animation: none; background-image: none; } } %needs_attention { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to($_dot_color), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; @if $variant == 'light' { background-position: right 3px, right 4px; } @else { background-position: right 3px, right 2px; } &:dir(rtl) { @if $variant == 'light' { background-position: left 3px, left 4px; } @else { background-position: left 3px, left 2px; } } } //inline-toolbar buttons .inline-toolbar &, .inline-toolbar &:backdrop { border-radius: 2px; border-width: 1px; @extend %linked; } .linked:not(.vertical) > &, .linked:not(.vertical) > &:hover, .linked:not(.vertical) > &:active, .linked:not(.vertical) > &:checked { @extend %linked; } .linked.vertical > &, .linked.vertical > &:hover, .linked.vertical > &:active, .linked.vertical > &:checked { @extend %linked_vertical; } } // all the following is for the +|- buttons on inline toolbars, that way // should really be deprecated... .inline-toolbar GtkToolButton > .button { // redefining the button look is // needed since those are flat... @include button(normal); &:hover { @include button(hover); } &:active, &:checked{ @include button(active); } &:insensitive { @include button(insensitive); } &:insensitive:active, &:insensitive:checked { @include button(insensitive-active); } } // More inline toolbar buttons .inline-toolbar.toolbar GtkToolButton { & > .button.flat { @extend %linked_middle; } &:first-child > .button.flat { @extend %linked:first-child; } &:last-child > .button.flat { @extend %linked:last-child; } &:only-child > .button.flat { @extend %linked:only-child; } } // Some crazy linking stuff @mixin linking_rules($a:0.7, $var:$variant, $vert:'false', $entry_rules:'true', $button_rules:'true', $e_border:$entry_border, $b_border:$button_border) { $_border: if($vert=='false', left, top); @if $entry_rules=='true' { > .entry + .entry { border-#{$_border}-color: transparentize($e_border, $a); } > .entry.error + .entry, > .entry + .entry.error { border-#{$_border}-color: if($var=='light', $error_color, transparentize($e_border, $a)); } > .entry.warning + .entry, > .entry + .entry.warning { border-#{$_border}-color: if($var=='light', $warning_color, transparentize($e_border, $a)); } > .entry.error + .entry.warning, > .entry.warning + .entry.error { border-#{$_border}-color: if($var=='light', mix($error_color, $warning_color, 50%), transparentize($e_border, $a));} @each $e_type, $e_color in ('',$selected_bg_color), ('.warning', $warning_color), ('.error', $error_color) { > .entry + .entry#{$e_type}:focus:not(:last-child), > .entry + .entry#{$e_type}:focus:last-child { border-#{$_border}-color: if($var=='light', $e_color, $e_border); } > .entry#{$e_type}:focus:not(:only-child) { + .entry, + .button, + GtkComboBox > .the-button-in-the-combobox, + GtkComboBoxText > .the-button-in-the-combobox { border-#{$_border}-color: if($var=='light', $e_color, $e_border); } } } > .button:active + .entry, > .button:checked + .entry { border-#{$_border}-color: if($var=='light', $selected_bg_color, $e_border); } } @if $button_rules=='true' { $_uncolored_button: '.button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action)'; > .button + .button { border-#{$_border}-style: none; } > #{$_uncolored_button}:hover:not(:only-child), > #{$_uncolored_button}:hover + #{$_uncolored_button} { box-shadow: inset if($vert=='false', 1px 0, 0 1px) $b_border; } > #{$_uncolored_button}:first-child:hover, > .button:active + #{$_uncolored_button}:hover, > .button:checked + #{$_uncolored_button}:hover, > .button.suggested-action + #{$_uncolored_button}:hover, > .button.destructive-action + #{$_uncolored_button}:hover, > .entry + #{$_uncolored_button}:hover:not(:only-child) { box-shadow: none; } } } // special case, because path-bars are bugged @mixin pathbar_linking_rules($sep_color:if($variant=='light', transparentize($button_border, 0.6), transparentize($button_border, 0.5))) { > .button + .button { border-left-style: none; } > .button:hover:not(:checked):not(:active):not(:only-child) { &:hover { box-shadow: inset 1px 0 $sep_color, inset -1px 0 $sep_color; } &:first-child:hover { box-shadow: inset -1px 0 $sep_color; } &:last-child:hover { box-shadow: inset 1px 0 $sep_color; } } } // Apply the rules defined above .linked:not(.vertical) { &:not(.path-bar) { @include linking_rules(); } &.path-bar { @include pathbar_linking_rules(); } } .linked.vertical { @include linking_rules($vert:'true'); } %linked_middle { border-radius: 0; border-right-style: none; } %linked { @extend %linked_middle; &:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } &:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } &:only-child { border-radius: 3px; border-style: solid; } } %linked_vertical_middle { border-radius: 0; border-bottom-style: none; } %linked_vertical{ @extend %linked_vertical_middle; &:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } &:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } &:only-child { border-radius: 3px; border-style: solid; } } %undecorated_button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } // menu buttons .menuitem.button.flat { transition: none; @extend %undecorated_button; outline-offset: -1px; border-radius: 2px; &:hover { background-color: if($variant=='light', mix($fg_color,$bg_color,5%), mix($fg_color,$bg_color,10%)); } &:active, &:selected { @extend %selected_items; } &:checked { color: $fg_color; } } // // Links // *:link { color: $link_color; &:visited { color: $link_visited_color; *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } } &:hover { color: lighten($link_color,10%); *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); } } &:active { color: $link_color; *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } } &:selected, *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } } .button:link, .button:visited { @extend %undecorated_button; @extend *:link; &:hover, &:active, &:checked { @extend %undecorated_button; } > .label { text-decoration-line: underline; } } // // Spinbuttons // .spinbutton { border-radius: 3px; .button { background-image: none; border: 1px solid transparentize($borders_color,0.4); border-style: none none none solid; color: mix($fg_color,$base_color,95%); border-radius: 0; box-shadow: none; &:dir(rtl) { border-style: none solid none none; } &:first-child { color: red; } &:insensitive { color: $insensitive_fg_color; } &:active { background-color: $selected_bg_color; color: $selected_fg_color; } } // .osd & { // .button { // @include button(undecorated); // color: $osd_fg_color; // border-style: none none none solid; // border-color: transparentize($osd_borders_color, 0.3); // border-radius: 0; // box-shadow: none; // &:dir(rtl) { border-style: none solid none none; } // &:hover { // @include button(undecorated); // color: $osd_fg_color; // border-color: transparentize(opacify($osd_borders_color, 1), 0.5); // background-color: transparentize($osd_fg_color, 0.9); // box-shadow: none; // } // &:insensitive { // @include button(undecorated); // color: $osd_insensitive_fg_color; // border-color: transparentize(opacify($osd_borders_color, 1), 0.5); // box-shadow: none; // } // &:last-child { border-radius: 0 2px 2px 0; } // &:dir(rtl):first-child { border-radius: 2px 0 0 2px; } // } // } &.vertical, &.vertical:dir(rtl) { .button { &:first-child { @extend %top_button; @include button(normal); &:active { @extend %top_button; @include button(active); } &:hover { @extend %top_button; @include button(hover); } &:insensitive { @extend %top_button; @include button(insensitive); } } &:last-child { @extend %bottom_button; @include button(normal); &:active { @extend %bottom_button; @include button(active); } &:hover { @extend %bottom_button; @include button(hover); } &:insensitive { @extend %bottom_button; @include button(insensitive); } } } &.entry { border-radius: 0; padding-left: 5px; padding-right: 5px; } %top_button { border-radius: 2px 2px 0 0; border-style: solid solid none solid; } %bottom_button { border-radius: 0 0 2px 2px; border-style: none solid solid solid; } } GtkTreeView & { &.entry, &.entry:focus { padding: 1px; border-width: 1px 0; border-color: $selected_bg_color; border-radius: 0; box-shadow: none; } } } // // Comboboxes // GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; > .the-button-in-the-combobox { // Otherwise combos padding-top: $vert_padding - 2px; // are bigger than padding-bottom: $vert_padding - 2px; // buttons } &:insensitive { color: $insensitive_fg_color; } .separator.vertical { -GtkWidget-wide-separators: true; } &.combobox-entry .entry { &:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-style: none; @if $variant=='light' { &:focus { box-shadow: 1px 0 $selected_bg_color; } } } &:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; @if $variant=='light' { &:focus { box-shadow: -1px 0 $selected_bg_color; } } } } &.combobox-entry .button { &:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; } &:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } } } .linked > GtkComboBox > .the-button-in-the-combobox, .linked > GtkComboBoxText > .the-button-in-the-combobox { // the combo is a composite widget so the way we do button linkind doesn't // work, special case needed. See // https://bugzilla.gnome.org/show_bug.cgi?id=733979 &:dir(ltr), &:dir(rtl) { @extend %linked_middle; } // specificity bump } .linked > GtkComboBox:first-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:first-child > .the-button-in-the-combobox { @extend %linked:first-child; } .linked > GtkComboBox:last-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:last-child > .the-button-in-the-combobox { @extend %linked:last-child; } .linked > GtkComboBox:only-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:only-child > .the-button-in-the-combobox { @extend %linked:only-child; } .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, .linked.vertical > GtkComboBox > .the-button-in-the-combobox { @extend %linked_vertical_middle; } .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox { @extend %linked_vertical:first-child; } .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox { @extend %linked_vertical:last-child; } .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { @extend %linked_vertical:only-child; } // // Toolbars // .toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: $bg_color; .osd &, &.osd { padding: 7px; border: 1px solid transparentize(black, 0.5); border-radius: 3px; background-color: transparentize($osd_bg_color, 0.1); } } .primary-toolbar { color: $header_fg; background-color: opacify($header_bg, 1); box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, opacify($header_bg, 1), darken($header_bg, 7%)) 1 0 1 0; //temporary hack for rhythmbox 3.1 //&:backdrop { background-color: opacify($header_bg_backdrop, 1); } .separator { @extend %header_separator; } @extend %header_widgets; } .inline-toolbar { @extend .toolbar; background-color: darken($bg_color, 3%); border-style: solid; border-color: $borders_color; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { background-color: $bg_color; border-style: solid; border-color: $borders_color; border-width: 0 0 1px; padding: 3px; //box-shadow: inset 0 1px 2px rgba(0,0,0,0.25); } .action-bar { background-color: darken($bg_color, 3%) } // // Headerbars // .header-bar { padding: 5px 5px 4px 5px; border-width: 0 0 1px; border-style: solid; border-radius: 0; border-color: opacify($header_border, 1); color: $header_fg; background-color: opacify($header_bg, 1); .csd & { // Transparent header-bars only in csd windows background-color: $header_bg; border-color: $header_border; } &:backdrop { color: transparentize($header_fg, 0.3); } .title { padding-left: 12px; padding-right: 12px; } .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; @extend .dim-label; } // Selectionmode &.selection-mode, &.titlebar.selection-mode { color: $selection_mode_fg; background-color: $selection_mode_bg; border-color: darken($selection_mode_bg, 4%); box-shadow: none; &:backdrop { background-color: $selection_mode_bg; color: transparentize($selection_mode_fg, 0.4); } .subtitle:link { @extend *:link:selected; } .button { color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); background-color: transparentize($selected_fg_color, 1); border-color: transparentize($selected_fg_color, 1); &.flat { @include button(undecorated); color: $selected_fg_color; background-color: transparentize($selected_fg_color, 1); } &:hover { color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); background-color: transparentize($selected_fg_color, 0.95); border-color: transparentize($selected_fg_color, 0.5); } &:active, &:checked { color: $selection_mode_bg; outline-color: transparentize($selection_mode_bg, 0.7); background-color: $selected_fg_color; border-color: $selected_fg_color; } &:insensitive { color: transparentize($selected_fg_color, 0.6); background-color: transparentize($selected_fg_color, 1); border-color: transparentize($selected_fg_color, 1); &:active, &:checked { color: transparentize($selection_mode_bg, 0.6); background-color: transparentize($selected_fg_color, 0.85); border-color: transparentize($selected_fg_color, 0.85); } } } .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; GtkArrow { -GtkArrow-arrow-scaling: 1; } .arrow { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } } .maximized & { background-color: opacify($selection_mode_bg, 1); } } .tiled &, .tiled &:backdrop, .maximized &, .maximized &:backdrop { border-radius: 0; // squared corners when the window is max'd or tiled } .maximized & { background-color: opacify($header_bg, 1); border-color: opacify($header_border, 1); } &.default-decoration, .csd &.default-decoration, // needed under wayland, since all gtk3 windows are csd windows &.default-decoration:backdrop, .csd &.default-decoration:backdrop { padding-top: 5px; padding-bottom: 5px; background-color: opacify($header_bg, 1); border-bottom-width: 0; .maximized & { background-color: opacify($header_bg, 1); } } } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); color: $header_fg; background-color: opacify($header_bg, 1); box-shadow: inset 0 1px lighten($header_bg, 3%); .csd & { background-color: $header_bg; } &:backdrop { color: transparentize($header_fg, 0.3); background-color: opacify($header_bg_backdrop, 1); .csd & { background-color: $header_bg_backdrop; } } .maximized & { background-color: opacify($header_bg, 1); &:backdrop, .csd &:backdrop { background-color: opacify($header_bg_backdrop, 1); } } } .titlebar .titlebar, .titlebar .titlebar:backdrop { background-color: transparent; } // Only extending .header-bar avoids some problems (Gnome Documents searchbar) .header-bar { .header-bar-separator, & > GtkBox > .separator.vertical { @extend %header_separator; } @extend %header_widgets; } %header_separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, transparentize($header_fg, 1) 25%, transparentize($header_fg, 0.65) 25%, transparentize($header_fg, 0.65) 75%, transparentize($header_fg, 1) 75%) 0 1/0 1px stretch; &:backdrop { opacity: 0.6; } } %header_widgets { // Headerbar Entries .entry { @include entry(header-normal); &:backdrop { opacity: 0.85; } &:focus { @include entry(header-focus); background-clip: if($darker=='false' and $variant=='light', border-box, padding-box); &.image { color: $selected_fg_color; } } &:insensitive { @include entry(header-insensitive); } &:selected:focus { background-color: $selected_fg_color; color: $selected_bg_color; } &.progressbar { border-color: $selected_bg_color; background-image: none; background-color: transparent; } @each $e_type, $e_color, $e_fg_color in (warning, $warning_color, $warning_fg_color), (error, $error_color, $error_fg_color) { &.#{$e_type} { color: $e_fg_color; border-color: if($darker=='false' and $variant=='light', $e_color, $header_entry_border); background-image: linear-gradient(to bottom, mix($e_color, $header_bg, 60%)); &:focus { color: $e_fg_color; background-image: linear-gradient(to bottom, $e_color); } &:selected, &:selected:focus { background-color: $e_fg_color; color: $e_color; } } } } // Headerbar Buttons .button { @include button(header-normal); &:backdrop { opacity: 0.7; } &:hover { @include button(header-hover); } &:active, &:checked { @include button(header-active); background-clip: if($darker=='false' and $variant=='light', border-box, padding-box); } &:insensitive { @include button(header-insensitive); } &:insensitive:active, &:insensitive:checked { @include button(header-insensitive-active); } } // Linking stuff // Reset buttons .linked:not(.vertical):not(.path-bar) > .button { &, &:hover, &:active, &:checked, &:insensitive { border-radius: 3px; border-style: solid; } } .linked:not(.vertical):not(.path-bar) { $_uncolored_button: '.button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action)'; > #{$_uncolored_button}:hover:not(:only-child), > #{$_uncolored_button}:hover + #{$_uncolored_button} { box-shadow: none; } } // special case for path-bars and stack-switchers .linked:not(.vertical):not(.path-bar).stack-switcher, .linked:not(.vertical).path-bar { > .button { @include button(header-hover); &:hover { background-color: lighten($header_button_bg, 15%); } &:active, &:checked { @include button(header-active); } &:insensitive { color: transparentize($header_fg, 0.4); } &, &:hover, &:active, &:checked, &:insensitive { @extend %linked; } } @include pathbar_linking_rules($sep_color:$header_button_border); } // use linking rules for entries only .linked:not(.vertical):not(.path-bar) { @include linking_rules( $a:0.5, $var:if($variant=='light' and $darker=='false', 'light', 'dark'), $button_rules:'false', $e_border:$header_entry_border, $b_border:$header_button_border ); } // Headerbar Suggested and Destructive Action buttons @each $b_type, $b_color, $b_fg in (suggested-action, $suggested_color, $suggested_fg_color), (destructive-action, $destructive_color, $destructive_fg_color) { .button.#{$b_type} { @include button(suggested_destructive, $b_color, $b_fg); &.flat { @include button(undecorated); color: $b_color; outline-color: transparentize($b_color, 0.7); } &:hover { @include button(suggested_destructive, lighten($b_color, 10%), $b_fg); } &:active, &:checked { @include button(suggested_destructive, darken($b_color, 10%), $b_fg); } &.flat:insensitive, &:insensitive { @include button(header-insensitive); } } .button.#{$b_type}:backdrop, .button.#{$b_type}:backdrop { opacity: 0.8; } } // Headerbar Spinbuttons & .spinbutton { &:focus .button { color: $selected_fg_color; &:hover { background-color: transparentize($selected_fg_color, 0.9); border-color: transparent; } &:insensitive { color: transparentize($selected_fg_color, 0.6); } } .button { color: $header_fg; &:hover { background-color: transparentize($header_fg, 0.75); border-color: transparent; } &:insensitive { color: transparentize($header_fg, 0.3); } &:active { background-color: rgba(0,0,0,0.1); } } } // Headerbar ComboBoxes & GtkComboBox{ &:insensitive { color: transparentize($header_fg, 0.6); } &.combobox-entry .button { @include entry(header-normal); &:hover { @include entry(header-focus); box-shadow: none; } &:insensitive { @include entry(header-insensitive); } } &.combobox-entry .entry { &:dir(ltr) { border-right-style: none; &:focus { box-shadow: none; } @if $variant=='light' and $darker=='false' { &:focus { box-shadow: 1px 0 $selected_bg_color; } } } &:dir(rtl) { border-left-style: none; &:focus { box-shadow: none; } @if $variant=='light' and $darker=='false' { &:focus { box-shadow: -1px 0 $selected_bg_color; } } } } } // Headerbar Switches GtkSwitch { &:backdrop { opacity: 0.75; } } GtkProgressBar { &.trough { background-color: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.05), $header_button_border); } &:backdrop { opacity: 0.75; } } // Headerbar Scale .scale { &:backdrop { opacity: 0.75; } &.trough { $_trough_bg: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.05), $header_button_border); background-image: linear-gradient(to bottom, $_trough_bg); &:insensitive { background-image: linear-gradient(to bottom, if($variant=='light' and $darker=='false', transparentize($_trough_bg, 0.05), transparentize($_trough_bg, 0.1))); } } &.slider { $_slider_border: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.2), opacify($header_button_border, 0.3)); $_slider_bg: if($variant=='light' and $darker=='false', opacify($header_button_bg,1), lighten(opacify($header_bg,1), 10%)); background-image: linear-gradient(to bottom, $_slider_bg); border-color: $_slider_border; &:hover { background-image: linear-gradient(to bottom, lighten($_slider_bg, 5%)); border-color: $_slider_border; } &:active { background-image: linear-gradient(to bottom, $selected_bg_color); border-color: $selected_bg_color; } &:insensitive { background-image: linear-gradient(to bottom, mix($_slider_bg, $header_bg, 70%)); border-color: $_slider_border; } } } } // // Pathbars // .path-bar .button { padding: 5px 10px; &:first-child { padding-left: 10px; } &:last-child { padding-right: 10px; } &:only-child { padding-left: 14px; padding-right: 14px; } // the following is for spacing the icon and the label inside the home button GtkLabel:last-child { padding-left: 4px; } GtkLabel:first-child { padding-right: 4px; } GtkLabel:only-child, GtkLabel { padding-right: 0; padding-left: 0; } GtkImage { padding-top: 2px; padding-bottom: 1px; } } // // Tree Views // GtkTreeView.view { // treeview grid lines and expanders, unfortunatelly // the tree lines color can't be set -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: transparentize($fg_color, 0.85); // this is actually the tree lines color, border-top-color: transparentize(black, 0.9); // while this is the grid lines color, better then nothing &.rubberband { @extend .rubberband; } // to avoid borders being overridden by the previously set props &:selected { border-radius: 0; border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunatelly } &:insensitive { color: $insensitive_fg_color; &:selected { color: mix($selected_fg_color, $selected_bg_color, 40%); } } &.dnd { border-style: solid none; border-width: 1px; border-color: mix($fg_color, $selected_bg_color, 50%); } &.expander { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } color: mix($fg_color, $base_color, 50%); &:hover { color: $fg_color; } &:selected { color: mix($selected_fg_color, $selected_bg_color, 70%); &:hover { color: $selected_fg_color; } } &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } } &.progressbar, &.progressbar:focus { // progress bar in treeviews color: $selected_fg_color; border-radius: 3px; background-image: linear-gradient(to bottom, $selected_bg_color); &:selected, &:selected:focus { color: $selected_bg_color; box-shadow: none; background-image: linear-gradient(to bottom, $selected_fg_color); } } &.trough { // progress bar trough in treeviews color: $fg_color; background-image: linear-gradient(to bottom, $button_border); border-radius: 3px; border-width: 0; &:selected, &:selected:focus { color: $selected_fg_color; background-image: linear-gradient(to bottom, transparentize(black, 0.8)); border-radius: 3px; border-width: 0; } } } column-header { .button { @extend %column_header_button; $_column_header_color: mix($fg_color,$base_color,80%); color: $_column_header_color; background-color: $base_color; &:hover { @extend %column_header_button; color: $selected_bg_color; box-shadow: none; transition: none; //I shouldn't need this } &:active { @extend %column_header_button; color: $fg_color; transition: none; //I shouldn't need this } &.dnd { @extend column-header.button.dnd; } } &:last-child .button, &:last-child.button { //treeview-like derived widgets in Banshee and Evolution border-right-style: none; border-image: none; } } column-header.button.dnd { // for treeview-like derive widgets transition: none; color: $selected_bg_color; box-shadow: inset 1px 1px 0 1px $selected_bg_color, inset -1px 0 0 1px $selected_bg_color, inset 1px 1px $base_color, inset -1px 0 $base_color;; &:active { @extend column-header.button.dnd; } &:selected { @extend column-header.button.dnd; } &:hover { @extend column-header.button.dnd; } } %column_header_button { padding: 3px 6px; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, transparentize(if($variant == 'light', black, white), 1) 20%, transparentize(if($variant == 'light', black, white), 0.89) 20%, transparentize(if($variant == 'light', black, white), 0.89) 80%, transparentize(if($variant == 'light', black, white), 1) 80%) 0 1 0 0 / 0 1px 0 0 stretch; &:active, &:hover { background-color: $base_color; } &:active:hover { color: $fg_color; } &:insensitive { border-color: $bg_color; background-image: none; } } // // Menus // .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: opacify($header_bg, 1); color: $header_fg; &:backdrop { color: transparentize($header_fg, 0.3); //background-color: opacify($header_bg_backdrop, 1); } & > .menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; &:hover { //Seems like it :hover even with keyboard focus background-color: $selected_bg_color; color: $selected_fg_color; } &:insensitive { color: transparentize($header_fg, 0.6); border-color: transparent; } } } .menu { margin: 4px; padding: 0; border-radius: 0; background-color: if($variant=='light', $base_color, $bg_color); border: 1px solid $borders_color; .csd & { padding: 4px 0px; border-radius: 2px; border: none; } .menuitem { padding: 5px; &:hover { color: $selected_fg_color; background-color: $selected_bg_color; } &:insensitive { color: $insensitive_fg_color; } &.separator { color: transparentize($base_color, 1); } //submenu indicators &.arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } &.arrow:dir(rtl) {-gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); } } &.button { // overlow buttons @extend %undecorated_button; border-style: none; border-radius: 0; &.top { border-bottom: 1px solid mix($fg_color, $base_color, 10%); } &.bottom { border-top: 1px solid mix($fg_color, $base_color, 10%); } &:hover { background-color: mix($fg_color, $base_color, 10%); } &:insensitive { color: transparent; background-color: transparent; border-color: transparent ; } } } .csd .popup { border-radius: 2px; } .menuitem .accelerator { color: gtkalpha(currentColor,0.55); } // // Popovers // .popover { padding: 2px; border: 1px solid darken($borders_color, 5%); border-radius: 3px; background-clip: border-box; background-color: if($variant=='light', $base_color, $bg_color); box-shadow: 0 2px 6px 1px if($variant=='light', transparentize(black, 0.93), transparentize(black, 0.65)); & .separator { color: transparentize($base_color, 1); } .label.separator { @extend .label.separator; } // Noice > .list, > .view, > .toolbar, &.osd > .toolbar { border-style: none; background-color: transparent; } &.osd { @extend %osd; } } //touch selection handlebars for the Popover.osd above .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; &.top { -gtk-icon-source: -gtk-icontheme('selection-start-symbolic'); } &.bottom { -gtk-icon-source: -gtk-icontheme('selection-end-symbolic'); } } // // Notebooks and Tabs // .notebook { padding: 0; background-color: $base_color; -GtkNotebook-initial-gap: 4; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms $ease-out-quad; &.frame { border: 1px solid $borders_color; &.top { border-top-width: 0; } &.bottom { border-bottom-width: 0; } &.right { border-right-width: 0; } &.left { border-left-width: 0; } } &.header { background-color: $bg_color; // this is the shading of the header behind the tabs &.frame { border: 0px solid $borders_color; &.top { border-bottom-width: 0; } &.bottom { border-top-width: 0; } &.right { border-left-width: 0; } &.left { border-right-width: 0; } } $_header_border: $borders_color; &.top { box-shadow: inset 0 -1px $_header_border; } &.bottom { box-shadow: inset 0 1px $_header_border; } &.right { box-shadow: inset 1px 0 $_header_border; } &.left { box-shadow: inset -1px 0 $_header_border; } } tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-color: transparent; outline-offset: 0; // tab sizing $vpadding: 4px; $hpadding: 15px; //FIXME: we get double border in some cases, not considering the broken //notebook content frame... &.top, &.bottom { padding: $vpadding $hpadding; } &.left, &.right { padding: $vpadding $hpadding; } &.reorderable-page { &.top, &.bottom { padding-left: 12px; // for a nicer close button padding-right: 12px; // placement } } @each $_tab in (top, bottom, right, left) { &.reorderable-page.#{$_tab}, &.#{$_tab} { @if $_tab==top or $_tab==bottom { padding-#{$_tab}: $vpadding + 2; } @else if $_tab==left or $_tab==right { padding-#{$_tab}: $hpadding + 2; } @if $_tab==top { border-radius: 3.5px 2px 0 0; } @else if $_tab==bottom { border-radius: 0 0 2px 3.5px; } @else if $_tab==left { border-radius: 3.5px 0 0 3.5px; } @else if $_tab==right { border-radius: 0 3.5px 3.5px 0; } border-width: 0; border-#{$_tab}-width: 2px; border-color: transparent; background-color: transparentize($base_color, 1); &:hover, &.prelight-page { background-color: transparentize($base_color, 0.5); box-shadow: inset 0 1px $borders_color, inset 0 -1px $borders_color, inset 1px 0 $borders_color, inset -1px 0 $borders_color; } &:active, &.active-page, &.active-page:hover { background-color: $base_color; @if $_tab==top { box-shadow: inset 0 1px $borders_color, inset 0 -1px $base_color, inset 1px 0 $borders_color, inset -1px 0 $borders_color; } @else if $_tab==bottom { box-shadow: inset 0 -1px $base_color, inset 0 -1px $borders_color, inset 1px 0 $borders_color, inset -1px 0 $borders_color; } @else if $_tab==left { box-shadow: inset 0 1px $borders_color, inset 0 -1px $borders_color, inset 1px 0 $borders_color, inset -1px 0 $base_color; } @else if $_tab==right { box-shadow: inset 0 1px $borders_color, inset 0 -1px $borders_color, inset 1px 0 $base_color, inset -1px 0 $borders_color; } } } } GtkLabel { //tab text padding: 0 2px; // needed for a nicer focus ring color: $insensitive_fg_color; } .prelight-page GtkLabel, GtkLabel.prelight-page { // prelight tab text color: mix($fg_color, $insensitive_fg_color, 50%); } .active-page GtkLabel, GtkLabel.active-page { // active tab text color: $fg_color; } .button { //tab close button padding: 0; @extend %undecorated_button; color: mix($bg_color, $fg_color, 35%); &:hover { color: lighten(red, 15%); } &:active { color: $selected_bg_color; } & > GtkImage { // this is a hack which makes tabs grow padding: 2px; } } } &.arrow { color: $insensitive_fg_color; &:hover { color: mix($fg_color, $insensitive_fg_color, 50%); } &:active { color: $fg_color; } &:insensitive { color: transparentize($insensitive_fg_color,0.3); } } } // // Scrollbars // $_scrollbar_bg_color: darken($base_color, 1%); .scrollbar { -GtkRange-slider-width: 13; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 42; // minimum size for the slider. // sadly can't be in '.slider' // where it belongs -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; $_slider_margin: 3px; $_slider_fine_tune_margin: 4px; .button { border: none; } &.overlay-indicator { &:not(.dragging):not(.hovering) { // Overlay scrolling indicator opacity: 0.4; -GtkRange-slider-width: 6px; .slider { margin: 0; background-color: mix($fg_color, $bg_color, 70%); border: 1px solid if($variant == 'light', transparentize(white, 0.4), transparentize(black, 0.7)); background-clip: padding-box; } .trough { border-style: none; background-color: transparent; } // w/o the following margin tweaks the slider shrinks when hovering/dragging &.vertical .slider { margin-top: $_slider_margin - 1px; margin-bottom: $_slider_margin - 1px; } &.horizontal .slider { margin-left: $_slider_margin - 1px; margin-right: $_slider_margin - 1px; } } &.dragging, &.hovering { opacity: 0.99; } } // trough coloring .trough { background-color: $_scrollbar_bg_color; border: 1px none $borders_color; } // slider coloring .slider { background-color: mix($fg_color, $bg_color, 40%); &:hover { background-color: mix($fg_color, $bg_color, 30%); } &:prelight:active, &:active { background-color: $selected_bg_color;} &:insensitive { background-color: transparent; } } // sizing .slider { border-radius: 100px; margin: $_slider_margin; } &.fine-tune .slider { margin: $_slider_fine_tune_margin; } &.vertical { .slider { margin-left: 1px + $_slider_margin; &:dir(rtl) { margin-left: $_slider_margin; margin-right: 1px + $_slider_margin; } } &.fine-tune .slider { margin-left: 1px + $_slider_fine_tune_margin; &:dir(rtl) { margin-left: $_slider_fine_tune_margin; margin-right: 1px + $_slider_fine_tune_margin; } } .trough { border-left-style: solid; &:dir(rtl) { border-left-style: none; border-right-style: solid; } } } &.horizontal { .slider { margin-top: 1px + $_slider_margin; } &.fine-tune .slider { margin-top: 1px + $_slider_fine_tune_margin; } .trough { border-top-style: solid; } } } .scrollbars-junction, .scrollbars-junction.frame { // the small square between two scrollbars border-color: transparent; // the border image is used to add the missing dot between the borders, details, details, details... border-image: linear-gradient(to bottom, $borders_color 1px, transparent 1px) 0 0 0 1 / 0 1px stretch; background-color: $_scrollbar_bg_color; &:dir(rtl) { border-image-slice: 0 1 0 0; } } // // Switches // GtkSwitch { font: 1; -GtkSwitch-slider-width: 52; -GtkSwitch-slider-height: 24; outline-color: transparent; &.trough, &.slider { background-size: 52px 24px; background-repeat: no-repeat; background-position: right center; color: transparent; border-color: transparent; border-image: none; border-style: none; box-shadow: none; &:dir(rtl) { background-position: left center; } } } @each $k,$l in ('',''), (':active','-active'), (':insensitive','-insensitive'), (':active:insensitive','-active-insensitive') { // load switch troughs from .png files in assets directory GtkSwitch.trough#{$k} { background-image: -gtk-scaled(url("assets/switch#{$l}#{$asset_suffix}.png"),url("assets/switch#{$l}#{$asset_suffix}@2.png")); } WingpanelWidgetsIndicatorPopover.popover .menuitem:hover GtkSwitch.trough#{$k}, .menu .menuitem:hover GtkSwitch.trough#{$k}, .list-row:selected GtkSwitch.trough#{$k}, GtkInfoBar GtkSwitch.trough#{$k} { background-image: -gtk-scaled(url("assets/switch#{$l}-selected.png"),url("assets/switch#{$l}-selected@2.png")); } .header-bar GtkSwitch.trough#{$k}, .primary-toolbar GtkSwitch.trough#{$k} { background-image: -gtk-scaled(url("assets/switch#{$l}-header#{$darker_asset_suffix}.png"),url("assets/switch#{$l}-header#{$darker_asset_suffix}@2.png")); } } // // Check and Radio items * // @each $w,$a in ('check', 'checkbox'), ('radio','radio') { //standard checks and radios @each $s,$as in ('','-unchecked'), (':insensitive','-unchecked-insensitive'), (':inconsistent', '-mixed'), (':inconsistent:insensitive', '-mixed-insensitive'), (':checked', '-checked'), (':checked:insensitive','-checked-insensitive') { .#{$w}#{$s} { -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); } %osd_check_radio { .#{$w}#{$s} { -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-dark.png"), url("assets/#{$a}#{$as}-dark@2.png")); } } // the borders of checks and radios are // too similar in luminosity to the selected background color, hence // we need special casing. WingpanelWidgetsIndicatorPopover.popover .menuitem:hover .#{$w}#{$s}, .menu .menuitem.#{$w}#{$s}:hover, GtkTreeView.view.#{$w}#{$s}:selected, .list-row:selected .#{$w}#{$s}, GtkInfoBar .#{$w}#{$s} { -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-selected.png"), url("assets/#{$a}#{$as}-selected@2.png")); } } } // Selectionmode @each $s,$as in ('','-selectionmode'), (':checked', '-checked-selectionmode') { .view.content-view.check#{$s}:not(.list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"), url("assets/checkbox#{$as}#{$asset_suffix}@2.png")); background-color: transparent; } } GtkCheckButton.text-button, GtkRadioButton.text-button { // this is for a nice focus on check and radios text padding: 1px 2px 4px; outline-offset: 0; &:insensitive, &:insensitive:active, &:insensitive:inconsistent { // set insensitive color, which is overriden otherwise color: $insensitive_fg_color; } } // // GtkScale // .scale { -GtkScale-slider-length: 15; -GtkRange-slider-width: 15; -GtkRange-trough-border: 0; outline-offset: -1px; outline-radius: 2px; color: gtkalpha(currentColor, 0.7); &.trough { margin: 5px; } &.fine-tune { &.trough { border-radius: 5px; margin: 3px; } } &.slider { $_slider_border: if($variant=='light', transparentize(darken($button_border,25%), 0.5), darken($button_border,2%)); background-clip: border-box; background-image: linear-gradient(to bottom, $button_bg); border: 1px solid $_slider_border; border-radius: 50%; box-shadow: none; &:hover { background-image: linear-gradient(to bottom, lighten($button_bg, 5%)); border-color: $_slider_border; } &:insensitive { background-image: linear-gradient(to bottom, mix($entry_bg, $bg_color, 55%)); border-color: transparentize($_slider_border, 0.2); } &:active { background-image: linear-gradient(to bottom, $selected_bg_color); border-color: $selected_bg_color; } //OSD sliders .osd & { background-image: linear-gradient(to bottom, $osd_bg_color); border-color: $selected_bg_color; &:hover { background-image: linear-gradient(to bottom, $selected_bg_color); } &:active { background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%)); border-color: darken($selected_bg_color, 10%); } } //selected list-row and infobar sliders WingpanelWidgetsIndicatorPopover.popover .menuitem:hover &, .menu .menuitem:hover &, .list-row:selected &, GtkInfoBar & { background-image: linear-gradient(to bottom, $selected_fg_color); border-color: $selected_fg_color; &:hover { background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 85%)); border-color: mix($selected_fg_color, $selected_bg_color, 85%); } &:active { background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 50%)); border-color: mix($selected_fg_color, $selected_bg_color, 50%); } &:insensitive{ background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); border-color: mix($selected_fg_color, $selected_bg_color, 55%); } } } &.trough { $_scale_trough_bg: if($variant == 'light', $button_border, darken($bg_color, 5%)); border: none; border-radius: 2.5px; background-image: linear-gradient(to bottom, $_scale_trough_bg); &.highlight { background-image: linear-gradient(to bottom, $selected_bg_color); &:insensitive { background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 0.45)); } } &:insensitive { background-image: linear-gradient(to bottom, transparentize($_scale_trough_bg, 0.45)); } //OSD troughs .osd & { background-image: linear-gradient(to bottom, lighten($osd_bg_color, 7%)); outline-color: transparentize($osd_fg_color, 0.8); &.highlight { background-image: none; background-image: linear-gradient(to bottom, $selected_bg_color); } &:insensitive { } } // troughs in selected list-rows and infobars WingpanelWidgetsIndicatorPopover.popover .menuitem:hover &, .menu .menuitem:hover &, .list-row:selected &, GtkInfoBar & { background-image: linear-gradient(to bottom, transparentize(black, 0.8)); &.highlight { background-image: linear-gradient(to bottom, $selected_fg_color); &:insensitive { background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); } } &:insensitive { background-image: linear-gradient(to bottom, transparentize(black, 0.9)); } } } } // // Progress bars // GtkProgressBar { padding: 0; font-size: smaller; color: transparentize($fg_color, 0.3); &.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } } // moving bit .progressbar { background-color: $selected_bg_color; border: none; border-radius: 3px; box-shadow: none; //needed for clipping &.left.right { } &.osd { background-color: $selected_bg_color; } .list-row:selected &, GtkInfoBar & { background-color: $selected_fg_color; } } .osd .scale.progressbar { background-color: $selected_bg_color; } // background GtkProgressBar.trough { border: none; border-radius: 3px; background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); &.osd { border-style: none; background-color: transparent; box-shadow: none; } .list-row:selected &, GtkInfoBar & { background-color: transparentize(black, 0.8); } } // // Level Bar // GtkLevelBar { -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; &.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } } .level-bar { &.trough { @extend GtkProgressBar.trough; padding: 3px; border-radius: 4px; } &.fill-block { // FIXME: it would be nice to set make fill blocks bigger, but we'd need // :nth-child working on discrete indicators border: 1px solid $selected_bg_color; background-color: $selected_bg_color; border-radius: 2px; &.indicator-discrete { &.horizontal { margin: 0 1px; } &.vertical { margin: 1px 0; } } &.level-high { border-color: $success_color; background-color: $success_color; } &.level-low { border-color: $warning_color; background-color: $warning_color; } &.empty-fill-block { background-color: if($variant=='light', transparentize($fg_color,0.8), $base_color); border-color: if($variant=='light', transparentize($fg_color,0.8), $base_color); } } } // // Frames // .frame { border: 1px solid $borders_color; &.flat { border-style: none; } padding: 0; &.action-bar { padding: 6px; border-width: 1px 0 0; } } GtkScrolledWindow { GtkViewport.frame { // avoid double borders when viewport inside // scrolled window border-style: none; } } //vbox and hbox separators .separator { // always disable separators // -GtkWidget-wide-separators: true; color: transparentize(black, 0.9); // Font and File button separators GtkFileChooserButton &, GtkFontButton &, GtkFileChooserButton &.vertical, GtkFontButton &.vertical { // always disable separators -GtkWidget-wide-separators: true; } } // // Lists // .list { background-color: $base_color; border-color: $borders_color; } .list-row, .grid-child { padding: 2px; } .list-row.activatable { // let's take care of background colors &:hover { background-color: if($variant == 'light', transparentize(black, 0.95), transparentize(white, 0.97)); } &:active { color: $fg_color; } &:selected { &:active { color: $selected_fg_color; } &:hover { background-color: mix(black, $selected_bg_color, 10%); } &:insensitive { color: transparentize($selected_fg_color, 0.3); background-color: transparentize($selected_bg_color, 0.3); .label { color: inherit; } } } } .list-row:selected { @extend %selected_items; .button { @extend %selected-button } } // transition .list-row, list-row.activatable { transition: all 150ms $ease-out-quad; &:hover { transition: none; } } // // App Notifications // .app-notification, .app-notification.frame { padding: 10px; color: $dark_sidebar_fg; background-color: $dark_sidebar_bg; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: darken($dark_sidebar_bg, 10%); .button { @include button(osd); &.flat { @extend %undecorated_button; border-color: transparentize($selected_bg_color, 1); &:insensitive { @extend %undecorated_button; } } &:hover { @include button(osd-hover); } &:active, &:checked { @include button(osd-active); background-clip: padding-box; } &:insensitive { @include button(osd-insensitive); } } } // // Expanders // .expander { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } &:hover { color: lighten($fg_color,30%); } //only lightens the arrow &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } } // // Calendar // GtkCalendar { color: $fg_color; border: 1px solid $borders_color; border-radius: 3px; padding: 2px; &:selected { background-color: $selected_bg_color; color: $selected_fg_color; border-radius: 1.5px; } &.header { color: $fg_color; border: none; border-radius: 0; } &.button, &.button:focus { color: transparentize($fg_color,0.55); @include button(undecorated); &:hover { color: $fg_color; } &:insensitive { color: $insensitive_fg_color; background-color: transparent; background-image: none; } } &:inconsistent { color: gtkalpha(currentColor,0.55); } &.highlight { color: $fg_color; } } // // Dialogs // .message-dialog .dialog-action-area .button { padding: 8px; } .message-dialog { // Message Dialog styling -GtkDialog-button-spacing: 0; .titlebar { background-color: $header_bg; border-bottom: 1px solid darken($header_bg, 7%) } &.csd { // rounded bottom border styling for csd version &.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .dialog-action-area .button { padding: 8px; border-radius: 0; @extend %middle_button; &:hover, &:active, &:insensitive { @extend %middle_button; } &:first-child{ @extend %first_button; } &:last-child { @extend %last_button; } } %middle_button { border-right-style: none; border-bottom-style: none; } %last_button { border-bottom-right-radius: 3px; } %first_button { border-left-style: none; border-bottom-left-radius: 3px; } } } GtkFileChooserDialog { .search-bar { background-color: $bg_color; border-color: $borders_color; box-shadow: none; } .dialog-action-box { border-top: 1px solid $borders_color; } } // // Sidebar // .sidebar, .sidebar .view { border: none; background-color: lighten($bg_color, 2%); &:selected { @extend %selected_items; } &.separator { @extend .separator; } } GtkSidebarRow { // Needs overriding of the GtkListBoxRow padding &.list-row { padding: 0px; } // Using margins/padding directly in the SidebarRow // will make the animation of the new bookmark row jump .sidebar-revealer { padding: 3px 14px 3px 12px; } .sidebar-icon { &:dir(ltr) { padding-right: 8px; } &:dir(rtl) { padding-left: 8px; } } .sidebar-label { &:dir(ltr) { padding-right: 2px; } &:dir(rtl) { padding-left: 2px; } } } GtkPlacesSidebar.sidebar { .sidebar-placeholder-row { border: solid 1px $selected_bg_color; } .sidebar-new-bookmark-row { background-color: darken($bg_color, 10%); } // Preserve everything else of the list-row class .list-row.activatable { color: transparentize($fg_color, 0.2); border-width: 0; border-style: solid; &:selected { @extend %selected_items; } } @at-root .sidebar-button.button { // @at-root needded to not change the specificity making button styling inheritance broken // so istead of "GtkPlacesSidebar.sidebar .sidebar-button.button" [specificity 0,0,3,1] // the extended selector ".sidebar-button.button" [specificity 0,0,2,0] &.image-button { padding: 3px; } outline-radius: 50%; border-radius: 50%; @extend .button.flat; &:not(:hover):not(:active) > GtkImage { opacity: 0.5 }; } // this is for indicating which sidebar row generated a popover // see https://bugzilla.gnome.org/show_bug.cgi?id=754411 .has-open-popup { @extend .list-row.activatable:hover; } } .sidebar-item { padding: 10px 4px; > GtkLabel { padding-left: 6px; padding-right: 6px; } &.needs-attention > GtkLabel { @extend %needs_attention; background-size: 6px 6px, 0 0; } } // // File chooser // GtkPlacesView { .server-list-button > GtkImage { transition: 200ms $ease-out-quad; -gtk-icon-transform: rotate(0turn); } .server-list-button:checked > GtkImage { transition: 200ms $ease-out-quad; -gtk-icon-transform: rotate(-0.5turn); } .list-row.activatable:hover { background-color: transparent; } } // // Paned // GtkPaned { // this is for the standard paned separator -GtkPaned-handle-size: 1; // sets separator width -gtk-icon-source: none; // removes handle decoration margin: 0 8px 8px 0; // drag area of the separator, not a real margin &:dir(rtl) { margin-right: 0; margin-left: 8px; } .pane-separator { background-color: $borders_color; } } GtkPaned.wide { // this is for the paned with wide separator -GtkPaned-handle-size: 5; // wider separator here margin: 0; // no need of the invisible drag area so, reset margin .pane-separator { background-color: transparent; border-style: none solid; border-color: $borders_color; border-width: 1px; } &.vertical .pane-separator { border-style: solid none;} } // // GtkInfoBar // GtkInfoBar { border-style: none; .button { @extend %selected-button } } .info, .question, .warning, .error, GtkInfoBar { background-color: $selected_bg_color; color: $selected_fg_color; } // // Buttons on selected backgrounds // %selected-button { color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); background-color: transparentize($selected_fg_color, 1); border-color: transparentize($selected_fg_color, 0.5); &.flat { @include button(undecorated); color: $selected_fg_color; background-color: transparentize($selected_fg_color, 1); } &:hover { color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); background-color: transparentize($selected_fg_color, 0.8); border-color: transparentize($selected_fg_color, 0.2); } &:active, &:active:hover, &:checked { color: $selected_bg_color; outline-color: transparentize($selected_bg_color, 0.7); background-color: $selected_fg_color; border-color: $selected_fg_color; } &:insensitive { color: transparentize($selected_fg_color, 0.6); background-color: transparentize($selected_fg_color, 1); border-color: transparentize($selected_fg_color, 0.8); &:active, &:checked { color: transparentize($selected_bg_color, 0.6); background-color: transparentize($selected_fg_color, 0.8); border-color: transparentize($selected_fg_color, 0.8); } } } // // 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: lighten($osd_bg_color, 10%); background-clip: padding-box; } color: $osd_fg_color; border-radius: 2px; &.window-frame.csd { background-color: transparent; } } .tooltip * { //Yeah this is ugly padding: 4px; background-color: transparent; color: inherit; // just to be sure } // // Color Chooser // GtkColorSwatch { // This widget is made of two boxes one on top of the other, the lower box is GtkColorSwatch {} the other one // is GtkColorSwatch .overlay {}, GtkColorSwatch has the programmatically set background, so most of the style // is applied to the overlay box. // take care of colorswatches on selected elements :selected & { box-shadow: none; &.overlay, &.overlay:hover { border-color: $selected_fg_color; } } // border rounding &.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } &.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } &.left, &:first-child, &:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } &.right, &:last-child, &:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } &:only-child, &:only-child .overlay { border-radius: 3px; } // nth-child works just on the custom colors row // hover effect &:hover, &:hover:selected { background-image: linear-gradient(to bottom, transparentize(white, 0.8)); } // no hover effect for the colorswatch in the color editor GtkColorEditor & { border-radius: 3px; // same radius as the entry &:hover { background-image: none; } } // indicator and keynav outline colors, color-dark is a color with luminosity lower then 50% &.color-dark { color: white; outline-color: transparentize(black, 0.7); } &.color-light { color: black; outline-color: transparentize(white, 0.5); } // border color &.overlay, &.overlay:selected { border: 1px solid transparentize(black, 0.85); &:hover { border-color: transparentize(black, 0.75); } } // make the add color button looks like, well, a button &#add-color-button { border-style: solid; // the borders are drawn by the overlay for standard colorswatches to have them semi border-width: 1px; // translucent on the colored background, here it's not necessary so they need to be set @include button(normal); &:hover { @include button(hover); } .overlay { @include button(undecorated); } // reset the overlay to not cover the button style underneath } } GtkColorButton.button { padding: 5px; // Uniform padding on the GtkColorButton GtkColorSwatch { border-radius: 0; } } // // Misc // //content view (grid/list) .content-view { background-color: $base_color; &:hover { -gtk-image-effect: highlight; } &.rubberband { @extend .rubberband; } } .scale-popup .button { // +/- buttons on GtkVolumeButton popup padding: 6px; &:hover { @include button(hover); } } GtkVolumeButton.button { padding: 8px; } // Decouple the font of context menus from their entry/textview .touch-selection, .context-menu { font: initial;} .monospace { font: Monospace; } // // Overshoot // // This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. // This draws a box on top of the content, the size changes programmatically. .overshoot { &.top { @include overshoot(top); } &.bottom { @include overshoot(bottom); } &.left { @include overshoot(left); } &.right { @include overshoot(right); } } // // Undershoot // // Overflow indication, works similarly to the overshoot, the size if fixed tho. .undershoot { &.top { @include undershoot(top); } &.bottom { @include undershoot(bottom); } &.left { @include undershoot(left); } &.right { @include undershoot(right); } } // // Window Decorations // .window-frame { border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); border-width: 0px; $_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize(black, 0.45)); box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border), 0 8px 8px 0 if($variant == 'light', opacify($_wm_border, 0.1), transparentize($_wm_border, 0.2)); // this is used for the resize cursor area margin: 10px; &:backdrop { box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', transparentize(darken($header_bg, 7%), 0.1), $_wm_border), 0 5px 5px 0 if($variant == 'light', opacify($_wm_border, 0.1), transparentize($_wm_border, 0.2)); } &.tiled { border-radius: 0; } &.popup { box-shadow: none; border-radius: 0; } // server-side decorations as used by mutter &.ssd { border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', transparentize(black, 0.35), $_wm_border); &.maximized { border-radius: 0; } } &.csd { &.popup { border-radius: 2px; box-shadow: 0 3px 6px if($variant == 'light', $_wm_border, transparentize($_wm_border, 0.1)), 0 0 0 1px if($variant == 'light', $_wm_border, darken($bg_color, 10%)); } &.tooltip { border-radius: 2px; box-shadow: 0 1px 3px 1px if($variant == 'light', $_wm_border, transparentize($_wm_border, 0.3)); } &.message-dialog { border-radius: 3px; } } &.solid-csd { border-radius: 0; margin: 1px; background-color: $header_bg; box-shadow: none; } } // // Titlebuttons // .header-bar, .titlebar { &.default-decoration .button.titlebutton { // no vertical padding for ssd buttons padding-top: 0px; // already handled by the titlebar-padding padding-bottom: 0px; } .button.titlebutton { @extend .image-button; &:not(GtkMenuButton) { padding-top: 8px; padding-bottom: 8px; } padding-left: 4px; padding-right: 4px; @include button(undecorated); background-color: transparentize($header_bg, 1); &:hover { @include button(header-hover); } &:active, &:checked { @include button(header-active); } &.close, &.maximize, &.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; &:backdrop { opacity: 1; } } // Load png assets for each button @each $k in ('close','maximize', 'minimize') { @each $l, $m in ('',''), (':backdrop','-backdrop'), (':hover','-hover'), (':active','-active') { &.#{$k}#{$l} { background-image: -gtk-scaled(url('assets/titlebutton-#{$k}#{$m}#{$darker_asset_suffix}.png'), url('assets/titlebutton-#{$k}#{$m}#{$darker_asset_suffix}@2.png')); } } } } } // catch all extend %selected_items { background-image: none; background-color: $selected_bg_color; color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); } ================================================ FILE: common/gtk-3.0/3.18/sass/_drawing.scss ================================================ // Drawing mixins // Entries @mixin entry($t) { // // Entries drawing function // // $t: entry type // @if $t==normal { // // normal entry // color: $text_color; border-color: $entry_border; background-color: $entry_bg; background-image: linear-gradient(to bottom, $entry_bg); } @if $t==focus { // // focused entry // color: $text_color; border-color: if($variant=='light', $selected_bg_color, $button_border); background-color: $entry_bg; background-image: linear-gradient(to bottom, $entry_bg); @if $variant == 'dark' { box-shadow: inset 1px 0 $selected_bg_color, inset -1px 0 $selected_bg_color, inset 0 1px $selected_bg_color, inset 0 -1px $selected_bg_color; } } @if $t==insensitive { // // insensitive entry // color: $insensitive_fg_color; border-color: transparentize($entry_border, 0.45); background-color: transparentize($entry_bg, 0.45); background-image: linear-gradient(to bottom, transparentize($entry_bg, 0.45)); } @if $t==header-normal { // // normal header-bar entry // color: $header_fg; border-color: $header_entry_border; background-image: linear-gradient(to bottom, $header_entry_bg); background-color: transparent; &.image, &.image:hover { color: inherit; } } @if $t==header-focus { // // focused header-bar entry // color: $selected_fg_color; border-color: if($darker=='false' and $variant=='light', $selected_bg_color, transparent); background-image: linear-gradient(to bottom, $selected_bg_color); } @if $t==header-insensitive { // // insensitive header-bar entry // color: transparentize($header_fg, 0.45); background-image: linear-gradient(to bottom, transparentize($header_entry_bg, 0.15)); } @else if $t==osd { // // normal osd entry // color: $osd_fg_color; border-color: $osd_entry_border; background-image: linear-gradient(to bottom, $osd_entry_bg); background-color: transparent; &.image, &.image:hover { color: inherit; } } @else if $t==osd-focus { // // active osd entry // color: $selected_fg_color; border-color: $osd_entry_border; background-image: linear-gradient(to bottom, $selected_bg_color); } @else if $t==osd-insensitive { // // insensitive osd entry // color: transparentize($osd_fg_color, 0.45); background-image: linear-gradient(to bottom, transparentize($osd_entry_bg, 0.15)); } } // Buttons @mixin button($t, $actionb_bg:red, $actionb_fg: green) { // // Button drawing function // // $t: button type, // $actionb_bg, $actionb_fg: used for destructive and suggested action buttons @if $t==normal { // // normal button // color: $fg_color; outline-color: transparentize($fg_color, 0.7); border-color: $button_border; background-color: $button_bg; } @else if $t==hover { // // hovered button // color: $fg_color; outline-color: transparentize($fg_color, 0.7); border-color: $button_border; background-color: lighten($button_bg, 5%); } @else if $t==active { // // pushed button // color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); border-color: if($variant=='light', $selected_bg_color, $button_border); background-color: $selected_bg_color; } @else if $t==insensitive { // // insensitive button // color: $insensitive_fg_color; border-color: transparentize($button_border, 0.45); background-color: transparentize($button_bg, 0.45); > GtkLabel { color: inherit; } } @else if $t==insensitive-active { // // insensitive pushed button // color: transparentize($selected_fg_color, 0.2); border-color: transparentize($selected_bg_color, 0.25); background-color: transparentize($selected_bg_color, 0.25); opacity: 0.6; > GtkLabel { color: inherit; } } @if $t==header-normal { // // normal header-bar button // color: $header_fg; outline-color: transparentize($header_fg, 0.7); outline-offset: -3px; background-color: transparentize($header_bg, 1); border-color: transparentize($header_bg, 1); } @else if $t==header-hover { // // hovered header-bar button // color: $header_fg; outline-color: transparentize($header_fg, 0.7); border-color: $header_button_border; background-color: $header_button_bg; } @else if $t==header-active { // // pushed header-bar button // color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); border-color: if($darker=='false' and $variant=='light', $selected_bg_color, transparent); background-color: $selected_bg_color; } @else if $t==header-insensitive { // // insensitive header-bar button // color: transparentize($header_fg, 0.45); background-color: transparentize($header_bg, 1); border-color: transparentize($header_bg, 1); > GtkLabel { color: inherit; } } @else if $t==header-insensitive-active { // // header-bar insensitive pushed button // color: transparentize($selected_fg_color, 0.25); border-color: transparentize($selected_bg_color, 0.35); background-color: transparentize($selected_bg_color, 0.35); } @else if $t==osd { // // normal osd button // color: $osd_fg_color; outline-color: transparentize($osd_fg_color, 0.7); border-color: $osd_button_border; background-color: $osd_button_bg; } @else if $t==osd-hover { // // active osd button // color: $osd_fg_color; outline-color: transparentize($osd_fg_color, 0.7); border-color: $osd_button_border; background-color: opacify(lighten($osd_button_bg, 7%), 0.1); } @else if $t==osd-active { // // active osd button // color: $selected_fg_color; outline-color: transparentize($selected_fg_color, 0.7); border-color: $osd_button_border; background-color: $selected_bg_color; } @else if $t==osd-insensitive { // // insensitive osd button // color: $osd_insensitive_fg_color; border-color: $osd_button_border; background-color: transparentize($osd_button_bg, 0.15); } @else if $t==suggested_destructive { // // suggested or destructive action buttons // background-clip: border-box; color: $actionb_fg; outline-color: transparentize($actionb_fg, 0.7); background-color: $actionb_bg; border-color: $actionb_bg; } @else if $t==undecorated { // // reset // border-color: transparent; background-color: transparent; background-image: none; } } // // Overshoot // @mixin overshoot($p, $c:$selected_bg_color) { // $p: position // $c: base color // // possible $p values: // top, bottom, right, left // $_big_gradient_length: 60%; $_position: center top; $_big_gradient_size: 100% $_big_gradient_length; @if $p==bottom { $_position: center bottom; } @else if $p==right { $_position: right center; $_big_gradient_size: $_big_gradient_length 100%; } @else if $p==left { $_position: left center; $_big_gradient_size: $_big_gradient_length 100%; } background-image: -gtk-gradient(radial, $_position, 0, $_position, 0.6, from(transparentize($c, 0.8)), to(transparentize($c, 1))); background-size: $_big_gradient_size; background-repeat: no-repeat; background-position: $_position; background-color: transparent; // reset some properties to be sure to not inherit them somehow border: none; // box-shadow: none; // } // // Undershoot // @mixin undershoot($p) { // $p: position // // possible $p values: // top, bottom, right, left // $_undershoot_color_dark: transparentize(black, 0.8); $_undershoot_color_light: transparentize(white, 0.8); $_gradient_dir: left; $_dash_bg_size: 10px 1px; $_gradient_repeat: repeat-x; $_bg_pos: center $p; background-color: transparent; // shouldn't be needed, but better to be sure; @if ($p == left) or ($p == right) { $_gradient_dir: top; $_dash_bg_size: 1px 10px; $_gradient_repeat: repeat-y; $_bg_pos: $p center; } background-image: linear-gradient(to $_gradient_dir, // this is the dashed line $_undershoot_color_light 50%, $_undershoot_color_dark 50%); padding-#{$p}: 1px; background-size: $_dash_bg_size; background-repeat: $_gradient_repeat; background-origin: content-box; background-position: $_bg_pos; } ================================================ FILE: common/gtk-3.0/3.18/sass/_granite.scss ================================================ // Granite Widgets // // Overlay Bar // .overlay-bar { background-color: $selected_bg_color; border-color: $selected_bg_color; border-radius: 2px; padding: 3px 6px; margin: 3px; GtkLabel { color: $selected_fg_color; } } // // Thin Pane Separator // GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid $borders_color; border-right: 1px solid $borders_color; } // avoid borders when a viewport is // packed into a Static Notebook, or Popover GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } // // Help Button // .help_button { border-radius: 100px; padding: 3px 9px; } // // Secondary Toolbars // .secondary-toolbar.toolbar { padding: 3px; border-bottom: 1px solid $borders_color; .button { padding: 0 3px 0 3px; } } // // Bottom Toolbars // .bottom-toolbar.toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: $borders_color; background-color: $bg_color; .button { padding: 2px 3px 2px 3px; } } // // Sidebar & Source List // .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: $bg_color; color: $fg_color; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:prelight { background-color: lighten($bg_color, 5%); } .source-list.view:selected, .source-list.view:prelight:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: $selected_fg_color; background-color: $selected_bg_color; } .source-list .scrollbar.trough, .source-list .scrollbars-junction { border-image: none; border-color: transparent; background-color: $bg_color; background-image: none; } .source-list.badge, .source-list.badge:prelight, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-image: none; background-color: $selected_bg_color; color: $selected_fg_color; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:prelight:selected { background-color: $selected_fg_color; color: $selected_bg_color; } // // Expander // .source-list.category-expander { color: $fg_color; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } // // Notebook // .dynamic-notebook .notebook tab { .button > GtkImage { padding: 0; } } // // Welcome // GraniteWidgetsWelcome { background-color: $base_color; } GraniteWidgetsWelcome GtkLabel { color: mix($fg_color, $bg_color, 50%); font: open sans 11; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: transparentize($fg_color, 0.2); } // // Help Button // .help_button { border-radius: 0; } // // Popover // GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid transparentize(black, 0.7); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, $base_color); border: 1px solid transparentize(black, 0.7); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } // // Xs Entry // GraniteWidgetsXsEntry.entry { padding: 4px; } // // Text Styles // .h1 { font: open sans 24px; } .h2 { font: open sans light 18px; } .h3 { font: open sans 11px; } .h4, .category-label { color: mix($bg_color, $text_color, 30%); font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4{ padding-left: 6px; } ================================================ FILE: common/gtk-3.0/3.18/sass/_lightdm.scss ================================================ // the panel widget at the top #panel_window { background-color: $panel_bg; color: $panel_fg; font: bold; box-shadow: inset 0 -1px darken($panel_bg, 7%); // the menubars/menus of the panel, i.e. indicators .menubar { padding-left: 5px; &, > .menuitem { background-color: transparent; color: $panel_fg; font: bold; } } .menubar .menuitem:insensitive { color: transparentize($panel_fg, 0.5); GtkLabel { color: inherit; } } .menubar .menu .menuitem { font: normal; } } // the login window #login_window, #shutdown_dialog, #restart_dialog { font: normal; border-style: none; background-color: transparent; color: $fg_color; } // the top half of the login-window, in GtkDialog terms, the content #content_frame { padding-bottom: 14px; background-color: $bg_color; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid transparentize(black, 0.9); border-width: 1px 1px 0 1px; } #content_frame .button { @include button(normal); &:hover { @include button(hover); } &:active, &:checked { @include button(active); } &:insensitive { @include button(insensitive); } } // the lower half of the login-window, in GtkDialog terms the buttonbox or action area #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: if($variant=='light', $osd_bg_color, $header_bg); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid transparentize(black, 0.9); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px if($variant=="light", $dark_sidebar_border, $header_border); } #buttonbox_frame .button{ @include button(osd); &:hover { @include button(osd-hover); } &:active, &:checked { @include button(osd-active); } &:insensitive { @include button(osd-insensitive); } } #login_window #user_combobox { color: $fg_color; font: 13px; .menu { font: normal; } .arrow {} } // the user's avatar box #user_image { padding: 3px; border-radius: 2px; } // the border around the user's avatar box #user_image_border {} // the shutdown button #shutdown_button.button { @include button(suggested_destructive, $destructive_color); &:hover { @include button(suggested_destructive, lighten($destructive_color, 10%)); } &:active, &:checked { @include button(suggested_destructive, darken($destructive_color, 10%)); } } // the restart button #restart_button.button { @include button(suggested_destructive, $suggested_color); &:hover { @include button(suggested_destructive, lighten($suggested_color, 10%)); } &:active, &:checked { @include button(suggested_destructive, darken($suggested_color, 10%)); } } // the warning, in case a wrong password is entered or something else goes wrong according to PAM #greeter_infobar { border-bottom-width: 0; font: bold; } ================================================ FILE: common/gtk-3.0/3.18/sass/_transparent_widgets.scss ================================================ .titlebar .separator { color: $header_border; //fixes separator in gnome-tweak-tool } NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar GtkFileChooserDialog *, NautilusWindow *, NemoWindow { -GtkPaned-handle-size: 0; } @if $variant==dark { GtkFileChooserDialog, NautilusWindow , NemoWindow { .sidebar { border-right: 1px solid $dark_sidebar_border; } .sidebar:dir(rtl) { border-left: 1px solid $dark_sidebar_border; } } } // Dark transparent sidebars GtkFileChooserDialog, NautilusWindow { &.csd.background, .list.sidebar { background-color: transparent; } GtkPlacesSidebar.sidebar { background-color: $dark_sidebar_bg; .sidebar-placeholder-row.list-row.activatable { border: 1px solid $selected_bg_color; } .sidebar-new-bookmark-row { background-color: lighten($dark_sidebar_bg, 10%); } .list-row.activatable { border: none; color: $dark_sidebar_fg; .sidebar-icon { color: transparentize($dark_sidebar_fg, 0.4); } &:hover { background-color: transparentize($dark_sidebar_fg, 0.85); } &:selected, &:selected:hover, &:active:hover { @extend %selected_items; .sidebar-icon { color: inherit; } } } .sidebar-button.button { color: $dark_sidebar_fg; &:hover { @include button(osd-hover); } &:active { background-clip: padding-box; @include button(osd-active); } &:not(:hover):not(:active) > GtkImage { opacity: 0.5 }; } .separator { color: transparent; } .scrollbar { @extend %dark_sidebar_scrollbar } } &.maximized GtkPlacesSidebar.sidebar { background-color: opacify($dark_sidebar_bg, 1); } } NemoWindow, MarlinViewWindow { &.csd.background, .source-list, .source-list.view, .source-list.view:prelight { background-color: transparent; } .sidebar, .source-list.sidebar.view { background-color: $dark_sidebar_bg; .view, row { background-color: transparent; color: $dark_sidebar_fg; &.image { color: transparentize($dark_sidebar_fg, 0.3); } &.cell:selected { background-color: $selected_bg_color; color: $selected_fg_color; } } &.frame { color: $dark_sidebar_fg; } .separator { color: transparent; } .scrollbar { @extend %dark_sidebar_scrollbar } } &.maximized .sidebar { background-color: opacify($dark_sidebar_bg, 1); } } NemoWindow.background > GtkGrid > GtkPaned > .pane-separator, MarlinViewWindow.background > GtkBox > GtkPaned > .pane-separator { background-color: $dark_sidebar_border } // Fix Nautilus transparency issues NautilusWindow NautilusWindowSlot { background-color: $base_color; } NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } GtkFileChooserDialog { &.background.csd, &.background { background-color: $dark_sidebar_bg } GtkPlacesSidebar.sidebar { background-color: transparent } // Yeah, this is ugly, but prevents a transparent background in the image preview box GtkPaned > .vertical > .horizontal { background-color: $bg_color; } // fix for non gnome environments .dialog-action-box { background-color: $bg_color } .dialog-vbox > .frame { color: $dark_sidebar_fg; border-color: transparent; } GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame { background-color: transparent; border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%)); } GtkFileChooserWidget > GtkActionBar > GtkRevealer > .action-bar.frame, .dialog-vbox > .frame { .button { @extend %dark_sidebar_button; } .entry { @extend %dark_sidebar_entry; } @extend %osd_check_radio; GtkLabel, GtkComboBox { color: $dark_sidebar_fg; } } } // // Paned Headerbars // FeedReaderreaderUI.background.csd, GeditWindow.background.csd { > .titlebar .pane-separator, &.maximized > .titlebar .pane-separator, > .titlebar .pane-separator:backdrop, &.maximized > .titlebar .pane-separator:backdrop { background-color: $header_border; } > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: $header_bg; &:backdrop { background-color: $header_bg_backdrop; } } &.maximized > .titlebar > GtkHeaderBar.header-bar.titlebar { background-color: opacify($header_bg, 1); &:backdrop { background-color: opacify($header_bg_backdrop, 1); } } } FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, GeditWindow.background.csd > .titlebar { background-color: transparent; } // Gedit GeditWindow.background { &.csd { background-color: transparent; } .gedit-side-panel-paned .pane-separator { background-color: $dark_sidebar_border; } .gedit-bottom-panel-paned .pane-separator { background-color: $borders_color; } } .gedit-bottom-panel-paned { background-color: $base_color; } .gedit-document-panel { background-color: $dark_sidebar_bg; .maximized & { background-color: opacify($dark_sidebar_bg, 1); } .list-row { color: $dark_sidebar_fg; } .list-row { background-color: transparentize($dark_sidebar_fg, 1); border: solid transparentize($dark_sidebar_fg, 1); border-width: 3px 2px 3px 2px; } .list-row:hover { border: solid transparentize($dark_sidebar_fg, 0.85); border-width: 3px 2px 3px 2px; background-color: transparentize($dark_sidebar_fg, 0.85); } .list-row:active { color: $selected_fg_color; background-color: $selected_bg_color; border: solid $selected_bg_color; border-width: 3px 2px 3px 2px; .button { color: $selected_fg_color; } } .list-row:selected, .list-row:selected:hover { color: $selected_fg_color; background-color: $selected_bg_color; border: solid $selected_bg_color; border-width: 3px 2px 3px 2px; } .prelight-row .button:active { color: $dark_sidebar_fg; } } GeditFileBrowserWidget { background-color: $dark_sidebar_bg; .maximized & { background-color: opacify($dark_sidebar_bg, 1); } .scrollbar { @extend %dark_sidebar_scrollbar; } .horizontal { background-color: transparent; border-color: darken($dark_sidebar_bg, 7%); .button { @extend %dark_sidebar_button; } GtkComboBox { color: $dark_sidebar_fg; } } } GeditWindow.background.csd GeditFileBrowserView.view { background-color: transparent; color: $dark_sidebar_fg; &.expander { color: $dark_sidebar_fg; &:hover { color: $selected_bg_color; } } } %dark_sidebar_button { @include button(osd); &:hover { @include button(osd-hover); } &:active, &:checked { @include button(osd-active); } &:insensitive { @include button(osd-insensitive); } } %dark_sidebar_entry { @include entry(osd); &:focus { @include entry(osd-focus); } &:insensitive { @include entry(osd-insensitive); } } %dark_sidebar_scrollbar { &.overlay-indicator:not(.dragging):not(.hovering) .slider { background-color: lighten($dark_sidebar_fg, 15%); border: 1px solid transparentize(black, 0.7); } // trough coloring .trough { background-color: transparentize(black, 0.8); border: none; } // slider coloring .slider { background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); &:hover { background-color: lighten($dark_sidebar_fg, 20%); } &:prelight:active { background-color: $selected_bg_color; } &:insensitive { background-color: transparent; } } } ================================================ FILE: common/gtk-3.0/3.18/sass/_unity.scss ================================================ // Decorations UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: $selected_bg_color; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; &.top { border: 1px solid if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9)); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, opacify($header_bg, 1)); color: $header_fg; // The foreground color will be used to paint the text box-shadow: inset 0 1px lighten($header_bg, 3%); &:backdrop { border-bottom-width: 0; //background-image: linear-gradient(to bottom, opacify($header_bg_backdrop, 1)); color: transparentize($header_fg, 0.3); } } &.left, &.right, &.bottom, &.left:backdrop, &.right:backdrop, &.bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9))); } } // Panel Style UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f); color: lighten($panel_fg, 20%); box-shadow: none; &:backdrop { color: lighten($panel_fg, 1%); } } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: $selected_fg_color; background-image: linear-gradient(to bottom, $selected_bg_color); border-bottom: none; } // Unity Greeter .lightdm.menu { background-image: none; background-color: transparentize(black, 0.6); border-color: transparentize(white, 0.2); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: lighten($header_bg, 8); border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: transparentize(white, 0.2); background-image: none; background-color: transparentize(black, 0.5); & > .menuitem { padding: 2px 6px; } } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: transparentize(black, 0.7); border-color: transparentize(white, 0.6); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focused, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focused { background-image: none; border-image: none; } .lightdm.button:focused, .lightdm.entry:focused { border-color: transparentize(white, 0.9); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: transparentize(white, 0.2); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; &.selected { background-color: transparentize(black, 0.3); border-width: 1px; } } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } ================================================ FILE: common/gtk-3.0/3.18/sass/gtk-dark.scss ================================================ $variant: 'dark'; $darker: 'false'; $transparency: 'true'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.18/sass/gtk-darker.scss ================================================ $variant: 'light'; $darker: 'true'; $transparency: 'true'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.18/sass/gtk-solid-dark.scss ================================================ $variant: 'dark'; $darker: 'false'; $transparency: 'false'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.18/sass/gtk-solid-darker.scss ================================================ $variant: 'light'; $darker: 'true'; $transparency: 'false'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.18/sass/gtk-solid.scss ================================================ $variant: 'light'; $darker: 'false'; $transparency: 'false'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.18/sass/gtk.scss ================================================ $variant: 'light'; $darker: 'false'; $transparency: 'true'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.20/assets.txt ================================================ checkbox-checked checkbox-checked-insensitive checkbox-unchecked checkbox-unchecked-insensitive checkbox-mixed checkbox-mixed-insensitive radio-checked radio-checked-insensitive radio-unchecked radio-unchecked-insensitive radio-mixed radio-mixed-insensitive checkbox-checked-selected checkbox-checked-insensitive-selected checkbox-unchecked-selected checkbox-unchecked-insensitive-selected checkbox-mixed-selected checkbox-mixed-insensitive-selected checkbox-checked-selectionmode checkbox-selectionmode radio-checked-selected radio-checked-insensitive-selected radio-unchecked-selected radio-unchecked-insensitive-selected radio-mixed-selected radio-mixed-insensitive-selected switch switch-active switch-insensitive switch-active-insensitive switch-header switch-active-header switch-insensitive-header switch-active-insensitive-header switch-selected switch-active-selected switch-insensitive-selected switch-active-insensitive-selected titlebutton-close titlebutton-close-backdrop titlebutton-close-hover titlebutton-close-active titlebutton-maximize titlebutton-maximize-backdrop titlebutton-maximize-hover titlebutton-maximize-active titlebutton-minimize titlebutton-minimize-backdrop titlebutton-minimize-hover titlebutton-minimize-active checkbox-checked-dark checkbox-checked-insensitive-dark checkbox-unchecked-dark checkbox-unchecked-insensitive-dark checkbox-mixed-dark checkbox-mixed-insensitive-dark checkbox-checked-selectionmode-dark checkbox-selectionmode-dark radio-checked-dark radio-checked-insensitive-dark radio-unchecked-dark radio-unchecked-insensitive-dark radio-mixed-dark radio-mixed-insensitive-dark switch-dark switch-active-dark switch-insensitive-dark switch-active-insensitive-dark switch-header-dark switch-active-header-dark switch-insensitive-header-dark switch-active-insensitive-header-dark titlebutton-close-dark titlebutton-close-backdrop-dark titlebutton-close-hover-dark titlebutton-close-active-dark titlebutton-maximize-dark titlebutton-maximize-backdrop-dark titlebutton-maximize-hover-dark titlebutton-maximize-active-dark titlebutton-minimize-dark titlebutton-minimize-backdrop-dark titlebutton-minimize-hover-dark titlebutton-minimize-active-dark ================================================ FILE: common/gtk-3.0/3.20/gtk-dark.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 2px; } .background { color: #D3DAE3; background-color: rgba(56, 60, 74, 0.999); } *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { background-color: #383C4A; color: #D3DAE3; } .gtkstyle-fallback:hover { background-color: #4e5467; color: #D3DAE3; } .gtkstyle-fallback:active { background-color: #22242d; color: #D3DAE3; } .gtkstyle-fallback:disabled { background-color: #3c4150; color: rgba(211, 218, 227, 0.45); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view, iconview, .view text, iconview text, textview text { color: #D3DAE3; background-color: #404552; } .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus { border-radius: 2px; } textview border { background-color: #3c414e; } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .rubberband { border: 1px solid #2679db; background-color: rgba(38, 121, 219, 0.2); } flowbox flowboxchild { padding: 3px; border-radius: 2px; } flowbox flowboxchild:selected { outline-offset: -2px; } label.separator, popover label.separator, popover.background label.separator { color: #D3DAE3; } label selection { color: #ffffff; background-color: #5294e2; } label:disabled { color: rgba(211, 218, 227, 0.45); } .dim-label, label.separator, popover label.separator, popover.background label.separator, headerbar .subtitle, .titlebar:not(headerbar) .subtitle { opacity: 0.55; } assistant .sidebar { background-color: #404552; border-top: 1px solid #2b2e39; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #5294e2; color: #ffffff; } textview { background-color: #404552; } popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.background.osd, popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { color: #BAC3CF; border: none; background-color: rgba(53, 57, 69, 0.95); background-clip: padding-box; box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } entry { min-height: 22px; border: 1px solid; padding: 2px 8px; caret-color: currentColor; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #D3DAE3; border-color: #2b2e39; background-color: #404552; } entry.search { border-radius: 20px; } entry image { color: #b6bcc6; } entry image.left { padding-left: 0; padding-right: 5px; } entry image.right { padding-right: 0; padding-left: 5px; } entry.flat, entry.flat:focus { min-height: 0; padding: 2px; background-image: none; border-color: transparent; border-radius: 0; } entry:focus { background-clip: border-box; color: #D3DAE3; border-color: #2b2e39; background-color: #404552; box-shadow: inset 1px 0 #5294e2, inset -1px 0 #5294e2, inset 0 1px #5294e2, inset 0 -1px #5294e2; } entry:disabled { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(64, 69, 82, 0.55); } entry.warning { color: white; border-color: #2b2e39; background-color: #ab6441; } entry.warning image { color: white; } entry.warning:focus { color: white; background-color: #F27835; box-shadow: none; } entry.warning selection, entry.warning selection:focus { background-color: white; color: #F27835; } entry.error { color: white; border-color: #2b2e39; background-color: #b14342; } entry.error image { color: white; } entry.error:focus { color: white; background-color: #FC4138; box-shadow: none; } entry.error selection, entry.error selection:focus { background-color: white; color: #FC4138; } entry.search-missing { color: white; border-color: #2b2e39; background-color: #b14342; } entry.search-missing image { color: white; } entry.search-missing:focus { color: white; background-color: #FC4138; box-shadow: none; } entry.search-missing selection, entry.search-missing selection:focus { background-color: white; color: #FC4138; } entry:drop(active):focus, entry:drop(active) { border-color: #F08437; box-shadow: none; } .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .osd entry image, .osd entry image:hover { color: inherit; } .osd entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-color: rgba(102, 109, 132, 0.2); } .osd entry selection:focus, .osd entry selection { color: #5294e2; background-color: #ffffff; } entry progress { margin: 0 -6px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #404552; } treeview entry.flat:focus, treeview entry:focus { border-color: #5294e2; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } button { min-height: 22px; min-width: 20px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 2px 6px; color: #D3DAE3; border-color: #2b2e39; background-color: #444a58; } button separator { margin: 4px 1px; } button.flat, button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; transition: none; } button.flat:hover, button.sidebar-button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } button.flat:hover:active, button.sidebar-button:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button:hover { color: #D3DAE3; border-color: #2b2e39; background-color: #505666; -gtk-icon-effect: highlight; } button:active, button:checked { color: #ffffff; border-color: #2b2e39; background-color: #5294e2; background-clip: padding-box; transition-duration: 50ms; } button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { color: inherit; opacity: 0.6; } button:active { color: #D3DAE3; } button:active:hover, button:checked { color: #ffffff; } button.flat:disabled, button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; } button:disabled { border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } button:disabled label, button:disabled { color: rgba(211, 218, 227, 0.45); } button:disabled:active, button:disabled:checked { border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { color: rgba(255, 255, 255, 0.8); } button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } button.text-button { padding-left: 12px; padding-right: 12px; } button.text-button.image-button { padding-left: 5px; padding-right: 5px; } button.text-button.image-button label:first-child { padding-left: 8px; padding-right: 2px; } button.text-button.image-button label:last-child { padding-right: 8px; padding-left: 2px; } button.text-button.image-button label:only-child { padding-left: 8px; padding-right: 8px; } button.text-button.image-button.popup { padding-right: 8px; padding-left: 8px; } button:drop(active), combobox:drop(active) button.combo { color: #F08437; border-color: #F08437; box-shadow: none; } button.osd { color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } button.osd.image-button { padding: 0; min-height: 36px; min-width: 36px; } button.osd:hover { color: #5294e2; } button.osd:active, button.osd:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } button.osd:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .osd button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd button:active, .osd button:checked { background-clip: padding-box; color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd button.flat, .osd button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd button.flat:hover, .osd button.sidebar-button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd button.flat:disabled, .osd button.sidebar-button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); background-image: none; } .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: none; } button.suggested-action { background-clip: border-box; color: white; background-color: #4DADD4; border-color: #4DADD4; } button.suggested-action.flat, button.suggested-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; } button.suggested-action:hover { background-clip: border-box; color: white; background-color: #76c0de; border-color: #76c0de; } button.suggested-action:active, button.suggested-action:checked { background-clip: border-box; color: white; background-color: #2e96c0; border-color: #2e96c0; } button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; color: rgba(211, 218, 227, 0.45); } button.suggested-action:disabled { border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } button.suggested-action:disabled label, button.suggested-action:disabled { color: rgba(211, 218, 227, 0.45); } button.destructive-action { background-clip: border-box; color: white; background-color: #F04A50; border-color: #F04A50; } button.destructive-action.flat, button.destructive-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; } button.destructive-action:hover { background-clip: border-box; color: white; background-color: #f4797e; border-color: #f4797e; } button.destructive-action:active, button.destructive-action:checked { background-clip: border-box; color: white; background-color: #ec1b22; border-color: #ec1b22; } button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; color: rgba(211, 218, 227, 0.45); } button.destructive-action:disabled { border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } button.destructive-action:disabled label, button.destructive-action:disabled { color: rgba(211, 218, 227, 0.45); } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { background-position: left 3px, left 2px; } button.font separator, button.file separator { background-color: transparent; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar toolbutton > button { color: #D3DAE3; border-color: #2b2e39; background-color: #444a58; } .inline-toolbar toolbutton > button:hover { color: #D3DAE3; border-color: #2b2e39; background-color: #505666; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #ffffff; border-color: #2b2e39; background-color: #5294e2; } .inline-toolbar toolbutton > button:disabled { border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { color: rgba(211, 218, 227, 0.45); } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { color: rgba(255, 255, 255, 0.8); } .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(43, 46, 57, 0.3); } .linked:not(.vertical):not(.path-bar) > entry.error + entry, .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: rgba(43, 46, 57, 0.3); } .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: rgba(43, 46, 57, 0.3); } .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { border-left-color: rgba(43, 46, 57, 0.3); } .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > button:active + entry, .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > button + button { border-left-style: none; } .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 1px 0 #2b2e39; } .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } .linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { box-shadow: none; } .linked:not(.vertical).path-bar > button + button { border-left-style: none; } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5), inset -1px 0 rgba(43, 46, 57, 0.5); } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(43, 46, 57, 0.5); } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } .linked.vertical > entry + entry { border-top-color: rgba(43, 46, 57, 0.3); } .linked.vertical > entry.error + entry, .linked.vertical > entry + entry.error { border-top-color: rgba(43, 46, 57, 0.3); } .linked.vertical > entry.warning + entry, .linked.vertical > entry + entry.warning { border-top-color: rgba(43, 46, 57, 0.3); } .linked.vertical > entry.error + entry.warning, .linked.vertical > entry.warning + entry.error { border-top-color: rgba(43, 46, 57, 0.3); } .linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > entry + entry:focus:last-child { border-top-color: #2b2e39; } .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #2b2e39; } .linked.vertical > entry + entry:drop(active):not(:last-child), .linked.vertical > entry + entry:drop(active):last-child { border-top-color: #2b2e39; } .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #2b2e39; } .linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > entry + entry.warning:focus:last-child { border-top-color: #2b2e39; } .linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + button, .linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #2b2e39; } .linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > entry + entry.error:focus:last-child { border-top-color: #2b2e39; } .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, .linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #2b2e39; } .linked.vertical > button:active + entry, .linked.vertical > button:checked + entry { border-top-color: #2b2e39; } .linked.vertical > button + button { border-top-style: none; } .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 0 1px #2b2e39; } .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { box-shadow: inset 0 1px rgba(43, 46, 57, 0.5); } .linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { box-shadow: none; } toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, .linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl) { border-radius: 0; border-right-style: none; } .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { border-radius: 0; border-bottom-style: none; } .linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } .linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, calendar.button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } menuitem.button.flat, modelbutton.flat { transition: none; min-height: 24px; padding-left: 8px; padding-right: 8px; outline-offset: -3px; border-radius: 2px; } menuitem.button.flat:hover, modelbutton.flat:hover { background-color: #484c59; } menuitem.button.flat:checked, modelbutton.flat:checked { color: #D3DAE3; } menuitem.button.flat check:last-child, menuitem.button.flat radio:last-child, modelbutton.flat check:last-child, modelbutton.flat radio:last-child { margin-left: 8px; } menuitem.button.flat check:first-child, menuitem.button.flat radio:first-child, modelbutton.flat check:first-child, modelbutton.flat radio:first-child { margin-right: 8px; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } *:link, button:link, button:visited { color: #a9caf1; } *:link:visited, button:visited { color: #7eafe9; } *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { color: #bad4f3; } *:link:hover, button:hover:link, button:hover:visited { color: #d5e5f8; } *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { color: #eef4fc; } *:link:active, button:active:link, button:active:visited { color: #a9caf1; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #dceaf9; } infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #dceaf9; } button:link > label, button:visited > label { text-decoration-line: underline; } spinbutton:drop(active) { box-shadow: none; } spinbutton button:active { color: #ffffff; } spinbutton:disabled { color: rgba(211, 218, 227, 0.45); } spinbutton:not(.vertical) entry { min-width: 28px; } spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { border-radius: 3px 0 0 3px; } spinbutton:not(.vertical) > button + button { border-left-style: none; } spinbutton:not(.vertical) > button:hover:not(:active), spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 #2b2e39; } spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } spinbutton:not(.vertical) > button:first-child:hover:not(:active), spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } spinbutton:not(.vertical) > entry:focus + button { border-left-color: #2b2e39; } spinbutton:not(.vertical) > entry:drop(active) + button { border-left-color: #F08437; } .osd spinbutton:not(.vertical) > button:hover:not(:active), .osd spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 rgba(26, 28, 34, 0.35); } .osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), .osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), .osd spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } .osd spinbutton:not(.vertical) > entry:focus + button { border-left-color: rgba(26, 28, 34, 0.35); } spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; padding-right: 4px; min-width: 0; } spinbutton.vertical button.up { border-radius: 3px 3px 0 0; } spinbutton.vertical > entry:focus + button { border-top-color: #2b2e39; } spinbutton.vertical > entry:drop(active) + button { border-top-color: #F08437; } combobox button.combo { min-width: 0; padding-left: 8px; padding-right: 8px; } combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #383C4A; } toolbar separator, .inline-toolbar separator { background: none; } toolbar.horizontal separator, .horizontal.inline-toolbar separator { margin: 0 6px; } toolbar.vertical separator, .vertical.inline-toolbar separator { margin: 6px 0; } .osd toolbar, .osd .inline-toolbar { background-color: transparent; } toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.85); } toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { border-radius: 0; } toolbar.osd.top, .osd.top.inline-toolbar { border-width: 0 0 1px 0; } toolbar.osd.bottom, .osd.bottom.inline-toolbar { border-width: 1px 0 0 0; } toolbar.osd.left, .osd.left.inline-toolbar { border-width: 0 1px 0 0; } toolbar.osd.right, .osd.right.inline-toolbar { border-width: 0 0 0 1px; } toolbar:not(.inline-toolbar) switch, .inline-toolbar:not(.inline-toolbar) switch, toolbar:not(.inline-toolbar) scale, .inline-toolbar:not(.inline-toolbar) scale, toolbar:not(.inline-toolbar) entry, .inline-toolbar:not(.inline-toolbar) entry, toolbar:not(.inline-toolbar) spinbutton, .inline-toolbar:not(.inline-toolbar) spinbutton, toolbar:not(.inline-toolbar) button, .inline-toolbar:not(.inline-toolbar) button { margin-right: 1px; margin-bottom: 1px; } toolbar:not(.inline-toolbar) .linked > button, .inline-toolbar:not(.inline-toolbar) .linked > button, toolbar:not(.inline-toolbar) .linked > entry, .inline-toolbar:not(.inline-toolbar) .linked > entry { margin-right: 0; } .primary-toolbar:not(.libreoffice-toolbar) { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #2f343f, rgba(32, 35, 43, 0.97)) 1 0 1 0; } .inline-toolbar { background-color: #313541; border-style: solid; border-color: #2b2e39; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } searchbar { background-color: #383C4A; border-style: solid; border-color: #2b2e39; border-width: 0 0 1px; padding: 3px; } actionbar { padding: 6px; border-top: 1px solid #2b2e39; background-color: #313541; } headerbar, .titlebar:not(headerbar) { min-height: 42px; padding: 0 7px; border-width: 0 0 1px; border-style: solid; border-color: #262a33; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } .csd headerbar, .csd .titlebar:not(headerbar) { background-color: rgba(47, 52, 63, 0.97); border-color: rgba(38, 42, 51, 0.97); } headerbar:backdrop, .titlebar:backdrop:not(headerbar) { transition: 200ms ease-out; color: rgba(207, 218, 231, 0.5); background-color: #323843; } .csd headerbar:backdrop, .csd .titlebar:backdrop:not(headerbar) { background-color: rgba(50, 56, 67, 0.97); } headerbar .title, .titlebar:not(headerbar) .title { padding-left: 12px; padding-right: 12px; } headerbar .subtitle, .titlebar:not(headerbar) .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } headerbar.selection-mode, .selection-mode.titlebar:not(headerbar) { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } headerbar.selection-mode:backdrop, .selection-mode.titlebar:backdrop:not(headerbar) { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } headerbar.selection-mode .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } headerbar.selection-mode .selection-menu GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } headerbar.selection-mode .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized headerbar.selection-mode, .maximized .selection-mode.titlebar:not(headerbar) { background-color: #5294e2; } .tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop, .tiled .titlebar:not(headerbar), .tiled .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar) { border-radius: 0; } .maximized headerbar, .maximized .titlebar:not(headerbar) { background-color: #2f343f; border-color: #262a33; } .maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar) { background-color: #323843; } headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop, .default-decoration.titlebar:not(headerbar), .csd .default-decoration.titlebar:not(headerbar), .default-decoration.titlebar:backdrop:not(headerbar), .csd .default-decoration.titlebar:backdrop:not(headerbar) { min-height: 28px; padding: 0 3px; background-color: #2f343f; border-bottom-width: 0; } .maximized headerbar.default-decoration, .maximized .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized .csd headerbar.default-decoration:backdrop, .maximized .default-decoration.titlebar:not(headerbar), .maximized .csd .default-decoration.titlebar:not(headerbar), .maximized .default-decoration.titlebar:backdrop:not(headerbar), .maximized .csd .default-decoration.titlebar:backdrop:not(headerbar) { background-color: #2f343f; } .titlebar { border-radius: 3px 3px 0 0; } headerbar entry, headerbar button, headerbar separator { margin-top: 6px; margin-bottom: 6px; } separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { border-top-left-radius: 3px; } .maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop { border-radius: 0; } headerbar:last-child, headerbar:last-child:backdrop { border-top-right-radius: 3px; } .maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { border-radius: 0; } window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { padding: 0; background: none; border: none; box-shadow: none; } .titlebar:not(headerbar) > separator { background-image: linear-gradient(to bottom, rgba(38, 42, 51, 0.97), rgba(38, 42, 51, 0.97)); } .primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { min-width: 1px; min-height: 1px; background: none; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { opacity: 0.6; } .primary-toolbar entry, headerbar entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { color: inherit; } .primary-toolbar entry:backdrop, headerbar entry:backdrop { opacity: 0.85; } .primary-toolbar entry:focus, headerbar entry:focus { color: #ffffff; border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar entry:focus image, headerbar entry:focus image { color: #ffffff; } .primary-toolbar entry:disabled, headerbar entry:disabled { color: rgba(207, 218, 231, 0.35); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.22); } .primary-toolbar entry selection:focus, headerbar entry selection:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar entry progress, headerbar entry progress { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar entry.warning, headerbar entry.warning { color: white; border-color: rgba(21, 23, 28, 0.37); background-color: rgba(167, 94, 57, 0.988); } .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { color: white; background-color: #F27835; } .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { background-color: white; color: #F27835; } .primary-toolbar entry.error, headerbar entry.error { color: white; border-color: rgba(21, 23, 28, 0.37); background-color: rgba(173, 60, 59, 0.988); } .primary-toolbar entry.error:focus, headerbar entry.error:focus { color: white; background-color: #FC4138; } .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { background-color: white; color: #FC4138; } .primary-toolbar button, headerbar button { color: rgba(207, 218, 231, 0.8); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar button:backdrop, headerbar button:backdrop { opacity: 0.7; } .primary-toolbar button:hover, headerbar button:hover { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar button:disabled, headerbar button:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { color: rgba(207, 218, 231, 0.35); } .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .selection-mode.primary-toolbar button, headerbar.selection-mode button, .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.flat, .selection-mode.primary-toolbar button.sidebar-button, headerbar.selection-mode button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child) { margin-right: 1px; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { border-radius: 3px; border-style: solid; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { box-shadow: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { background-color: rgba(134, 144, 165, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { color: rgba(207, 218, 231, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { border-left-style: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:active + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar button.suggested-action, headerbar button.suggested-action { background-clip: border-box; color: white; background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; } .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { background-clip: border-box; color: white; background-color: #76c0de; border-color: #76c0de; } .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { background-clip: border-box; color: white; background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { color: rgba(207, 218, 231, 0.35); } .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar button.destructive-action, headerbar button.destructive-action { background-clip: border-box; color: white; background-color: #F04A50; border-color: #F04A50; } .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; } .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { background-clip: border-box; color: white; background-color: #f4797e; border-color: #f4797e; } .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { background-clip: border-box; color: white; background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { color: rgba(207, 218, 231, 0.35); } .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { color: #ffffff; caret-color: #ffffff; } .primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { background-color: rgba(134, 144, 165, 0.37); } .primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; } .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { color: rgba(207, 218, 231, 0.4); } .primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { border-left-style: none; } .primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), headerbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), .primary-toolbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled, headerbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } .primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar combobox:disabled, headerbar combobox:disabled { color: rgba(207, 218, 231, 0.2); } .primary-toolbar combobox > .linked > button.combo, headerbar combobox > .linked > button.combo { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image, .primary-toolbar combobox > .linked > button.combo image:hover, headerbar combobox > .linked > button.combo image:hover { color: inherit; } .primary-toolbar combobox > .linked > button.combo:hover, headerbar combobox > .linked > button.combo:hover { color: #ffffff; border-color: transparent; background-color: #5294e2; box-shadow: none; } .primary-toolbar combobox > .linked > button.combo:disabled, headerbar combobox > .linked > button.combo:disabled { color: rgba(207, 218, 231, 0.35); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.22); } .primary-toolbar combobox > .linked > entry.combo:dir(ltr), headerbar combobox > .linked > entry.combo:dir(ltr) { border-right-style: none; } .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus, headerbar combobox > .linked > entry.combo:dir(ltr):focus { box-shadow: none; } .primary-toolbar combobox > .linked > entry.combo:dir(rtl), headerbar combobox > .linked > entry.combo:dir(rtl) { border-left-style: none; } .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus, headerbar combobox > .linked > entry.combo:dir(rtl):focus { box-shadow: none; } .primary-toolbar combobox > .linked > button.combo:dir(ltr), headerbar combobox > .linked > button.combo:dir(ltr), .primary-toolbar combobox > .linked > button.combo:dir(ltr):hover, headerbar combobox > .linked > button.combo:dir(ltr):hover, .primary-toolbar combobox > .linked > button.combo:dir(ltr):active, headerbar combobox > .linked > button.combo:dir(ltr):active, .primary-toolbar combobox > .linked > button.combo:dir(ltr):checked, headerbar combobox > .linked > button.combo:dir(ltr):checked, .primary-toolbar combobox > .linked > button.combo:dir(ltr):disabled, headerbar combobox > .linked > button.combo:dir(ltr):disabled { border-top-left-radius: 0; border-bottom-left-radius: 0; } .primary-toolbar combobox > .linked > button.combo:dir(rtl), headerbar combobox > .linked > button.combo:dir(rtl), .primary-toolbar combobox > .linked > button.combo:dir(rtl):hover, headerbar combobox > .linked > button.combo:dir(rtl):hover, .primary-toolbar combobox > .linked > button.combo:dir(rtl):active, headerbar combobox > .linked > button.combo:dir(rtl):active, .primary-toolbar combobox > .linked > button.combo:dir(rtl):checked, headerbar combobox > .linked > button.combo:dir(rtl):checked, .primary-toolbar combobox > .linked > button.combo:dir(rtl):disabled, headerbar combobox > .linked > button.combo:dir(rtl):disabled { border-top-right-radius: 0; border-bottom-right-radius: 0; } .primary-toolbar switch:backdrop, headerbar switch:backdrop { opacity: 0.75; } .primary-toolbar progressbar trough, headerbar progressbar trough { background-color: rgba(21, 23, 28, 0.37); } .primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { opacity: 0.75; } .primary-toolbar scale:backdrop, headerbar scale:backdrop { opacity: 0.75; } .primary-toolbar scale slider, headerbar scale slider { background-color: #454c5c; border-color: rgba(21, 23, 28, 0.67); } .primary-toolbar scale slider:hover, headerbar scale slider:hover { background-color: #50586b; border-color: rgba(21, 23, 28, 0.67); } .primary-toolbar scale slider:active, headerbar scale slider:active { background-color: #5294e2; border-color: #5294e2; } .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { background-color: rgba(63, 69, 84, 0.991); border-color: rgba(21, 23, 28, 0.67); } .primary-toolbar scale trough, headerbar scale trough { background-color: rgba(21, 23, 28, 0.37); } .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { background-color: rgba(21, 23, 28, 0.27); } .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 6px; padding-right: 6px; } .path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; } .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 10px; } .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 10px; } .path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { padding-left: 1px; padding-right: 1px; } .path-bar button image { padding-left: 4px; padding-right: 4px; } treeview.view { border-left-color: rgba(211, 218, 227, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view acceleditor > label { background-color: #5294e2; } treeview.view:selected, treeview.view:selected:focus { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(211, 218, 227, 0.1); } treeview.view:disabled { color: rgba(211, 218, 227, 0.45); } treeview.view:disabled:selected { color: #97bfee; } treeview.view.separator { min-height: 2px; color: rgba(0, 0, 0, 0.1); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #93b7e3; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #8a909b; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { color: #D3DAE3; } treeview.view.expander:selected { color: #cbdff6; } treeview.view.expander:selected:hover { color: #ffffff; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.progressbar, treeview.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-color: #5294e2; } treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-color: #ffffff; } treeview.view.trough { color: #D3DAE3; background-color: #2b2e39; border-radius: 3px; border-width: 0; } treeview.view.trough:selected, treeview.view.trough:selected:focus { color: #ffffff; background-color: rgba(0, 0, 0, 0.2); border-radius: 3px; border-width: 0; } treeview.view header button { min-height: 0; min-width: 0; padding: 3px 6px; font-weight: bold; color: #b6bcc6; background-color: #404552; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, #404552 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #404552 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header button:hover { color: #5294e2; } treeview.view header button:active { color: #D3DAE3; } treeview.view header button:active, treeview.view header button:hover { background-color: #404552; } treeview.view header button:active:hover { color: #D3DAE3; } treeview.view header button:disabled { border-color: #383C4A; background-image: none; } treeview.view header button:last-child { border-right-style: none; border-image: none; } treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, treeview.view header.button.dnd, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd:active { padding: 0 6px; transition: none; color: #ffffff; background-color: #5294e2; border-radius: 0; border-style: none; } menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #2f343f; color: rgba(207, 218, 231, 0.8); } menubar:backdrop, .menubar:backdrop { color: rgba(207, 218, 231, 0.5); } menubar > menuitem, .menubar > menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } menubar > menuitem:hover, .menubar > menuitem:hover { background-color: #5294e2; color: #ffffff; } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: rgba(207, 218, 231, 0.2); border-color: transparent; } menu, .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #383C4A; border: 1px solid #2b2e39; } .csd menu, .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } menu separator, .csd menu separator, .menu separator, .csd .menu separator { margin: 2px 0; background-color: #383C4A; } menu .separator:not(label), .csd menu .separator:not(label), .menu .separator:not(label), .csd .menu .separator:not(label) { color: #383C4A; } menu menuitem, .menu menuitem { min-height: 16px; min-width: 40px; padding: 5px; } menu menuitem:hover, .menu menuitem:hover { color: #ffffff; background-color: #5294e2; } menu menuitem:disabled, .menu menuitem:disabled { color: rgba(211, 218, 227, 0.45); } menu menuitem arrow, .menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } menuitem accelerator { color: alpha(currentColor,0.55); } menuitem check, menuitem radio { min-height: 16px; min-width: 16px; } menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 6px; margin-left: 2px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 6px; margin-right: 2px; } menu > arrow, .menu > arrow { border-color: transparent; background-color: transparent; background-image: none; min-width: 16px; min-height: 16px; padding: 4px; background-color: #383C4A; border-radius: 0; } menu > arrow.top, .menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #4f5461; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom { margin-bottom: -6px; border-top: 1px solid #4f5461; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover { background-color: #4f5461; } menu > arrow:disabled, .menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } popover, popover.background { padding: 2px; border-radius: 3px; background-clip: border-box; background-color: #383C4A; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.35); } .csd popover, popover, .csd popover.background, popover.background { border: 1px solid #20222a; } popover separator, popover.background separator { background-color: #383C4A; } popover > list, popover > .view, popover > iconview, popover > toolbar, popover > .inline-toolbar, popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar, popover.background > .inline-toolbar { border-style: none; background-color: transparent; } cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } notebook { padding: 0; } notebook.frame { border: 1px solid #2b2e39; } notebook.frame > header { margin: -1px; } notebook.frame > header.top { margin-bottom: 0; } notebook.frame > header.bottom { margin-top: 0; } notebook.frame > header.left { margin-right: 0; } notebook.frame > header.right { margin-left: 0; } notebook.frame > header.top, notebook.frame > header.bottom { padding-left: 0; padding-right: 0; } notebook.frame > header.left, notebook.frame > header.right { padding-top: 0; padding-bottom: 0; } notebook > stack:not(:only-child) { background-color: #404552; } notebook > header { padding: 2px; background-color: #383C4A; } notebook > header.top { box-shadow: inset 0 -1px #2b2e39; } notebook > header.bottom { box-shadow: inset 0 1px #2b2e39; } notebook > header.right { box-shadow: inset 1px 0 #2b2e39; } notebook > header.left { box-shadow: inset -1px 0 #2b2e39; } notebook > header.top { padding-bottom: 0; } notebook > header.top > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-bottom: none; border-radius: 1px 1px 0 0; } notebook > header.top > tabs > tab + tab { margin-left: -1px; } notebook > header.bottom { padding-top: 0; } notebook > header.bottom > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-top: none; border-radius: 0 0 1px 1px; } notebook > header.bottom > tabs > tab + tab { margin-left: -1px; } notebook > header.right { padding-left: 0; } notebook > header.right > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-left: none; border-radius: 0 1px 1px 0; } notebook > header.right > tabs > tab + tab { margin-top: -1px; } notebook > header.left { padding-right: 0; } notebook > header.left > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-right: none; border-radius: 1px 0 0 1px; } notebook > header.left > tabs > tab + tab { margin-top: -1px; } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { margin-left: 2px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { margin-right: 2px; } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { margin-top: 2px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { margin-bottom: 2px; } notebook > header > tabs > arrow { color: rgba(211, 218, 227, 0.45); } notebook > header > tabs > arrow:hover { color: rgba(211, 218, 227, 0.725); } notebook > header > tabs > arrow:active { color: #D3DAE3; } notebook > header > tabs > arrow:disabled { color: rgba(211, 218, 227, 0.15); } notebook > header.top > tabs > tab:hover:not(:checked) { box-shadow: inset 0 -1px #2b2e39; } notebook > header.bottom > tabs > tab:hover:not(:checked) { box-shadow: inset 0 1px #2b2e39; } notebook > header.left > tabs > tab:hover:not(:checked) { box-shadow: inset -1px 0 #2b2e39; } notebook > header.right > tabs > tab:hover:not(:checked) { box-shadow: inset 1px 0 #2b2e39; } notebook > header > tabs > tab { color: rgba(211, 218, 227, 0.45); background-color: rgba(64, 69, 82, 0); } notebook > header > tabs > tab:hover:not(:checked) { color: rgba(211, 218, 227, 0.725); background-color: rgba(64, 69, 82, 0.5); border-color: #2b2e39; } notebook > header > tabs > tab:checked { color: #D3DAE3; background-color: #404552; border-color: #2b2e39; } notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { min-height: 22px; min-width: 16px; padding: 0; color: #9da3ad; } notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { color: #ff4d4d; } notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { color: #5294e2; } scrollbar { background-color: #3e434f; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid #2b2e39; } scrollbar.bottom { border-top: 1px solid #2b2e39; } scrollbar.left { border-right: 1px solid #2b2e39; } scrollbar.right { border-left: 1px solid #2b2e39; } scrollbar button { border: none; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #767b87; } scrollbar slider:hover { background-color: #676b78; } scrollbar slider:hover:active { background-color: #5294e2; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { min-width: 4px; min-height: 4px; } scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; } scrollbar.fine-tune.vertical slider { border-width: 4px 5px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 4px; min-height: 4px; background-color: #a5abb5; border: 1px solid rgba(0, 0, 0, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.99; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } switch { font-size: 1px; min-width: 52px; min-height: 24px; background-size: 52px 24px; background-repeat: no-repeat; background-position: center center; } switch slider { min-width: 1px; min-height: 1px; } switch, switch slider { outline-color: transparent; color: transparent; border: none; box-shadow: none; } switch { background-image: -gtk-scaled(url("assets/switch-dark.png"), url("assets/switch-dark@2.png")); } menuitem:hover switch, row:selected switch, infobar switch { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } headerbar switch, .primary-toolbar switch { background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } switch:checked { background-image: -gtk-scaled(url("assets/switch-active-dark.png"), url("assets/switch-active-dark@2.png")); } menuitem:hover switch:checked, row:selected switch:checked, infobar switch:checked { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } headerbar switch:checked, .primary-toolbar switch:checked { background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } switch:disabled { background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); } menuitem:hover switch:disabled, row:selected switch:disabled, infobar switch:disabled { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } headerbar switch:disabled, .primary-toolbar switch:disabled { background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } switch:checked:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-dark.png"), url("assets/switch-active-insensitive-dark@2.png")); } menuitem:hover switch:checked:disabled, row:selected switch:checked:disabled, infobar switch:checked:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } headerbar switch:checked:disabled, .primary-toolbar switch:checked:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } .check, check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .osd check, filechooser actionbar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } menuitem check:hover, .view check:selected, iconview check:selected, treeview.check:selected, row:selected check, infobar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:disabled, check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .osd check:disabled, filechooser actionbar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } menuitem check:disabled:hover, .view check:disabled:selected, iconview check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, infobar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:indeterminate, check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .osd check:indeterminate, filechooser actionbar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } menuitem check:indeterminate:hover, .view check:indeterminate:selected, iconview check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, infobar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:indeterminate:disabled, check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .osd check:indeterminate:disabled, filechooser actionbar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } menuitem check:indeterminate:disabled:hover, .view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, infobar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked, check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .osd check:checked, filechooser actionbar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } menuitem check:checked:hover, .view check:checked:selected, iconview check:checked:selected, treeview.check:checked:selected, row:selected check:checked, infobar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:disabled, check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .osd check:checked:disabled, filechooser actionbar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } menuitem check:checked:disabled:hover, .view check:checked:disabled:selected, iconview check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, infobar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio, radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .osd radio, filechooser actionbar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } menuitem radio:hover, .view radio:selected, iconview radio:selected, treeview.radio:selected, row:selected radio, infobar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:disabled, radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .osd radio:disabled, filechooser actionbar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } menuitem radio:disabled:hover, .view radio:disabled:selected, iconview radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, infobar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:indeterminate, radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .osd radio:indeterminate, filechooser actionbar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } menuitem radio:indeterminate:hover, .view radio:indeterminate:selected, iconview radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, infobar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:indeterminate:disabled, radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .osd radio:indeterminate:disabled, filechooser actionbar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } menuitem radio:indeterminate:disabled:hover, .view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, infobar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked, radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .osd radio:checked, filechooser actionbar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } menuitem radio:checked:hover, .view radio:checked:selected, iconview radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, infobar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:disabled, radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .osd radio:checked:disabled, filechooser actionbar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } menuitem radio:checked:disabled:hover, .view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, infobar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } .view.content-view.check:not(list), iconview.content-view.check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); background-color: transparent; } .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); background-color: transparent; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { margin-left: 4px; } checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { margin-right: 4px; } check, radio { min-width: 16px; min-height: 16px; margin: 0 2px; } check:only-child, menu menuitem check, radio:only-child, menu menuitem radio { margin: 0; } scale { min-height: 15px; min-width: 15px; padding: 3px; } scale.horizontal trough { padding: 0 4px; } scale.horizontal highlight, scale.horizontal fill { margin: 0 -4px; } scale.vertical trough { padding: 4px 0; } scale.vertical highlight, scale.vertical fill { margin: -4px 0; } scale slider { min-height: 15px; min-width: 15px; margin: -6px; } scale.fine-tune slider { margin: -4px; } scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 5px; -gtk-outline-radius: 7px; } scale trough { outline-offset: 2px; -gtk-outline-radius: 4.5px; border-radius: 2.5px; background-color: #2d303b; } scale trough:disabled { background-color: rgba(45, 48, 59, 0.55); } .osd scale trough { background-color: rgba(69, 74, 89, 0.95); } .osd scale trough highlight { background-color: #5294e2; } menuitem:hover scale trough, row:selected scale trough, infobar scale trough { background-color: rgba(0, 0, 0, 0.2); } menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { background-color: #ffffff; } menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { background-color: #b1cff2; } menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { background-color: rgba(0, 0, 0, 0.1); } scale highlight { border-radius: 2.5px; background-color: #5294e2; } scale highlight:disabled { background-color: rgba(82, 148, 226, 0.55); } scale fill { border-radius: 2.5px; background-color: rgba(82, 148, 226, 0.5); } scale fill:disabled { background-color: transparent; } scale slider { background-color: #444a58; border: 1px solid #262933; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border; } scale slider:hover { background-color: #505666; } scale slider:active { background-clip: border-box; background-color: #5294e2; border-color: #5294e2; } scale slider:disabled { background-color: #3c414e; border-color: rgba(38, 41, 51, 0.8); } menuitem:hover scale slider, row:selected scale slider, infobar scale slider { background-clip: border-box; background-color: #ffffff; border-color: #ffffff; } menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { background-color: #e5effb; border-color: #e5effb; } menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { background-color: #a9caf1; border-color: #a9caf1; } menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { background-color: #b1cff2; border-color: #b1cff2; } .osd scale slider { background-clip: border-box; background-color: #5294e2; border-color: #5294e2; } .osd scale slider:hover { background-color: #7eafe9; border-color: #7eafe9; } .osd scale slider:active { background-color: #2679db; border-color: #2679db; } scale value { color: alpha(currentColor,0.4); } scale marks { color: alpha(currentColor,0.4); } scale marks.top { margin-bottom: 1px; margin-top: -4px; } scale marks.bottom { margin-top: 1px; margin-bottom: -4px; } scale marks.top { margin-right: 1px; margin-left: -4px; } scale marks.bottom { margin-left: 1px; margin-right: -4px; } scale.fine-tune marks.top { margin-bottom: 0px; margin-top: -2px; } scale.fine-tune marks.bottom { margin-top: 0px; margin-bottom: -2px; } scale.fine-tune marks.top { margin-right: 0px; margin-left: -2px; } scale.fine-tune marks.bottom { margin-left: 0px; margin-right: -2px; } scale.horizontal indicator { min-height: 3px; min-width: 1px; } scale.horizontal.fine-tune indicator { min-height: 2px; } scale.vertical indicator { min-height: 1px; min-width: 3px; } scale.vertical.fine-tune indicator { min-width: 2px; } progressbar { padding: 0; font-size: smaller; color: rgba(211, 218, 227, 0.7); } progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } progressbar.osd trough { border-style: none; background-color: transparent; box-shadow: none; } progressbar progress { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } row:selected progressbar progress, infobar progressbar progress { background-color: #ffffff; } progressbar trough { border: none; border-radius: 3px; background-color: #2d303b; } row:selected progressbar trough, infobar progressbar trough { background-color: rgba(0, 0, 0, 0.2); } levelbar block { min-width: 32px; min-height: 1px; } levelbar.vertical block { min-width: 1px; min-height: 32px; } levelbar trough { border: none; padding: 3px; border-radius: 3px; background-color: #2d303b; } levelbar.horizontal.discrete block { margin: 0 1px; } levelbar.vertical.discrete block { margin: 1px 0; } levelbar block:not(.empty) { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } levelbar block.low { border-color: #F27835; background-color: #F27835; } levelbar block.high { border-color: #5294e2; background-color: #5294e2; } levelbar block.full { border-color: #73d216; background-color: #73d216; } levelbar block.empty { background-color: #404552; border-color: #404552; } printdialog paper { border: 1px solid #2b2e39; background: #404552; padding: 0; } printdialog .dialog-action-box { margin: 12px; } frame > border, .frame { margin: 0; padding: 0; border-radius: 0; border: 1px solid #2b2e39; } frame.flat > border, frame > border.flat, .frame.flat { border-style: none; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; border: none; } scrolledwindow undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; border: none; } scrolledwindow undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; border: none; } scrolledwindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; border: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #3e434f; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator { background-color: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } list { background-color: #404552; border-color: #2b2e39; } list row { padding: 2px; } row:not(:hover) { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(255, 255, 255, 0.03); } row.activatable:active { color: #D3DAE3; } row.activatable:disabled { color: rgba(211, 218, 227, 0.45); } row.activatable:disabled image { color: inherit; } row.activatable:selected:active { color: #ffffff; } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #4a85cb; } .app-notification { padding: 10px; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: rgba(31, 33, 40, 0.95); } .app-notification border { border: none; } .app-notification button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .app-notification button.flat, .app-notification button.sidebar-button { border-color: rgba(82, 148, 226, 0); } .app-notification button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .app-notification button:active, .app-notification button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; background-clip: padding-box; } .app-notification button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } expander arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander arrow:hover { color: white; } expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } calendar { color: #D3DAE3; border: 1px solid #2b2e39; border-radius: 3px; padding: 2px; } calendar:selected { border-radius: 1.5px; } calendar.header { color: #D3DAE3; border: none; } calendar.button { color: rgba(211, 218, 227, 0.45); } calendar.button:hover { color: #D3DAE3; } calendar.button:disabled { color: rgba(211, 218, 227, 0.45); } calendar:indeterminate { color: alpha(currentColor,0.55); } calendar.highlight { color: #D3DAE3; } messagedialog .titlebar { min-height: 20px; background-color: rgba(47, 52, 63, 0.97); border-bottom: 1px solid rgba(32, 35, 43, 0.97); } messagedialog .dialog-action-area button { padding: 8px; min-height: 0; } messagedialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } messagedialog.csd .dialog-action-area button { border-bottom-style: none; } messagedialog.csd .dialog-action-area button { border-radius: 0; border-right-style: none; } messagedialog.csd .dialog-action-area button:last-child { border-radius: 0 0 3px 0; border-right-style: none; } messagedialog.csd .dialog-action-area button:first-child { border-radius: 0 0 0 3px; border-left-style: none; } messagedialog.csd .dialog-action-area button:only-child { border-radius: 0 0 3px 3px; border-left-style: none; border-right-style: none; } filechooser #pathbarbox { border-bottom: 1px solid rgba(43, 46, 57, 0.5); } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } .sidebar { border-style: none; background-color: #3c4150; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: 1px solid #2b2e39; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid #2b2e39; border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } placessidebar > viewport.frame { border-style: none; } placessidebar row { min-height: 30px; padding: 0px; } placessidebar row > revealer { padding: 0 10px; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-width: 22px; min-height: 22px; margin-top: 2px; margin-bottom: 2px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: linear-gradient(to bottom, #F08437, #F08437); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #5294e2; } placessidebar row:drop(active):not(:disabled) { box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { color: #F08437; } placessidebar row:drop(active):not(:disabled):selected { background-color: #F08437; } placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { color: #ffffff; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: linear-gradient(to bottom, #2b2e39, #2b2e39); background-size: 1px 1px; } paned > separator:selected { background-image: linear-gradient(to bottom, #5294e2, #5294e2); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #383C4A; background-image: linear-gradient(to bottom, #2b2e39, #2b2e39), linear-gradient(to bottom, #2b2e39, #2b2e39); background-size: 1px 1px, 1px 1px; } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } infobar { border-style: none; } infobar.info, infobar.question, infobar.warning, infobar.error { background-color: #5294e2; color: #ffffff; caret-color: currentColor; } infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { color: #5294e2; background-color: #ffffff; } .selection-mode.primary-toolbar button:hover, headerbar.selection-mode button:hover, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .nautilus-window .floating-bar button { color: #ffffff; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } row:selected button.flat, row:selected button.sidebar-button, infobar.info button.flat, infobar.info button.sidebar-button, infobar.question button.flat, infobar.question button.sidebar-button, infobar.warning button.flat, infobar.warning button.sidebar-button, infobar.error button.flat, infobar.error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .selection-mode.primary-toolbar button:disabled, headerbar.selection-mode button:disabled, row:selected button.flat:disabled, row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.info button.sidebar-button:disabled, infobar.question button.flat:disabled, infobar.question button.sidebar-button:disabled, infobar.warning button.flat:disabled, infobar.warning button.sidebar-button:disabled, infobar.error button.flat:disabled, infobar.error button.sidebar-button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.sidebar-button:disabled, .selection-mode.primary-toolbar button:disabled label, headerbar.selection-mode button:disabled label, row:selected button.flat:disabled label, row:selected button.sidebar-button:disabled label, infobar.info button.flat:disabled label, infobar.info button.sidebar-button:disabled label, infobar.question button.flat:disabled label, infobar.question button.sidebar-button:disabled label, infobar.warning button.flat:disabled label, infobar.warning button.sidebar-button:disabled label, infobar.error button.flat:disabled label, infobar.error button.sidebar-button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.sidebar-button:disabled label { color: rgba(255, 255, 255, 0.4); } row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .nautilus-window .floating-bar button:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .selection-mode.primary-toolbar button:active, headerbar.selection-mode button:active, .selection-mode.primary-toolbar button:checked, headerbar.selection-mode button:checked, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .nautilus-window .floating-bar button:active, .selection-mode.primary-toolbar button:hover:active, headerbar.selection-mode button:hover:active, .selection-mode.primary-toolbar button:hover:checked, headerbar.selection-mode button:hover:checked, row:selected button:active:hover, infobar.info button:active:hover, infobar.question button:active:hover, infobar.warning button:active:hover, infobar.error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .nautilus-window .floating-bar button:checked { color: #5294e2; background-color: #ffffff; border-color: #ffffff; } row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled { background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.4); } row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label, .nautilus-window .floating-bar button:disabled label { color: rgba(255, 255, 255, 0.5); } .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { color: #5294e2; background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.4); } tooltip { border-radius: 2px; box-shadow: none; } tooltip.background { background-color: rgba(75, 81, 98, 0.95); background-clip: padding-box; } tooltip.background label { padding: 4px; } tooltip decoration { background-color: transparent; } tooltip * { background-color: transparent; color: #BAC3CF; } colorswatch, colorswatch:drop(active) { border-style: none; } colorswatch.top { border-top-left-radius: 2.5px; border-top-right-radius: 2.5px; } colorswatch.top overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } colorswatch.bottom { border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 2.5px; border-bottom-left-radius: 2.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.dark overlay { color: rgba(255, 255, 255, 0.7); } colorswatch.dark overlay:hover { border-color: #2b2e39; } colorswatch.light overlay { color: rgba(0, 0, 0, 0.7); } colorswatch.light overlay:hover { border-color: #2b2e39; } colorswatch overlay { border: 1px solid #2b2e39; } colorswatch overlay:hover { background-color: rgba(255, 255, 255, 0.2); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } colorswatch#add-color-button { border-style: solid; border-width: 1px; color: #D3DAE3; border-color: #2b2e39; background-color: #444a58; } colorswatch#add-color-button:hover { color: #D3DAE3; border-color: #2b2e39; background-color: #505666; } colorswatch#add-color-button overlay { border-color: transparent; background-color: transparent; background-image: none; } button.color { padding: 0; } button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { margin: 4px; border-radius: 0; } colorchooser .popover.osd { border-radius: 3px; } .content-view { background-color: #404552; } .content-view:hover { -gtk-icon-effect: highlight; } .scale-popup button:hover { color: #D3DAE3; border-color: #2b2e39; background-color: #505666; } .context-menu, popover.touch-selection, .csd popover.touch-selection, popover.background.touch-selection, .csd popover.background.touch-selection { font: initial; } .monospace { font-family: Monospace; } button.circular, button.nautilus-circular-button.image-button, button.circular-button { padding: 0; min-width: 16px; min-height: 24px; padding: 2px 6px; border-radius: 50%; -gtk-outline-radius: 50%; } button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { padding: 0; } .keycap { min-width: 16px; min-height: 20px; padding: 3px 6px 4px 6px; color: #D3DAE3; background-color: #404552; border: 1px solid #2b2e39; border-radius: 2.5px; box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); } stackswitcher button.text-button { min-width: 80px; } stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { min-width: 0; } *:drop(active):focus, *:drop(active) { box-shadow: inset 0 0 0 1px #F08437; } decoration { border-radius: 3px 3px 0 0; border-width: 0px; box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.97), 0 8px 8px 0 rgba(0, 0, 0, 0.35); margin: 10px; } decoration:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.35); transition: 200ms ease-out; } .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration { box-shadow: none; border-radius: 0; } .ssd decoration { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } .ssd decoration.maximized { border-radius: 0; } .csd.popup decoration { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.45), 0 0 0 1px #22242d; } tooltip.csd decoration { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25); } messagedialog.csd decoration { border-radius: 3px; } .solid-csd decoration { border-radius: 0; margin: 1px; background-color: rgba(47, 52, 63, 0.97); box-shadow: none; } headerbar.default-decoration button.titlebutton, .titlebar.default-decoration button.titlebutton { padding: 0 4px; min-width: 0; min-height: 0; margin: 0; } headerbar button.titlebutton, .titlebar button.titlebutton { padding: 0; min-width: 24px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); } headerbar button.titlebutton:hover, .titlebar button.titlebutton:hover { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } headerbar button.titlebutton:active, headerbar button.titlebutton:checked, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; } headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, .titlebar button.titlebutton.close, .titlebar button.titlebutton.maximize, .titlebar button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; } headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.close:backdrop, .titlebar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.minimize:backdrop { opacity: 1; } headerbar button.titlebutton.close, .titlebar button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } headerbar button.titlebutton.close:backdrop, .titlebar button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } headerbar button.titlebutton.close:hover, .titlebar button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } headerbar button.titlebutton.close:active, .titlebar button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } headerbar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } headerbar button.titlebutton.maximize:hover, .titlebar button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } headerbar button.titlebutton.maximize:active, .titlebar button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } headerbar button.titlebutton.minimize:hover, .titlebar button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } headerbar button.titlebutton.minimize:active, .titlebar button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { background-color: #5294e2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { color: #ffffff; } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, modelbutton.flat:disabled:active, modelbutton.flat:active arrow:disabled, modelbutton.flat:disabled:selected, modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:active:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:active:hover { color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked, terminal-window notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -1px #2b2e39; } terminal-window notebook > header.top, .mate-terminal notebook > header.top { padding-top: 3px; box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } terminal-window notebook > header.top button, .mate-terminal notebook > header.top button { padding: 0; min-width: 24px; min-height: 24px; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item, .caja-desktop { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active, .caja-desktop:active { color: #D3DAE3; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected, .caja-desktop:selected { color: #ffffff; text-shadow: none; } .nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #868b97; } .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } .nautilus-window searchbar { border-top: 1px solid #2b2e39; } .nautilus-window .searchbar-container { margin-top: -1px; } .nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #404552; } .disk-space-display { border-style: solid; border-width: 1px; } .disk-space-display.unknown { background-color: rgba(211, 218, 227, 0.5); border-color: rgba(180, 192, 207, 0.5); } .disk-space-display.used { background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { background-color: #313541; border-color: #1b1d24; } @keyframes needs_attention_keyframes { 0% { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } 100% { color: #ffffff; border-color: transparent; background-color: #5294e2; } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes 2s ease-in-out; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes 3s ease-in-out; animation-iteration-count: 3; } .conflict-row.activatable, .conflict-row.activatable:active { color: white; background-color: #FC4138; } .conflict-row.activatable:hover { background-color: #fd716a; } .conflict-row.activatable:selected { color: #ffffff; background-color: #5294e2; } .nemo-window .nemo-places-sidebar.frame { border-width: 0; } .nemo-window notebook { background-color: #404552; } .nemo-window .nemo-window-pane widget.entry { border: 1px solid; border-radius: 3px; color: #D3DAE3; border-color: #2b2e39; background-color: #404552; box-shadow: inset 1px 0 #5294e2, inset -1px 0 #5294e2, inset 0 1px #5294e2, inset 0 -1px #5294e2; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { margin: 0 0 1px 0; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { background-color: rgba(134, 144, 165, 0.37); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(207, 218, 231, 0.4); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { border-left-style: none; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .caja-notebook { border-top: 1px solid #2b2e39; } .caja-side-pane .frame { border-width: 1px 0 0; } .caja-notebook .frame { border-width: 0 0 1px; } .open-document-selector-treeview.view, iconview.open-document-selector-treeview { padding: 3px 6px 3px 6px; border-color: #404552; } .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { background-color: #4a4f5c; } .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { color: #ffffff; background-color: #5294e2; } .open-document-selector-name-label { color: #D3DAE3; } .open-document-selector-path-label { color: #8a909b; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } .gedit-document-panel row button { min-width: 22px; min-height: 22px; padding: 0; color: transparent; background: none; border: none; box-shadow: none; } .gedit-document-panel row button image { color: inherit; } .gedit-document-panel row:hover:not(:selected) button { color: #9da3ad; } .gedit-document-panel row:hover:not(:selected) button:hover { color: #ff4d4d; } .gedit-document-panel row:hover:not(:selected) button:active { color: #D3DAE3; } .gedit-document-panel row:hover:selected button:hover { color: #ff6666; background: none; border: none; box-shadow: none; } .gedit-document-panel row:hover:selected button:hover:active { color: #ffffff; } .gedit-document-panel-dragged-row { border: 1px solid #2b2e39; background-color: #22242d; color: #D3DAE3; } .gedit-side-panel-paned statusbar { border-top: 1px solid #2b2e39; background-color: #383C4A; } .gedit-search-slider { background-color: #3c4150; padding: 6px; border-color: #2b2e39; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { color: rgba(211, 218, 227, 0.6); border: none; margin: 2px; padding: 2px; } .gedit-map-frame border { border-width: 0; } .gedit-map-frame border:dir(ltr) { border-left-width: 1px; } .gedit-map-frame border:dir(rtl) { border-right-width: 1px; } .pluma-window statusbar frame > border { border: none; } .pluma-window notebook > stack scrolledwindow { border-width: 0 0 1px 0; } #pluma-status-combo-button { min-height: 0; padding: 0; border-top: none; border-bottom: none; border-radius: 0; } .gb-search-entry-occurrences-tag { background: none; } workbench.csd > stack.titlebar:not(headerbar) { padding: 0; background: none; border: none; box-shadow: none; } workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { border-radius: 3px 3px 0 0; } editortweak .linked > entry.search:focus + .gb-linked-scroller { border-top-color: #5294e2; } layouttab { background-color: #404552; } layout { border: 1px solid #2b2e39; -PnlDockBin-handle-size: 1; } eggsearchbar box.search-bar { border-bottom: 1px solid #2b2e39; } pillbox { color: #ffffff; background-color: #5294e2; border-radius: 3px; } pillbox:disabled label { color: rgba(255, 255, 255, 0.5); } docktabstrip { padding: 0 6px; background-color: #383C4A; border-bottom: 1px solid #2b2e39; } docktabstrip docktab { min-height: 28px; border: solid transparent; border-width: 0 1px; } docktabstrip docktab label { opacity: 0.5; } docktabstrip docktab:checked label, docktabstrip docktab:hover label { opacity: 1; } docktabstrip docktab:checked { border-color: #2b2e39; background-color: #404552; } dockbin { border: 1px solid #2b2e39; -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid #2b2e39; } dockoverlayedge { background-color: #383C4A; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { border-width: 1px 0; } popover.messagepopover.background { padding: 0; } popover.messagepopover .popover-content-area { margin: 16px; } popover.messagepopover .popover-action-area { margin: 8px; } popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { margin: 0 4px; } popover.popover-selector { padding: 0; } popover.popover-selector list row { padding: 5px 0; } popover.popover-selector list row image { margin-left: 3px; margin-right: 10px; } entry.search.preferences-search { border: none; border-right: 1px solid #2b2e39; border-bottom: 1px solid #2b2e39; border-radius: 0; } preferences stacksidebar.sidebar list { background-image: linear-gradient(to bottom, #404552, #404552); } preferences stacksidebar.sidebar list separator { background-color: transparent; } devhelppanel entry:focus, symboltreepanel entry:focus { border-color: #2b2e39; } button.run-arrow-button { min-width: 12px; } omnibar.linked > entry:not(:only-child) { border-style: solid; border-radius: 3px; margin-left: 1px; margin-right: 1px; } gstyleslidein #scale_box button.toggle:checked, gstyleslidein #strings_controls button.toggle:checked, gstyleslidein #palette_controls button.toggle:checked, gstyleslidein #components_controls button.toggle:checked { color: #D3DAE3; } configurationview entry.flat { background: none; } configurationview list { border-width: 0; } .documents-scrolledwin.frame { border-width: 0; } button.documents-load-more { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon, .photos-collection-icon { background-color: rgba(211, 218, 227, 0.3); border-radius: 2px; } button.documents-favorite:active, button.documents-favorite:active:hover { color: #a9caf1; } .documents-entry-tag, .photos-entry-tag { color: #ffffff; background: #5294e2; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover, .photos-entry-tag:hover { color: #ffffff; background: #639fe5; } .documents-entry-tag:active, .photos-entry-tag:active { color: #ffffff; background: #4189df; } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } .photos-fade-in { opacity: 1.0; transition: opacity 0.2s ease-out; } .photos-fade-out { opacity: 0.0; transition: opacity 0.2s ease-out; } .tweak-categories, .tweak-category:not(:selected):not(:hover) { background-image: linear-gradient(to bottom, #404552, #404552); } .tr-workarea undershoot, .tr-workarea overshoot { border-color: transparent; } .atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar { background: none; } #gf-bubble, #gf-bubble.solid, #gf-osd-window, #gf-osd-window.solid, #gf-input-source-popup, #gf-input-source-popup.solid, #gf-candidate-popup, #gf-candidate-popup.solid { color: #cfd5de; background-color: rgba(53, 57, 69, 0.95); border: 1px solid rgba(35, 38, 46, 0.95); border-radius: 2px; } #gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, #gf-osd-window levelbar block.low, #gf-osd-window levelbar block.high, #gf-osd-window levelbar block.full, #gf-input-source-popup levelbar block.low, #gf-input-source-popup levelbar block.high, #gf-input-source-popup levelbar block.full, #gf-candidate-popup levelbar block.low, #gf-candidate-popup levelbar block.high, #gf-candidate-popup levelbar block.full { background-color: #5294e2; border-color: #5294e2; } #gf-bubble levelbar block.empty, #gf-osd-window levelbar block.empty, #gf-input-source-popup levelbar block.empty, #gf-candidate-popup levelbar block.empty { background-color: rgba(42, 45, 55, 0.95); } #gf-bubble levelbar trough, #gf-osd-window levelbar trough, #gf-input-source-popup levelbar trough, #gf-candidate-popup levelbar trough { background: none; } #gf-input-source { min-height: 32px; min-width: 40px; } #gf-input-source:selected { color: #ffffff; background-color: #5294e2; border-radius: 2px; } gf-candidate-box label { padding: 3px; } gf-candidate-box:hover, gf-candidate-box:selected { color: #ffffff; background-color: #5294e2; border-radius: 2px; } MsdOsdWindow.background.osd { border-radius: 2px; border: 1px solid rgba(35, 38, 46, 0.95); } MsdOsdWindow.background.osd .progressbar { background-color: #5294e2; border: none; border-color: red; border-radius: 5px; } MsdOsdWindow.background.osd .trough { background-color: rgba(42, 45, 55, 0.95); border: none; border-radius: 5px; } .mate-panel-menu-bar, .mate-panel-menu-bar menubar, panel-toplevel.background, panel-toplevel.background menubar { background-color: #2b2e37; } .mate-panel-menu-bar menubar, .mate-panel-menu-bar #PanelApplet label, .mate-panel-menu-bar #PanelApplet image, panel-toplevel.background menubar, panel-toplevel.background #PanelApplet label, panel-toplevel.background #PanelApplet image { color: #BAC3CF; } .mate-panel-menu-bar button label, .mate-panel-menu-bar button image, .mate-panel-menu-bar #tasklist-button label, .mate-panel-menu-bar #tasklist-button image, panel-toplevel.background button label, panel-toplevel.background button image, panel-toplevel.background #tasklist-button label, panel-toplevel.background #tasklist-button image { color: inherit; } .mate-panel-menu-bar .wnck-pager, panel-toplevel.background .wnck-pager { color: #5d6268; background-color: rgba(20, 22, 27, 0.95); } .mate-panel-menu-bar .wnck-pager:hover, panel-toplevel.background .wnck-pager:hover { background-color: rgba(54, 58, 70, 0.95); } .mate-panel-menu-bar .wnck-pager:selected, panel-toplevel.background .wnck-pager:selected { color: #a9caf1; background-color: #5294e2; } .mate-panel-menu-bar na-tray-applet, panel-toplevel.background na-tray-applet { -NaTrayApplet-icon-padding: 0; -NaTrayApplet-icon-size: 16px; } .xfce4-panel.panel { background-color: rgba(43, 46, 55, 0.95); text-shadow: none; -gtk-icon-shadow: none; } #tasklist-button { color: rgba(186, 195, 207, 0.8); border-radius: 0; border: none; background-color: rgba(43, 46, 55, 0); } #tasklist-button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); } #tasklist-button:checked { color: white; background-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } .mate-panel-menu-bar button:not(#tasklist-button), panel-toplevel.background button:not(#tasklist-button), .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { color: #BAC3CF; border-radius: 0; border: none; background-color: rgba(43, 46, 55, 0); } .mate-panel-menu-bar button:hover:not(#tasklist-button), panel-toplevel.background button:hover:not(#tasklist-button), .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { border: none; background-color: rgba(65, 70, 84, 0.95); } .mate-panel-menu-bar button:active:not(#tasklist-button), panel-toplevel.background button:active:not(#tasklist-button), .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .mate-panel-menu-bar button:checked:not(#tasklist-button), panel-toplevel.background button:checked:not(#tasklist-button), .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { color: #ffffff; border: none; background-color: #5294e2; } .mate-panel-menu-bar button:active:not(#tasklist-button) label, panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.sidebar-button:active label, .mate-panel-menu-bar button:active:not(#tasklist-button) image, panel-toplevel.background button:active:not(#tasklist-button) image, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.sidebar-button:active image, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.sidebar-button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, panel-toplevel.background button:checked:not(#tasklist-button) image, .xfce4-panel.panel button.flat:checked image, .xfce4-panel.panel button.sidebar-button:checked image { color: inherit; } .nautilus-window .floating-bar { padding: 1px; background-color: #5294e2; color: #ffffff; border-radius: 2px 2px 0 0; } .nautilus-window .floating-bar.bottom.left { border-top-left-radius: 0; } .nautilus-window .floating-bar.bottom.right { border-top-right-radius: 0; } .nautilus-window .floating-bar button { border: none; border-radius: 0; min-height: 0; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: transparent; background-color: #5294e2; } .marlin-pathbar.pathbar:disabled { color: rgba(207, 218, 231, 0.35); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.22); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; -gtk-icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { border: 1px solid rgba(32, 35, 43, 0.97); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #2f343f, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } UnityDecoration .top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97), rgba(32, 35, 43, 0.97)); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: rgba(64, 71, 86, 0.97); border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focus, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focus { background-image: none; border-image: none; } .lightdm.button:focus, .lightdm.entry:focus { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar label { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #2b2e39; border-right: 1px solid #2b2e39; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #2b2e39; } toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { padding: 0 3px 0 3px; } toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #2b2e39; background-color: #383C4A; } toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view, iconview.source-list { background-color: #383C4A; color: #D3DAE3; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:hover, iconview.source-list:hover { background-color: #434859; } .source-list.view:selected, iconview.source-list:selected, .source-list.view:hover:selected, iconview.source-list:hover:selected, .source-list.view:selected:focus, iconview.source-list:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list scrollbar, .source-list junction { border-image: none; border-color: transparent; background-color: #383C4A; background-image: none; } .source-list.badge, .source-list.badge:hover, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:hover:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:hover:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #D3DAE3; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { background-color: #404552; } GraniteWidgetsWelcome label { color: #868b97; font-size: 11px; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(211, 218, 227, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #404552, #404552); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry entry { padding: 4px; } .h1 { font-size: 24px; } .h2 { font-size: 18px; } .h3 { font-size: 11px; } .h4, .category-label { color: #a5abb5; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: rgba(43, 46, 55, 0.95); color: #BAC3CF; font-weight: bold; box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } #panel_window menubar { padding-left: 5px; } #panel_window menubar, #panel_window menubar > menuitem { background-color: transparent; color: #BAC3CF; font-weight: bold; } #panel_window menubar menuitem:disabled { color: rgba(186, 195, 207, 0.5); } #panel_window menubar menuitem:disabled label { color: inherit; } #panel_window menubar menu > menuitem { font-weight: normal; } #login_window, #shutdown_dialog, #restart_dialog { font-weight: normal; border-style: none; background-color: transparent; color: #D3DAE3; } #content_frame { padding-bottom: 14px; background-color: #383C4A; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame button { color: #D3DAE3; border-color: #2b2e39; background-color: #444a58; } #content_frame button:hover { color: #D3DAE3; border-color: #2b2e39; background-color: #505666; } #content_frame button:active, #content_frame button:checked { color: #ffffff; border-color: #2b2e39; background-color: #5294e2; } #content_frame button:disabled { border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } #content_frame button:disabled label, #content_frame button:disabled { color: rgba(211, 218, 227, 0.45); } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: rgba(47, 52, 63, 0.97); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px rgba(38, 42, 51, 0.97); } #buttonbox_frame button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } #buttonbox_frame button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } #buttonbox_frame button:active, #buttonbox_frame button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } #buttonbox_frame button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } #login_window #user_combobox { color: #D3DAE3; font-size: 13px; } #login_window #user_combobox menu { font-weight: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font-weight: bold; } .nautilus-window paned > separator { background-image: linear-gradient(to bottom, rgba(42, 45, 55, 0.95), rgba(42, 45, 55, 0.95)); } filechooser paned > separator { background-image: linear-gradient(to bottom, rgba(42, 45, 55, 0.95), rgba(42, 45, 55, 0.95)); } filechooser.csd.background, filechooser placessidebar list, .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } filechooser placessidebar.sidebar, .nautilus-window placessidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } filechooser placessidebar.sidebar row.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row { border: none; color: #BAC3CF; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { color: rgba(186, 195, 207, 0.6); } filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:hover, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row:hover { background-color: rgba(186, 195, 207, 0.15); } filechooser placessidebar.sidebar row.sidebar-row:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled label, filechooser placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image { color: rgba(186, 195, 207, 0.4); } filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon { color: inherit; } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button { color: #BAC3CF; } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { color: #ffffff; border-color: #2b2e39; background-color: #5294e2; } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { color: #5294e2; } filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { color: inherit; } filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { color: #F08437; } filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { background-color: #F08437; } filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { color: #ffffff; } filechooser placessidebar.sidebar separator, .nautilus-window placessidebar.sidebar separator { background-color: transparent; } filechooser.maximized placessidebar.sidebar, .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } .nemo-window .sidebar { color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); } .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { background-color: transparent; color: #BAC3CF; } .nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { background-color: #5294e2; color: #ffffff; } .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { color: rgba(123, 129, 141, 0.975); } .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { color: #BAC3CF; } .nemo-window .sidebar separator { background-color: transparent; } .caja-side-pane, .caja-side-pane > notebook > stack > widget > box, .caja-side-pane text, .caja-side-pane treeview { color: #BAC3CF; caret-color: #BAC3CF; background-color: #353945; } .caja-side-pane > box button:not(:active):not(:checked) { color: #BAC3CF; } .caja-side-pane .frame { border-color: #2a2d37; } .caja-side-pane junction { background-color: rgba(42, 45, 55, 0.95); } filechooser actionbar { color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); border-color: rgba(20, 21, 26, 0.95); } filechooser actionbar label, filechooser actionbar combobox { color: #BAC3CF; } .gedit-bottom-panel-paned { background-color: #404552; } .gedit-side-panel-paned > separator { background-image: linear-gradient(to bottom, rgba(42, 45, 55, 0.95), rgba(42, 45, 55, 0.95)); } .gedit-bottom-panel-paned > separator { background-image: linear-gradient(to bottom, #2b2e39, #2b2e39); } .gedit-document-panel { background-color: rgba(53, 57, 69, 0.95); } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel row { color: #BAC3CF; background-color: rgba(186, 195, 207, 0); } .gedit-document-panel row:hover { background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel row:active { color: #ffffff; background-color: #5294e2; } .gedit-document-panel row:active button { color: #ffffff; } .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { color: #ffffff; background-color: #5294e2; } .gedit-document-panel row:hover:not(:selected) button:active { color: #BAC3CF; } filechooser actionbar button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } filechooser actionbar button:active, filechooser actionbar button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } filechooser actionbar button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } filechooser actionbar entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } filechooser actionbar entry image, filechooser actionbar entry image:hover { color: inherit; } filechooser actionbar entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } filechooser actionbar entry:disabled { color: rgba(186, 195, 207, 0.55); background-color: rgba(102, 109, 132, 0.2); } filechooser placessidebar.sidebar scrollbar, .nautilus-window placessidebar.sidebar scrollbar, .nemo-window .sidebar scrollbar, .caja-side-pane scrollbar { border-color: rgba(42, 45, 55, 0.95); } filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nemo-window .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } filechooser placessidebar.sidebar scrollbar slider, .nautilus-window placessidebar.sidebar scrollbar slider, .nemo-window .sidebar scrollbar slider, .caja-side-pane scrollbar slider { background-color: rgba(231, 234, 238, 0.7); } filechooser placessidebar.sidebar scrollbar slider:hover, .nautilus-window placessidebar.sidebar scrollbar slider:hover, .nemo-window .sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { background-color: #f6f7f9; } filechooser placessidebar.sidebar scrollbar slider:hover:active, .nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .nemo-window .sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { background-color: #5294e2; } filechooser placessidebar.sidebar scrollbar slider:disabled, .nautilus-window placessidebar.sidebar scrollbar slider:disabled, .nemo-window .sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { background-color: transparent; } filechooser placessidebar.sidebar scrollbar trough, .nautilus-window placessidebar.sidebar scrollbar trough, .nemo-window .sidebar scrollbar trough, .caja-side-pane scrollbar trough { background-color: rgba(42, 45, 55, 0.95); } @define-color theme_fg_color #D3DAE3; @define-color theme_text_color #D3DAE3; @define-color theme_bg_color #383C4A; @define-color theme_base_color #404552; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #D3DAE3; @define-color text_color #D3DAE3; @define-color bg_color #383C4A; @define-color base_color #404552; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #3c4150; @define-color insensitive_fg_color alpha(#d3dae3, 0.5); @define-color insensitive_base_color #404552; @define-color theme_unfocused_fg_color #D3DAE3; @define-color theme_unfocused_text_color #D3DAE3; @define-color theme_unfocused_bg_color #383C4A; @define-color theme_unfocused_base_color #404552; @define-color borders #2b2e39; @define-color unfocused_borders #2b2e39; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #a9caf1; @define-color content_view_bg #404552; @define-color wm_title alpha(#cfdae7, 0.8); @define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343f; @define-color wm_bg_unfocused #323843; @define-color wm_highlight #363b48; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #cc575d; @define-color wm_button_close_hover_bg #d7787d; @define-color wm_button_close_active_bg #be3841; @define-color wm_icon_close_bg #2f343f; @define-color wm_button_hover_bg #454C5C; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #262932; @define-color wm_icon_bg #90939B; @define-color wm_icon_unfocused_bg #666A74; @define-color wm_icon_hover_bg #C4C7CC; @define-color wm_icon_active_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.20/gtk-darker.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 2px; } .background { color: #5c616c; background-color: rgba(245, 246, 247, 0.999); } *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { background-color: #F5F6F7; color: #5c616c; } .gtkstyle-fallback:hover { background-color: white; color: #5c616c; } .gtkstyle-fallback:active { background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:disabled { background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view, iconview, .view text, iconview text, textview text { color: #5c616c; background-color: #ffffff; } .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus { border-radius: 2px; } textview border { background-color: #fafbfb; } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .rubberband { border: 1px solid #2679db; background-color: rgba(38, 121, 219, 0.2); } flowbox flowboxchild { padding: 3px; border-radius: 2px; } flowbox flowboxchild:selected { outline-offset: -2px; } label.separator, popover label.separator, popover.background label.separator { color: #5c616c; } label selection { color: #ffffff; background-color: #5294e2; } label:disabled { color: rgba(92, 97, 108, 0.55); } .dim-label, label.separator, popover label.separator, popover.background label.separator, headerbar .subtitle, .titlebar:not(headerbar) .subtitle { opacity: 0.55; } assistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #5294e2; color: #ffffff; } textview { background-color: #ffffff; } popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.background.osd, popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { color: #BAC3CF; border: none; background-color: rgba(53, 57, 69, 0.95); background-clip: padding-box; box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } entry { min-height: 22px; border: 1px solid; padding: 2px 8px; caret-color: currentColor; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; } entry.search { border-radius: 20px; } entry image { color: #7d8189; } entry image.left { padding-left: 0; padding-right: 5px; } entry image.right { padding-right: 0; padding-left: 5px; } entry.flat, entry.flat:focus { min-height: 0; padding: 2px; background-image: none; border-color: transparent; border-radius: 0; } entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294e2; background-color: #ffffff; } entry:disabled { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); } entry.warning { color: white; border-color: #F27835; background-color: #f7ae86; } entry.warning image { color: white; } entry.warning:focus { color: white; background-color: #F27835; box-shadow: none; } entry.warning selection, entry.warning selection:focus { background-color: white; color: #F27835; } entry.error { color: white; border-color: #FC4138; background-color: #fd8d88; } entry.error image { color: white; } entry.error:focus { color: white; background-color: #FC4138; box-shadow: none; } entry.error selection, entry.error selection:focus { background-color: white; color: #FC4138; } entry.search-missing { color: white; border-color: #FC4138; background-color: #fd8d88; } entry.search-missing image { color: white; } entry.search-missing:focus { color: white; background-color: #FC4138; box-shadow: none; } entry.search-missing selection, entry.search-missing selection:focus { background-color: white; color: #FC4138; } entry:drop(active):focus, entry:drop(active) { border-color: #F08437; box-shadow: none; } .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .osd entry image, .osd entry image:hover { color: inherit; } .osd entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-color: rgba(102, 109, 132, 0.2); } .osd entry selection:focus, .osd entry selection { color: #5294e2; background-color: #ffffff; } entry progress { margin: 0 -6px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #ffffff; } treeview entry.flat:focus, treeview entry:focus { border-color: #5294e2; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } button { min-height: 22px; min-width: 20px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 2px 6px; color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } button separator { margin: 4px 1px; } button.flat, button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; transition: none; } button.flat:hover, button.sidebar-button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } button.flat:hover:active, button.sidebar-button:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; -gtk-icon-effect: highlight; } button:active, button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; background-clip: border-box; transition-duration: 50ms; } button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { color: inherit; opacity: 0.6; } button:active { color: #5c616c; } button:active:hover, button:checked { color: #ffffff; } button.flat:disabled, button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; } button:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } button:disabled label, button:disabled { color: rgba(92, 97, 108, 0.55); } button:disabled:active, button:disabled:checked { border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { color: rgba(255, 255, 255, 0.8); } button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } button.text-button { padding-left: 12px; padding-right: 12px; } button.text-button.image-button { padding-left: 5px; padding-right: 5px; } button.text-button.image-button label:first-child { padding-left: 8px; padding-right: 2px; } button.text-button.image-button label:last-child { padding-right: 8px; padding-left: 2px; } button.text-button.image-button label:only-child { padding-left: 8px; padding-right: 8px; } button.text-button.image-button.popup { padding-right: 8px; padding-left: 8px; } button:drop(active), combobox:drop(active) button.combo { color: #F08437; border-color: #F08437; box-shadow: none; } button.osd { color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } button.osd.image-button { padding: 0; min-height: 36px; min-width: 36px; } button.osd:hover { color: #5294e2; } button.osd:active, button.osd:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } button.osd:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .osd button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd button:active, .osd button:checked { background-clip: padding-box; color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd button.flat, .osd button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd button.flat:hover, .osd button.sidebar-button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd button.flat:disabled, .osd button.sidebar-button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); background-image: none; } .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: none; } button.suggested-action { background-clip: border-box; color: white; background-color: #4DADD4; border-color: #4DADD4; } button.suggested-action.flat, button.suggested-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; } button.suggested-action:hover { background-clip: border-box; color: white; background-color: #76c0de; border-color: #76c0de; } button.suggested-action:active, button.suggested-action:checked { background-clip: border-box; color: white; background-color: #2e96c0; border-color: #2e96c0; } button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } button.suggested-action:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } button.suggested-action:disabled label, button.suggested-action:disabled { color: rgba(92, 97, 108, 0.55); } button.destructive-action { background-clip: border-box; color: white; background-color: #F04A50; border-color: #F04A50; } button.destructive-action.flat, button.destructive-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; } button.destructive-action:hover { background-clip: border-box; color: white; background-color: #f4797e; border-color: #f4797e; } button.destructive-action:active, button.destructive-action:checked { background-clip: border-box; color: white; background-color: #ec1b22; border-color: #ec1b22; } button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } button.destructive-action:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } button.destructive-action:disabled label, button.destructive-action:disabled { color: rgba(92, 97, 108, 0.55); } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { background-position: left 3px, left 4px; } button.font separator, button.file separator { background-color: transparent; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar toolbutton > button { color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } .inline-toolbar toolbutton > button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } .inline-toolbar toolbutton > button:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { color: rgba(92, 97, 108, 0.55); } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { color: rgba(255, 255, 255, 0.8); } .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(207, 214, 230, 0.3); } .linked:not(.vertical):not(.path-bar) > entry.error + entry, .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { border-left-color: #f75d37; } .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { border-left-color: #F08437; } .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-left-color: #F08437; } .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > button:active + entry, .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > button + button { border-left-style: none; } .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 1px 0 #cfd6e6; } .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.5); } .linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { box-shadow: none; } .linked:not(.vertical).path-bar > button + button { border-left-style: none; } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } .linked.vertical > entry + entry { border-top-color: rgba(207, 214, 230, 0.3); } .linked.vertical > entry.error + entry, .linked.vertical > entry + entry.error { border-top-color: #FC4138; } .linked.vertical > entry.warning + entry, .linked.vertical > entry + entry.warning { border-top-color: #F27835; } .linked.vertical > entry.error + entry.warning, .linked.vertical > entry.warning + entry.error { border-top-color: #f75d37; } .linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > entry + entry:focus:last-child { border-top-color: #5294e2; } .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #5294e2; } .linked.vertical > entry + entry:drop(active):not(:last-child), .linked.vertical > entry + entry:drop(active):last-child { border-top-color: #F08437; } .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #F08437; } .linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > entry + entry.warning:focus:last-child { border-top-color: #F27835; } .linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + button, .linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #F27835; } .linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > entry + entry.error:focus:last-child { border-top-color: #FC4138; } .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, .linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #FC4138; } .linked.vertical > button:active + entry, .linked.vertical > button:checked + entry { border-top-color: #5294e2; } .linked.vertical > button + button { border-top-style: none; } .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 0 1px #cfd6e6; } .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { box-shadow: inset 0 1px rgba(207, 214, 230, 0.5); } .linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { box-shadow: none; } toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, .linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl) { border-radius: 0; border-right-style: none; } .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { border-radius: 0; border-bottom-style: none; } .linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } .linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, calendar.button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } menuitem.button.flat, modelbutton.flat { transition: none; min-height: 24px; padding-left: 8px; padding-right: 8px; outline-offset: -3px; border-radius: 2px; } menuitem.button.flat:hover, modelbutton.flat:hover { background-color: #edeff0; } menuitem.button.flat:checked, modelbutton.flat:checked { color: #5c616c; } menuitem.button.flat check:last-child, menuitem.button.flat radio:last-child, modelbutton.flat check:last-child, modelbutton.flat radio:last-child { margin-left: 8px; } menuitem.button.flat check:first-child, menuitem.button.flat radio:first-child, modelbutton.flat check:first-child, modelbutton.flat radio:first-child { margin-right: 8px; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } *:link, button:link, button:visited { color: #2679db; } *:link:visited, button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { color: #bad4f3; } *:link:hover, button:hover:link, button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { color: #eef4fc; } *:link:active, button:active:link, button:active:visited { color: #2679db; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #dceaf9; } infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #dceaf9; } button:link > label, button:visited > label { text-decoration-line: underline; } spinbutton:drop(active) { box-shadow: none; } spinbutton button:active { color: #ffffff; } spinbutton:disabled { color: rgba(92, 97, 108, 0.55); } spinbutton:not(.vertical) entry { min-width: 28px; } spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { border-radius: 3px 0 0 3px; } spinbutton:not(.vertical) > button + button { border-left-style: none; } spinbutton:not(.vertical) > button:hover:not(:active), spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 #cfd6e6; } spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.5); } spinbutton:not(.vertical) > button:first-child:hover:not(:active), spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294e2; } spinbutton:not(.vertical) > entry:drop(active) + button { border-left-color: #F08437; } .osd spinbutton:not(.vertical) > button:hover:not(:active), .osd spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 rgba(26, 28, 34, 0.35); } .osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), .osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), .osd spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } .osd spinbutton:not(.vertical) > entry:focus + button { border-left-color: rgba(26, 28, 34, 0.35); } spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; padding-right: 4px; min-width: 0; } spinbutton.vertical button.up { border-radius: 3px 3px 0 0; } spinbutton.vertical > entry:focus + button { border-top-color: #5294e2; } spinbutton.vertical > entry:drop(active) + button { border-top-color: #F08437; } combobox button.combo { min-width: 0; padding-left: 8px; padding-right: 8px; } combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } toolbar separator, .inline-toolbar separator { background: none; } toolbar.horizontal separator, .horizontal.inline-toolbar separator { margin: 0 6px; } toolbar.vertical separator, .vertical.inline-toolbar separator { margin: 6px 0; } .osd toolbar, .osd .inline-toolbar { background-color: transparent; } toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.85); } toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { border-radius: 0; } toolbar.osd.top, .osd.top.inline-toolbar { border-width: 0 0 1px 0; } toolbar.osd.bottom, .osd.bottom.inline-toolbar { border-width: 1px 0 0 0; } toolbar.osd.left, .osd.left.inline-toolbar { border-width: 0 1px 0 0; } toolbar.osd.right, .osd.right.inline-toolbar { border-width: 0 0 0 1px; } toolbar:not(.inline-toolbar) switch, .inline-toolbar:not(.inline-toolbar) switch, toolbar:not(.inline-toolbar) scale, .inline-toolbar:not(.inline-toolbar) scale, toolbar:not(.inline-toolbar) entry, .inline-toolbar:not(.inline-toolbar) entry, toolbar:not(.inline-toolbar) spinbutton, .inline-toolbar:not(.inline-toolbar) spinbutton, toolbar:not(.inline-toolbar) button, .inline-toolbar:not(.inline-toolbar) button { margin-right: 1px; margin-bottom: 1px; } toolbar:not(.inline-toolbar) .linked > button, .inline-toolbar:not(.inline-toolbar) .linked > button, toolbar:not(.inline-toolbar) .linked > entry, .inline-toolbar:not(.inline-toolbar) .linked > entry { margin-right: 0; } .primary-toolbar:not(.libreoffice-toolbar) { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #2f343f, rgba(32, 35, 43, 0.97)) 1 0 1 0; } .inline-toolbar { background-color: #edeef0; border-style: solid; border-color: #dcdfe3; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } searchbar { background-color: #F5F6F7; border-style: solid; border-color: #dcdfe3; border-width: 0 0 1px; padding: 3px; } actionbar { padding: 6px; border-top: 1px solid #dcdfe3; background-color: #edeef0; } headerbar, .titlebar:not(headerbar) { min-height: 42px; padding: 0 7px; border-width: 0 0 1px; border-style: solid; border-color: #262a33; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } .csd headerbar, .csd .titlebar:not(headerbar) { background-color: rgba(47, 52, 63, 0.97); border-color: rgba(38, 42, 51, 0.97); } headerbar:backdrop, .titlebar:backdrop:not(headerbar) { transition: 200ms ease-out; color: rgba(207, 218, 231, 0.5); background-color: #323843; } .csd headerbar:backdrop, .csd .titlebar:backdrop:not(headerbar) { background-color: rgba(50, 56, 67, 0.97); } headerbar .title, .titlebar:not(headerbar) .title { padding-left: 12px; padding-right: 12px; } headerbar .subtitle, .titlebar:not(headerbar) .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } headerbar.selection-mode, .selection-mode.titlebar:not(headerbar) { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } headerbar.selection-mode:backdrop, .selection-mode.titlebar:backdrop:not(headerbar) { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } headerbar.selection-mode .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } headerbar.selection-mode .selection-menu GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } headerbar.selection-mode .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized headerbar.selection-mode, .maximized .selection-mode.titlebar:not(headerbar) { background-color: #5294e2; } .tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop, .tiled .titlebar:not(headerbar), .tiled .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar) { border-radius: 0; } .maximized headerbar, .maximized .titlebar:not(headerbar) { background-color: #2f343f; border-color: #262a33; } .maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar) { background-color: #323843; } headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop, .default-decoration.titlebar:not(headerbar), .csd .default-decoration.titlebar:not(headerbar), .default-decoration.titlebar:backdrop:not(headerbar), .csd .default-decoration.titlebar:backdrop:not(headerbar) { min-height: 28px; padding: 0 3px; background-color: #2f343f; border-bottom-width: 0; } .maximized headerbar.default-decoration, .maximized .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized .csd headerbar.default-decoration:backdrop, .maximized .default-decoration.titlebar:not(headerbar), .maximized .csd .default-decoration.titlebar:not(headerbar), .maximized .default-decoration.titlebar:backdrop:not(headerbar), .maximized .csd .default-decoration.titlebar:backdrop:not(headerbar) { background-color: #2f343f; } .titlebar { border-radius: 3px 3px 0 0; } headerbar entry, headerbar button, headerbar separator { margin-top: 6px; margin-bottom: 6px; } separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { border-top-left-radius: 3px; } .maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop { border-radius: 0; } headerbar:last-child, headerbar:last-child:backdrop { border-top-right-radius: 3px; } .maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { border-radius: 0; } window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { padding: 0; background: none; border: none; box-shadow: none; } .titlebar:not(headerbar) > separator { background-image: linear-gradient(to bottom, rgba(38, 42, 51, 0.97), rgba(38, 42, 51, 0.97)); } .primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { min-width: 1px; min-height: 1px; background: none; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { opacity: 0.6; } .primary-toolbar entry, headerbar entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { color: inherit; } .primary-toolbar entry:backdrop, headerbar entry:backdrop { opacity: 0.85; } .primary-toolbar entry:focus, headerbar entry:focus { color: #ffffff; border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar entry:focus image, headerbar entry:focus image { color: #ffffff; } .primary-toolbar entry:disabled, headerbar entry:disabled { color: rgba(207, 218, 231, 0.35); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.22); } .primary-toolbar entry selection:focus, headerbar entry selection:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar entry progress, headerbar entry progress { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar entry.warning, headerbar entry.warning { color: white; border-color: rgba(21, 23, 28, 0.37); background-color: rgba(167, 94, 57, 0.988); } .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { color: white; background-color: #F27835; } .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { background-color: white; color: #F27835; } .primary-toolbar entry.error, headerbar entry.error { color: white; border-color: rgba(21, 23, 28, 0.37); background-color: rgba(173, 60, 59, 0.988); } .primary-toolbar entry.error:focus, headerbar entry.error:focus { color: white; background-color: #FC4138; } .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { background-color: white; color: #FC4138; } .primary-toolbar button, headerbar button { color: rgba(207, 218, 231, 0.8); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar button:backdrop, headerbar button:backdrop { opacity: 0.7; } .primary-toolbar button:hover, headerbar button:hover { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar button:disabled, headerbar button:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { color: rgba(207, 218, 231, 0.35); } .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .selection-mode.primary-toolbar button, headerbar.selection-mode button, .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.flat, .selection-mode.primary-toolbar button.sidebar-button, headerbar.selection-mode button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child) { margin-right: 1px; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { border-radius: 3px; border-style: solid; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { box-shadow: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { background-color: rgba(134, 144, 165, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { color: rgba(207, 218, 231, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { border-left-style: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:active + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar button.suggested-action, headerbar button.suggested-action { background-clip: border-box; color: white; background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; } .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { background-clip: border-box; color: white; background-color: #76c0de; border-color: #76c0de; } .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { background-clip: border-box; color: white; background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { color: rgba(207, 218, 231, 0.35); } .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar button.destructive-action, headerbar button.destructive-action { background-clip: border-box; color: white; background-color: #F04A50; border-color: #F04A50; } .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; } .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { background-clip: border-box; color: white; background-color: #f4797e; border-color: #f4797e; } .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { background-clip: border-box; color: white; background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { color: rgba(207, 218, 231, 0.35); } .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { color: #ffffff; caret-color: #ffffff; } .primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { background-color: rgba(134, 144, 165, 0.37); } .primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; } .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { color: rgba(207, 218, 231, 0.4); } .primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { border-left-style: none; } .primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), headerbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), .primary-toolbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled, headerbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } .primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar combobox:disabled, headerbar combobox:disabled { color: rgba(207, 218, 231, 0.2); } .primary-toolbar combobox > .linked > button.combo, headerbar combobox > .linked > button.combo { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .primary-toolbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image, .primary-toolbar combobox > .linked > button.combo image:hover, headerbar combobox > .linked > button.combo image:hover { color: inherit; } .primary-toolbar combobox > .linked > button.combo:hover, headerbar combobox > .linked > button.combo:hover { color: #ffffff; border-color: transparent; background-color: #5294e2; box-shadow: none; } .primary-toolbar combobox > .linked > button.combo:disabled, headerbar combobox > .linked > button.combo:disabled { color: rgba(207, 218, 231, 0.35); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.22); } .primary-toolbar combobox > .linked > entry.combo:dir(ltr), headerbar combobox > .linked > entry.combo:dir(ltr) { border-right-style: none; } .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus, headerbar combobox > .linked > entry.combo:dir(ltr):focus { box-shadow: none; } .primary-toolbar combobox > .linked > entry.combo:dir(rtl), headerbar combobox > .linked > entry.combo:dir(rtl) { border-left-style: none; } .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus, headerbar combobox > .linked > entry.combo:dir(rtl):focus { box-shadow: none; } .primary-toolbar combobox > .linked > button.combo:dir(ltr), headerbar combobox > .linked > button.combo:dir(ltr), .primary-toolbar combobox > .linked > button.combo:dir(ltr):hover, headerbar combobox > .linked > button.combo:dir(ltr):hover, .primary-toolbar combobox > .linked > button.combo:dir(ltr):active, headerbar combobox > .linked > button.combo:dir(ltr):active, .primary-toolbar combobox > .linked > button.combo:dir(ltr):checked, headerbar combobox > .linked > button.combo:dir(ltr):checked, .primary-toolbar combobox > .linked > button.combo:dir(ltr):disabled, headerbar combobox > .linked > button.combo:dir(ltr):disabled { border-top-left-radius: 0; border-bottom-left-radius: 0; } .primary-toolbar combobox > .linked > button.combo:dir(rtl), headerbar combobox > .linked > button.combo:dir(rtl), .primary-toolbar combobox > .linked > button.combo:dir(rtl):hover, headerbar combobox > .linked > button.combo:dir(rtl):hover, .primary-toolbar combobox > .linked > button.combo:dir(rtl):active, headerbar combobox > .linked > button.combo:dir(rtl):active, .primary-toolbar combobox > .linked > button.combo:dir(rtl):checked, headerbar combobox > .linked > button.combo:dir(rtl):checked, .primary-toolbar combobox > .linked > button.combo:dir(rtl):disabled, headerbar combobox > .linked > button.combo:dir(rtl):disabled { border-top-right-radius: 0; border-bottom-right-radius: 0; } .primary-toolbar switch:backdrop, headerbar switch:backdrop { opacity: 0.75; } .primary-toolbar progressbar trough, headerbar progressbar trough { background-color: rgba(21, 23, 28, 0.37); } .primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { opacity: 0.75; } .primary-toolbar scale:backdrop, headerbar scale:backdrop { opacity: 0.75; } .primary-toolbar scale slider, headerbar scale slider { background-color: #454c5c; border-color: rgba(21, 23, 28, 0.67); } .primary-toolbar scale slider:hover, headerbar scale slider:hover { background-color: #50586b; border-color: rgba(21, 23, 28, 0.67); } .primary-toolbar scale slider:active, headerbar scale slider:active { background-color: #5294e2; border-color: #5294e2; } .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { background-color: rgba(63, 69, 84, 0.991); border-color: rgba(21, 23, 28, 0.67); } .primary-toolbar scale trough, headerbar scale trough { background-color: rgba(21, 23, 28, 0.37); } .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { background-color: rgba(21, 23, 28, 0.27); } .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 6px; padding-right: 6px; } .path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; } .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 10px; } .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 10px; } .path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { padding-left: 1px; padding-right: 1px; } .path-bar button image { padding-left: 4px; padding-right: 4px; } treeview.view { border-left-color: rgba(92, 97, 108, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view acceleditor > label { background-color: #5294e2; } treeview.view:selected, treeview.view:selected:focus { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } treeview.view:disabled { color: rgba(92, 97, 108, 0.55); } treeview.view:disabled:selected { color: #97bfee; } treeview.view.separator { min-height: 2px; color: rgba(0, 0, 0, 0.1); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #577ba7; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #aeb0b6; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { color: #5c616c; } treeview.view.expander:selected { color: #cbdff6; } treeview.view.expander:selected:hover { color: #ffffff; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.progressbar, treeview.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-color: #5294e2; } treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-color: #ffffff; } treeview.view.trough { color: #5c616c; background-color: #cfd6e6; border-radius: 3px; border-width: 0; } treeview.view.trough:selected, treeview.view.trough:selected:focus { color: #ffffff; background-color: rgba(0, 0, 0, 0.2); border-radius: 3px; border-width: 0; } treeview.view header button { min-height: 0; min-width: 0; padding: 3px 6px; font-weight: bold; color: #7d8189; background-color: #ffffff; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header button:hover { color: #5294e2; } treeview.view header button:active { color: #5c616c; } treeview.view header button:active, treeview.view header button:hover { background-color: #ffffff; } treeview.view header button:active:hover { color: #5c616c; } treeview.view header button:disabled { border-color: #F5F6F7; background-image: none; } treeview.view header button:last-child { border-right-style: none; border-image: none; } treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, treeview.view header.button.dnd, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd:active { padding: 0 6px; transition: none; color: #ffffff; background-color: #5294e2; border-radius: 0; border-style: none; } menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #2f343f; color: rgba(207, 218, 231, 0.8); } menubar:backdrop, .menubar:backdrop { color: rgba(207, 218, 231, 0.5); } menubar > menuitem, .menubar > menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } menubar > menuitem:hover, .menubar > menuitem:hover { background-color: #5294e2; color: #ffffff; } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: rgba(207, 218, 231, 0.2); border-color: transparent; } menu, .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #ffffff; border: 1px solid #dcdfe3; } .csd menu, .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } menu separator, .csd menu separator, .menu separator, .csd .menu separator { margin: 2px 0; background-color: #ffffff; } menu .separator:not(label), .csd menu .separator:not(label), .menu .separator:not(label), .csd .menu .separator:not(label) { color: #ffffff; } menu menuitem, .menu menuitem { min-height: 16px; min-width: 40px; padding: 5px; } menu menuitem:hover, .menu menuitem:hover { color: #ffffff; background-color: #5294e2; } menu menuitem:disabled, .menu menuitem:disabled { color: rgba(92, 97, 108, 0.55); } menu menuitem arrow, .menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } menuitem accelerator { color: alpha(currentColor,0.55); } menuitem check, menuitem radio { min-height: 16px; min-width: 16px; } menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 6px; margin-left: 2px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 6px; margin-right: 2px; } menu > arrow, .menu > arrow { border-color: transparent; background-color: transparent; background-image: none; min-width: 16px; min-height: 16px; padding: 4px; background-color: #ffffff; border-radius: 0; } menu > arrow.top, .menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #efeff0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom { margin-bottom: -6px; border-top: 1px solid #efeff0; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover { background-color: #efeff0; } menu > arrow:disabled, .menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } popover, popover.background { padding: 2px; border-radius: 3px; background-clip: border-box; background-color: #ffffff; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .csd popover, popover, .csd popover.background, popover.background { border: 1px solid #cdd2d7; } popover separator, popover.background separator { background-color: #ffffff; } popover > list, popover > .view, popover > iconview, popover > toolbar, popover > .inline-toolbar, popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar, popover.background > .inline-toolbar { border-style: none; background-color: transparent; } cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } notebook { padding: 0; } notebook.frame { border: 1px solid #dcdfe3; } notebook.frame > header { margin: -1px; } notebook.frame > header.top { margin-bottom: 0; } notebook.frame > header.bottom { margin-top: 0; } notebook.frame > header.left { margin-right: 0; } notebook.frame > header.right { margin-left: 0; } notebook.frame > header.top, notebook.frame > header.bottom { padding-left: 0; padding-right: 0; } notebook.frame > header.left, notebook.frame > header.right { padding-top: 0; padding-bottom: 0; } notebook > stack:not(:only-child) { background-color: #ffffff; } notebook > header { padding: 2px; background-color: #F5F6F7; } notebook > header.top { box-shadow: inset 0 -1px #dcdfe3; } notebook > header.bottom { box-shadow: inset 0 1px #dcdfe3; } notebook > header.right { box-shadow: inset 1px 0 #dcdfe3; } notebook > header.left { box-shadow: inset -1px 0 #dcdfe3; } notebook > header.top { padding-bottom: 0; } notebook > header.top > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-bottom: none; border-radius: 1px 1px 0 0; } notebook > header.top > tabs > tab + tab { margin-left: -1px; } notebook > header.bottom { padding-top: 0; } notebook > header.bottom > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-top: none; border-radius: 0 0 1px 1px; } notebook > header.bottom > tabs > tab + tab { margin-left: -1px; } notebook > header.right { padding-left: 0; } notebook > header.right > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-left: none; border-radius: 0 1px 1px 0; } notebook > header.right > tabs > tab + tab { margin-top: -1px; } notebook > header.left { padding-right: 0; } notebook > header.left > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-right: none; border-radius: 1px 0 0 1px; } notebook > header.left > tabs > tab + tab { margin-top: -1px; } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { margin-left: 2px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { margin-right: 2px; } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { margin-top: 2px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { margin-bottom: 2px; } notebook > header > tabs > arrow { color: rgba(92, 97, 108, 0.55); } notebook > header > tabs > arrow:hover { color: rgba(92, 97, 108, 0.775); } notebook > header > tabs > arrow:active { color: #5c616c; } notebook > header > tabs > arrow:disabled { color: rgba(92, 97, 108, 0.25); } notebook > header.top > tabs > tab:hover:not(:checked) { box-shadow: inset 0 -1px #dcdfe3; } notebook > header.bottom > tabs > tab:hover:not(:checked) { box-shadow: inset 0 1px #dcdfe3; } notebook > header.left > tabs > tab:hover:not(:checked) { box-shadow: inset -1px 0 #dcdfe3; } notebook > header.right > tabs > tab:hover:not(:checked) { box-shadow: inset 1px 0 #dcdfe3; } notebook > header > tabs > tab { color: rgba(92, 97, 108, 0.55); background-color: rgba(255, 255, 255, 0); } notebook > header > tabs > tab:hover:not(:checked) { color: rgba(92, 97, 108, 0.775); background-color: rgba(255, 255, 255, 0.5); border-color: #dcdfe3; } notebook > header > tabs > tab:checked { color: #5c616c; background-color: #ffffff; border-color: #dcdfe3; } notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { min-height: 22px; min-width: 16px; padding: 0; color: #92959d; } notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { color: #ff4d4d; } notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { color: #5294e2; } scrollbar { background-color: #fcfcfc; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid #dcdfe3; } scrollbar.bottom { border-top: 1px solid #dcdfe3; } scrollbar.left { border-right: 1px solid #dcdfe3; } scrollbar.right { border-left: 1px solid #dcdfe3; } scrollbar button { border: none; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #b8babf; } scrollbar slider:hover { background-color: #c7c9cd; } scrollbar slider:hover:active { background-color: #5294e2; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { min-width: 4px; min-height: 4px; } scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; } scrollbar.fine-tune.vertical slider { border-width: 4px 5px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 4px; min-height: 4px; background-color: #8a8e96; border: 1px solid rgba(255, 255, 255, 0.6); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.99; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } switch { font-size: 1px; min-width: 52px; min-height: 24px; background-size: 52px 24px; background-repeat: no-repeat; background-position: center center; } switch slider { min-width: 1px; min-height: 1px; } switch, switch slider { outline-color: transparent; color: transparent; border: none; box-shadow: none; } switch { background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } menuitem:hover switch, row:selected switch, infobar switch { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } headerbar switch, .primary-toolbar switch { background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } switch:checked { background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } menuitem:hover switch:checked, row:selected switch:checked, infobar switch:checked { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } headerbar switch:checked, .primary-toolbar switch:checked { background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } switch:disabled { background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } menuitem:hover switch:disabled, row:selected switch:disabled, infobar switch:disabled { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } headerbar switch:disabled, .primary-toolbar switch:disabled { background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } switch:checked:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } menuitem:hover switch:checked:disabled, row:selected switch:checked:disabled, infobar switch:checked:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } headerbar switch:checked:disabled, .primary-toolbar switch:checked:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } .check, check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } .osd check, filechooser actionbar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } menuitem check:hover, .view check:selected, iconview check:selected, treeview.check:selected, row:selected check, infobar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:disabled, check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } .osd check:disabled, filechooser actionbar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } menuitem check:disabled:hover, .view check:disabled:selected, iconview check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, infobar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:indeterminate, check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } .osd check:indeterminate, filechooser actionbar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } menuitem check:indeterminate:hover, .view check:indeterminate:selected, iconview check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, infobar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:indeterminate:disabled, check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } .osd check:indeterminate:disabled, filechooser actionbar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } menuitem check:indeterminate:disabled:hover, .view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, infobar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked, check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } .osd check:checked, filechooser actionbar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } menuitem check:checked:hover, .view check:checked:selected, iconview check:checked:selected, treeview.check:checked:selected, row:selected check:checked, infobar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:disabled, check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } .osd check:checked:disabled, filechooser actionbar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } menuitem check:checked:disabled:hover, .view check:checked:disabled:selected, iconview check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, infobar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio, radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } .osd radio, filechooser actionbar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } menuitem radio:hover, .view radio:selected, iconview radio:selected, treeview.radio:selected, row:selected radio, infobar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:disabled, radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } .osd radio:disabled, filechooser actionbar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } menuitem radio:disabled:hover, .view radio:disabled:selected, iconview radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, infobar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:indeterminate, radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } .osd radio:indeterminate, filechooser actionbar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } menuitem radio:indeterminate:hover, .view radio:indeterminate:selected, iconview radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, infobar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:indeterminate:disabled, radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } .osd radio:indeterminate:disabled, filechooser actionbar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } menuitem radio:indeterminate:disabled:hover, .view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, infobar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked, radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } .osd radio:checked, filechooser actionbar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } menuitem radio:checked:hover, .view radio:checked:selected, iconview radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, infobar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:disabled, radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } .osd radio:checked:disabled, filechooser actionbar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } menuitem radio:checked:disabled:hover, .view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, infobar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } .view.content-view.check:not(list), iconview.content-view.check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { margin-left: 4px; } checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { margin-right: 4px; } check, radio { min-width: 16px; min-height: 16px; margin: 0 2px; } check:only-child, menu menuitem check, radio:only-child, menu menuitem radio { margin: 0; } scale { min-height: 15px; min-width: 15px; padding: 3px; } scale.horizontal trough { padding: 0 4px; } scale.horizontal highlight, scale.horizontal fill { margin: 0 -4px; } scale.vertical trough { padding: 4px 0; } scale.vertical highlight, scale.vertical fill { margin: -4px 0; } scale slider { min-height: 15px; min-width: 15px; margin: -6px; } scale.fine-tune slider { margin: -4px; } scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 5px; -gtk-outline-radius: 7px; } scale trough { outline-offset: 2px; -gtk-outline-radius: 4.5px; border-radius: 2.5px; background-color: #cfd6e6; } scale trough:disabled { background-color: rgba(207, 214, 230, 0.55); } .osd scale trough { background-color: rgba(69, 74, 89, 0.95); } .osd scale trough highlight { background-color: #5294e2; } menuitem:hover scale trough, row:selected scale trough, infobar scale trough { background-color: rgba(0, 0, 0, 0.2); } menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { background-color: #ffffff; } menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { background-color: #b1cff2; } menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { background-color: rgba(0, 0, 0, 0.1); } scale highlight { border-radius: 2.5px; background-color: #5294e2; } scale highlight:disabled { background-color: rgba(82, 148, 226, 0.55); } scale fill { border-radius: 2.5px; background-color: rgba(82, 148, 226, 0.5); } scale fill:disabled { background-color: transparent; } scale slider { background-color: #fbfbfc; border: 1px solid rgba(123, 142, 186, 0.5); border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border; } scale slider:hover { background-color: white; } scale slider:active { background-clip: border-box; background-color: #5294e2; border-color: #5294e2; } scale slider:disabled { background-color: #fbfbfb; border-color: rgba(123, 142, 186, 0.3); } menuitem:hover scale slider, row:selected scale slider, infobar scale slider { background-clip: border-box; background-color: #ffffff; border-color: #ffffff; } menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { background-color: #e5effb; border-color: #e5effb; } menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { background-color: #a9caf1; border-color: #a9caf1; } menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { background-color: #b1cff2; border-color: #b1cff2; } .osd scale slider { background-clip: border-box; background-color: #5294e2; border-color: #5294e2; } .osd scale slider:hover { background-color: #7eafe9; border-color: #7eafe9; } .osd scale slider:active { background-color: #2679db; border-color: #2679db; } scale value { color: alpha(currentColor,0.4); } scale marks { color: alpha(currentColor,0.4); } scale marks.top { margin-bottom: 1px; margin-top: -4px; } scale marks.bottom { margin-top: 1px; margin-bottom: -4px; } scale marks.top { margin-right: 1px; margin-left: -4px; } scale marks.bottom { margin-left: 1px; margin-right: -4px; } scale.fine-tune marks.top { margin-bottom: 0px; margin-top: -2px; } scale.fine-tune marks.bottom { margin-top: 0px; margin-bottom: -2px; } scale.fine-tune marks.top { margin-right: 0px; margin-left: -2px; } scale.fine-tune marks.bottom { margin-left: 0px; margin-right: -2px; } scale.horizontal indicator { min-height: 3px; min-width: 1px; } scale.horizontal.fine-tune indicator { min-height: 2px; } scale.vertical indicator { min-height: 1px; min-width: 3px; } scale.vertical.fine-tune indicator { min-width: 2px; } progressbar { padding: 0; font-size: smaller; color: rgba(92, 97, 108, 0.7); } progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } progressbar.osd trough { border-style: none; background-color: transparent; box-shadow: none; } progressbar progress { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } row:selected progressbar progress, infobar progressbar progress { background-color: #ffffff; } progressbar trough { border: none; border-radius: 3px; background-color: #cfd6e6; } row:selected progressbar trough, infobar progressbar trough { background-color: rgba(0, 0, 0, 0.2); } levelbar block { min-width: 32px; min-height: 1px; } levelbar.vertical block { min-width: 1px; min-height: 32px; } levelbar trough { border: none; padding: 3px; border-radius: 3px; background-color: #cfd6e6; } levelbar.horizontal.discrete block { margin: 0 1px; } levelbar.vertical.discrete block { margin: 1px 0; } levelbar block:not(.empty) { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } levelbar block.low { border-color: #F27835; background-color: #F27835; } levelbar block.high { border-color: #5294e2; background-color: #5294e2; } levelbar block.full { border-color: #73d216; background-color: #73d216; } levelbar block.empty { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } printdialog paper { border: 1px solid #dcdfe3; background: #ffffff; padding: 0; } printdialog .dialog-action-box { margin: 12px; } frame > border, .frame { margin: 0; padding: 0; border-radius: 0; border: 1px solid #dcdfe3; } frame.flat > border, frame > border.flat, .frame.flat { border-style: none; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; border: none; } scrolledwindow undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; border: none; } scrolledwindow undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; border: none; } scrolledwindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; border: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator { background-color: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } list { background-color: #ffffff; border-color: #dcdfe3; } list row { padding: 2px; } row:not(:hover) { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(0, 0, 0, 0.05); } row.activatable:active { color: #5c616c; } row.activatable:disabled { color: rgba(92, 97, 108, 0.55); } row.activatable:disabled image { color: inherit; } row.activatable:selected:active { color: #ffffff; } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #4a85cb; } .app-notification { padding: 10px; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: rgba(31, 33, 40, 0.95); } .app-notification border { border: none; } .app-notification button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .app-notification button.flat, .app-notification button.sidebar-button { border-color: rgba(82, 148, 226, 0); } .app-notification button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .app-notification button:active, .app-notification button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; background-clip: padding-box; } .app-notification button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } expander arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander arrow:hover { color: #aaaeb7; } expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } calendar { color: #5c616c; border: 1px solid #dcdfe3; border-radius: 3px; padding: 2px; } calendar:selected { border-radius: 1.5px; } calendar.header { color: #5c616c; border: none; } calendar.button { color: rgba(92, 97, 108, 0.45); } calendar.button:hover { color: #5c616c; } calendar.button:disabled { color: rgba(92, 97, 108, 0.55); } calendar:indeterminate { color: alpha(currentColor,0.55); } calendar.highlight { color: #5c616c; } messagedialog .titlebar { min-height: 20px; background-color: rgba(47, 52, 63, 0.97); border-bottom: 1px solid rgba(32, 35, 43, 0.97); } messagedialog .dialog-action-area button { padding: 8px; min-height: 0; } messagedialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } messagedialog.csd .dialog-action-area button { border-bottom-style: none; } messagedialog.csd .dialog-action-area button { border-radius: 0; border-right-style: none; } messagedialog.csd .dialog-action-area button:last-child { border-radius: 0 0 3px 0; border-right-style: none; } messagedialog.csd .dialog-action-area button:first-child { border-radius: 0 0 0 3px; border-left-style: none; } messagedialog.csd .dialog-action-area button:only-child { border-radius: 0 0 3px 3px; border-left-style: none; border-right-style: none; } filechooser #pathbarbox { border-bottom: 1px solid rgba(220, 223, 227, 0.5); } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } .sidebar { border-style: none; background-color: #fbfbfc; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: 1px solid #dcdfe3; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid #dcdfe3; border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } placessidebar > viewport.frame { border-style: none; } placessidebar row { min-height: 30px; padding: 0px; } placessidebar row > revealer { padding: 0 10px; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-width: 22px; min-height: 22px; margin-top: 2px; margin-bottom: 2px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: linear-gradient(to bottom, #F08437, #F08437); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #5294e2; } placessidebar row:drop(active):not(:disabled) { box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { color: #F08437; } placessidebar row:drop(active):not(:disabled):selected { background-color: #F08437; } placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { color: #ffffff; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3); background-size: 1px 1px; } paned > separator:selected { background-image: linear-gradient(to bottom, #5294e2, #5294e2); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #F5F6F7; background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3), linear-gradient(to bottom, #dcdfe3, #dcdfe3); background-size: 1px 1px, 1px 1px; } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } infobar { border-style: none; } infobar.info, infobar.question, infobar.warning, infobar.error { background-color: #5294e2; color: #ffffff; caret-color: currentColor; } infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { color: #5294e2; background-color: #ffffff; } .selection-mode.primary-toolbar button:hover, headerbar.selection-mode button:hover, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .nautilus-window .floating-bar button { color: #ffffff; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } row:selected button.flat, row:selected button.sidebar-button, infobar.info button.flat, infobar.info button.sidebar-button, infobar.question button.flat, infobar.question button.sidebar-button, infobar.warning button.flat, infobar.warning button.sidebar-button, infobar.error button.flat, infobar.error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .selection-mode.primary-toolbar button:disabled, headerbar.selection-mode button:disabled, row:selected button.flat:disabled, row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.info button.sidebar-button:disabled, infobar.question button.flat:disabled, infobar.question button.sidebar-button:disabled, infobar.warning button.flat:disabled, infobar.warning button.sidebar-button:disabled, infobar.error button.flat:disabled, infobar.error button.sidebar-button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.sidebar-button:disabled, .selection-mode.primary-toolbar button:disabled label, headerbar.selection-mode button:disabled label, row:selected button.flat:disabled label, row:selected button.sidebar-button:disabled label, infobar.info button.flat:disabled label, infobar.info button.sidebar-button:disabled label, infobar.question button.flat:disabled label, infobar.question button.sidebar-button:disabled label, infobar.warning button.flat:disabled label, infobar.warning button.sidebar-button:disabled label, infobar.error button.flat:disabled label, infobar.error button.sidebar-button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.sidebar-button:disabled label { color: rgba(255, 255, 255, 0.4); } row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .nautilus-window .floating-bar button:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .selection-mode.primary-toolbar button:active, headerbar.selection-mode button:active, .selection-mode.primary-toolbar button:checked, headerbar.selection-mode button:checked, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .nautilus-window .floating-bar button:active, .selection-mode.primary-toolbar button:hover:active, headerbar.selection-mode button:hover:active, .selection-mode.primary-toolbar button:hover:checked, headerbar.selection-mode button:hover:checked, row:selected button:active:hover, infobar.info button:active:hover, infobar.question button:active:hover, infobar.warning button:active:hover, infobar.error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .nautilus-window .floating-bar button:checked { color: #5294e2; background-color: #ffffff; border-color: #ffffff; } row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled { background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.4); } row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label, .nautilus-window .floating-bar button:disabled label { color: rgba(255, 255, 255, 0.5); } .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { color: #5294e2; background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.4); } tooltip { border-radius: 2px; box-shadow: none; } tooltip.background { background-color: rgba(75, 81, 98, 0.95); background-clip: padding-box; } tooltip.background label { padding: 4px; } tooltip decoration { background-color: transparent; } tooltip * { background-color: transparent; color: #BAC3CF; } colorswatch, colorswatch:drop(active) { border-style: none; } colorswatch.top { border-top-left-radius: 2.5px; border-top-right-radius: 2.5px; } colorswatch.top overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } colorswatch.bottom { border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 2.5px; border-bottom-left-radius: 2.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.dark overlay { color: rgba(255, 255, 255, 0.7); } colorswatch.dark overlay:hover { border-color: rgba(0, 0, 0, 0.5); } colorswatch.light overlay { color: rgba(0, 0, 0, 0.7); } colorswatch.light overlay:hover { border-color: rgba(0, 0, 0, 0.3); } colorswatch overlay { border: 1px solid rgba(0, 0, 0, 0.15); } colorswatch overlay:hover { background-color: rgba(255, 255, 255, 0.2); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } colorswatch#add-color-button { border-style: solid; border-width: 1px; color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } colorswatch#add-color-button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; } colorswatch#add-color-button overlay { border-color: transparent; background-color: transparent; background-image: none; } button.color { padding: 0; } button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { margin: 4px; border-radius: 0; } colorchooser .popover.osd { border-radius: 3px; } .content-view { background-color: #ffffff; } .content-view:hover { -gtk-icon-effect: highlight; } .scale-popup button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; } .context-menu, popover.touch-selection, .csd popover.touch-selection, popover.background.touch-selection, .csd popover.background.touch-selection { font: initial; } .monospace { font-family: Monospace; } button.circular, button.nautilus-circular-button.image-button, button.circular-button { padding: 0; min-width: 16px; min-height: 24px; padding: 2px 6px; border-radius: 50%; -gtk-outline-radius: 50%; } button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { padding: 0; } .keycap { min-width: 16px; min-height: 20px; padding: 3px 6px 4px 6px; color: #5c616c; background-color: #ffffff; border: 1px solid #dcdfe3; border-radius: 2.5px; box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); } stackswitcher button.text-button { min-width: 80px; } stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { min-width: 0; } *:drop(active):focus, *:drop(active) { box-shadow: inset 0 0 0 1px #F08437; } decoration { border-radius: 3px 3px 0 0; border-width: 0px; box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.97), 0 8px 8px 0 rgba(0, 0, 0, 0.2); margin: 10px; } decoration:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); transition: 200ms ease-out; } .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration { box-shadow: none; border-radius: 0; } .ssd decoration { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } .ssd decoration.maximized { border-radius: 0; } .csd.popup decoration { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } tooltip.csd decoration { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } messagedialog.csd decoration { border-radius: 3px; } .solid-csd decoration { border-radius: 0; margin: 1px; background-color: rgba(47, 52, 63, 0.97); box-shadow: none; } headerbar.default-decoration button.titlebutton, .titlebar.default-decoration button.titlebutton { padding: 0 4px; min-width: 0; min-height: 0; margin: 0; } headerbar button.titlebutton, .titlebar button.titlebutton { padding: 0; min-width: 24px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); } headerbar button.titlebutton:hover, .titlebar button.titlebutton:hover { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } headerbar button.titlebutton:active, headerbar button.titlebutton:checked, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; } headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, .titlebar button.titlebutton.close, .titlebar button.titlebutton.maximize, .titlebar button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; } headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.close:backdrop, .titlebar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.minimize:backdrop { opacity: 1; } headerbar button.titlebutton.close, .titlebar button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } headerbar button.titlebutton.close:backdrop, .titlebar button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } headerbar button.titlebutton.close:hover, .titlebar button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } headerbar button.titlebutton.close:active, .titlebar button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } headerbar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } headerbar button.titlebutton.maximize:hover, .titlebar button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } headerbar button.titlebutton.maximize:active, .titlebar button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } headerbar button.titlebutton.minimize:hover, .titlebar button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } headerbar button.titlebutton.minimize:active, .titlebar button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { background-color: #5294e2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { color: #ffffff; } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, modelbutton.flat:disabled:active, modelbutton.flat:active arrow:disabled, modelbutton.flat:disabled:selected, modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:active:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:active:hover { color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked, terminal-window notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -1px #dcdfe3; } terminal-window notebook > header.top, .mate-terminal notebook > header.top { padding-top: 3px; box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; } terminal-window notebook > header.top button, .mate-terminal notebook > header.top button { padding: 0; min-width: 24px; min-height: 24px; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item, .caja-desktop { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active, .caja-desktop:active { color: #5c616c; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected, .caja-desktop:selected { color: #ffffff; text-shadow: none; } .nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #a9acb2; } .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } .nautilus-window searchbar { border-top: 1px solid #dcdfe3; } .nautilus-window .searchbar-container { margin-top: -1px; } .nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #ffffff; } .disk-space-display { border-style: solid; border-width: 1px; } .disk-space-display.unknown { background-color: rgba(92, 97, 108, 0.5); border-color: rgba(69, 72, 80, 0.5); } .disk-space-display.used { background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { background-color: #edeef0; border-color: #d0d5da; } @keyframes needs_attention_keyframes { 0% { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } 100% { color: #ffffff; border-color: transparent; background-color: #5294e2; } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes 2s ease-in-out; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes 3s ease-in-out; animation-iteration-count: 3; } .conflict-row.activatable, .conflict-row.activatable:active { color: white; background-color: #FC4138; } .conflict-row.activatable:hover { background-color: #fd716a; } .conflict-row.activatable:selected { color: #ffffff; background-color: #5294e2; } .nemo-window .nemo-places-sidebar.frame { border-width: 0; } .nemo-window notebook { background-color: #ffffff; } .nemo-window .nemo-window-pane widget.entry { border: 1px solid; border-radius: 3px; color: #5c616c; border-color: #5294e2; background-color: #ffffff; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { margin: 0 0 1px 0; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { background-color: rgba(134, 144, 165, 0.37); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(207, 218, 231, 0.4); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { border-left-style: none; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } .caja-notebook { border-top: 1px solid #dcdfe3; } .caja-side-pane .frame { border-width: 1px 0 0; } .caja-notebook .frame { border-width: 0 0 1px; } .open-document-selector-treeview.view, iconview.open-document-selector-treeview { padding: 3px 6px 3px 6px; border-color: #ffffff; } .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { background-color: #f4f4f5; } .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { color: #ffffff; background-color: #5294e2; } .open-document-selector-name-label { color: #5c616c; } .open-document-selector-path-label { color: #aeb0b6; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } .gedit-document-panel row button { min-width: 22px; min-height: 22px; padding: 0; color: transparent; background: none; border: none; box-shadow: none; } .gedit-document-panel row button image { color: inherit; } .gedit-document-panel row:hover:not(:selected) button { color: #92959d; } .gedit-document-panel row:hover:not(:selected) button:hover { color: #ff4d4d; } .gedit-document-panel row:hover:not(:selected) button:active { color: #5c616c; } .gedit-document-panel row:hover:selected button:hover { color: #ff6666; background: none; border: none; box-shadow: none; } .gedit-document-panel row:hover:selected button:hover:active { color: #ffffff; } .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; color: #5c616c; } .gedit-side-panel-paned statusbar { border-top: 1px solid #dcdfe3; background-color: #F5F6F7; } .gedit-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); border: none; margin: 2px; padding: 2px; } .gedit-map-frame border { border-color: rgba(0, 0, 0, 0.3); border-width: 0; } .gedit-map-frame border:dir(ltr) { border-left-width: 1px; } .gedit-map-frame border:dir(rtl) { border-right-width: 1px; } .pluma-window statusbar frame > border { border: none; } .pluma-window notebook > stack scrolledwindow { border-width: 0 0 1px 0; } #pluma-status-combo-button { min-height: 0; padding: 0; border-top: none; border-bottom: none; border-radius: 0; } .gb-search-entry-occurrences-tag { background: none; } workbench.csd > stack.titlebar:not(headerbar) { padding: 0; background: none; border: none; box-shadow: none; } workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { border-radius: 3px 3px 0 0; } editortweak .linked > entry.search:focus + .gb-linked-scroller { border-top-color: #5294e2; } layouttab { background-color: #ffffff; } layout { border: 1px solid #dcdfe3; -PnlDockBin-handle-size: 1; } eggsearchbar box.search-bar { border-bottom: 1px solid #dcdfe3; } pillbox { color: #ffffff; background-color: #5294e2; border-radius: 3px; } pillbox:disabled label { color: rgba(255, 255, 255, 0.5); } docktabstrip { padding: 0 6px; background-color: #F5F6F7; border-bottom: 1px solid #dcdfe3; } docktabstrip docktab { min-height: 28px; border: solid transparent; border-width: 0 1px; } docktabstrip docktab label { opacity: 0.5; } docktabstrip docktab:checked label, docktabstrip docktab:hover label { opacity: 1; } docktabstrip docktab:checked { border-color: #dcdfe3; background-color: #ffffff; } dockbin { border: 1px solid #dcdfe3; -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid #dcdfe3; } dockoverlayedge { background-color: #F5F6F7; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { border-width: 1px 0; } popover.messagepopover.background { padding: 0; } popover.messagepopover .popover-content-area { margin: 16px; } popover.messagepopover .popover-action-area { margin: 8px; } popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { margin: 0 4px; } popover.popover-selector { padding: 0; } popover.popover-selector list row { padding: 5px 0; } popover.popover-selector list row image { margin-left: 3px; margin-right: 10px; } entry.search.preferences-search { border: none; border-right: 1px solid #dcdfe3; border-bottom: 1px solid #dcdfe3; border-radius: 0; } preferences stacksidebar.sidebar list { background-image: linear-gradient(to bottom, #ffffff, #ffffff); } preferences stacksidebar.sidebar list separator { background-color: transparent; } devhelppanel entry:focus, symboltreepanel entry:focus { border-color: #dcdfe3; } button.run-arrow-button { min-width: 12px; } omnibar.linked > entry:not(:only-child) { border-style: solid; border-radius: 3px; margin-left: 1px; margin-right: 1px; } gstyleslidein #scale_box button.toggle:checked, gstyleslidein #strings_controls button.toggle:checked, gstyleslidein #palette_controls button.toggle:checked, gstyleslidein #components_controls button.toggle:checked { color: #5c616c; } configurationview entry.flat { background: none; } configurationview list { border-width: 0; } .documents-scrolledwin.frame { border-width: 0; } button.documents-load-more { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon, .photos-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } button.documents-favorite:active, button.documents-favorite:active:hover { color: #a9caf1; } .documents-entry-tag, .photos-entry-tag { color: #ffffff; background: #5294e2; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover, .photos-entry-tag:hover { color: #ffffff; background: #639fe5; } .documents-entry-tag:active, .photos-entry-tag:active { color: #ffffff; background: #4189df; } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } .photos-fade-in { opacity: 1.0; transition: opacity 0.2s ease-out; } .photos-fade-out { opacity: 0.0; transition: opacity 0.2s ease-out; } .tweak-categories, .tweak-category:not(:selected):not(:hover) { background-image: linear-gradient(to bottom, #ffffff, #ffffff); } .tr-workarea undershoot, .tr-workarea overshoot { border-color: transparent; } .atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar { background: none; } #gf-bubble, #gf-bubble.solid, #gf-osd-window, #gf-osd-window.solid, #gf-input-source-popup, #gf-input-source-popup.solid, #gf-candidate-popup, #gf-candidate-popup.solid { color: #cfd5de; background-color: rgba(53, 57, 69, 0.95); border: 1px solid rgba(35, 38, 46, 0.95); border-radius: 2px; } #gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, #gf-osd-window levelbar block.low, #gf-osd-window levelbar block.high, #gf-osd-window levelbar block.full, #gf-input-source-popup levelbar block.low, #gf-input-source-popup levelbar block.high, #gf-input-source-popup levelbar block.full, #gf-candidate-popup levelbar block.low, #gf-candidate-popup levelbar block.high, #gf-candidate-popup levelbar block.full { background-color: #5294e2; border-color: #5294e2; } #gf-bubble levelbar block.empty, #gf-osd-window levelbar block.empty, #gf-input-source-popup levelbar block.empty, #gf-candidate-popup levelbar block.empty { background-color: rgba(42, 45, 55, 0.95); } #gf-bubble levelbar trough, #gf-osd-window levelbar trough, #gf-input-source-popup levelbar trough, #gf-candidate-popup levelbar trough { background: none; } #gf-input-source { min-height: 32px; min-width: 40px; } #gf-input-source:selected { color: #ffffff; background-color: #5294e2; border-radius: 2px; } gf-candidate-box label { padding: 3px; } gf-candidate-box:hover, gf-candidate-box:selected { color: #ffffff; background-color: #5294e2; border-radius: 2px; } MsdOsdWindow.background.osd { border-radius: 2px; border: 1px solid rgba(35, 38, 46, 0.95); } MsdOsdWindow.background.osd .progressbar { background-color: #5294e2; border: none; border-color: red; border-radius: 5px; } MsdOsdWindow.background.osd .trough { background-color: rgba(42, 45, 55, 0.95); border: none; border-radius: 5px; } .mate-panel-menu-bar, .mate-panel-menu-bar menubar, panel-toplevel.background, panel-toplevel.background menubar { background-color: #2b2e37; } .mate-panel-menu-bar menubar, .mate-panel-menu-bar #PanelApplet label, .mate-panel-menu-bar #PanelApplet image, panel-toplevel.background menubar, panel-toplevel.background #PanelApplet label, panel-toplevel.background #PanelApplet image { color: #BAC3CF; } .mate-panel-menu-bar button label, .mate-panel-menu-bar button image, .mate-panel-menu-bar #tasklist-button label, .mate-panel-menu-bar #tasklist-button image, panel-toplevel.background button label, panel-toplevel.background button image, panel-toplevel.background #tasklist-button label, panel-toplevel.background #tasklist-button image { color: inherit; } .mate-panel-menu-bar .wnck-pager, panel-toplevel.background .wnck-pager { color: #5d6268; background-color: rgba(20, 22, 27, 0.95); } .mate-panel-menu-bar .wnck-pager:hover, panel-toplevel.background .wnck-pager:hover { background-color: rgba(54, 58, 70, 0.95); } .mate-panel-menu-bar .wnck-pager:selected, panel-toplevel.background .wnck-pager:selected { color: #a9caf1; background-color: #5294e2; } .mate-panel-menu-bar na-tray-applet, panel-toplevel.background na-tray-applet { -NaTrayApplet-icon-padding: 0; -NaTrayApplet-icon-size: 16px; } .xfce4-panel.panel { background-color: rgba(43, 46, 55, 0.95); text-shadow: none; -gtk-icon-shadow: none; } #tasklist-button { color: rgba(186, 195, 207, 0.8); border-radius: 0; border: none; background-color: rgba(43, 46, 55, 0); } #tasklist-button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); } #tasklist-button:checked { color: white; background-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } .mate-panel-menu-bar button:not(#tasklist-button), panel-toplevel.background button:not(#tasklist-button), .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { color: #BAC3CF; border-radius: 0; border: none; background-color: rgba(43, 46, 55, 0); } .mate-panel-menu-bar button:hover:not(#tasklist-button), panel-toplevel.background button:hover:not(#tasklist-button), .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { border: none; background-color: rgba(65, 70, 84, 0.95); } .mate-panel-menu-bar button:active:not(#tasklist-button), panel-toplevel.background button:active:not(#tasklist-button), .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .mate-panel-menu-bar button:checked:not(#tasklist-button), panel-toplevel.background button:checked:not(#tasklist-button), .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { color: #ffffff; border: none; background-color: #5294e2; } .mate-panel-menu-bar button:active:not(#tasklist-button) label, panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.sidebar-button:active label, .mate-panel-menu-bar button:active:not(#tasklist-button) image, panel-toplevel.background button:active:not(#tasklist-button) image, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.sidebar-button:active image, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.sidebar-button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, panel-toplevel.background button:checked:not(#tasklist-button) image, .xfce4-panel.panel button.flat:checked image, .xfce4-panel.panel button.sidebar-button:checked image { color: inherit; } .nautilus-window .floating-bar { padding: 1px; background-color: #5294e2; color: #ffffff; border-radius: 2px 2px 0 0; } .nautilus-window .floating-bar.bottom.left { border-top-left-radius: 0; } .nautilus-window .floating-bar.bottom.right { border-top-right-radius: 0; } .nautilus-window .floating-bar button { border: none; border-radius: 0; min-height: 0; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.37); } .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: transparent; background-color: #5294e2; } .marlin-pathbar.pathbar:disabled { color: rgba(207, 218, 231, 0.35); border-color: rgba(21, 23, 28, 0.37); background-color: rgba(95, 105, 127, 0.22); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; -gtk-icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { border: 1px solid rgba(32, 35, 43, 0.97); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #2f343f, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } UnityDecoration .top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97), rgba(32, 35, 43, 0.97)); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: rgba(64, 71, 86, 0.97); border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focus, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focus { background-image: none; border-image: none; } .lightdm.button:focus, .lightdm.entry:focus { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar label { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #dcdfe3; border-right: 1px solid #dcdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #dcdfe3; } toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { padding: 0 3px 0 3px; } toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #dcdfe3; background-color: #F5F6F7; } toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view, iconview.source-list { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:hover, iconview.source-list:hover { background-color: white; } .source-list.view:selected, iconview.source-list:selected, .source-list.view:hover:selected, iconview.source-list:hover:selected, .source-list.view:selected:focus, iconview.source-list:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list scrollbar, .source-list junction { border-image: none; border-color: transparent; background-color: #F5F6F7; background-image: none; } .source-list.badge, .source-list.badge:hover, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:hover:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:hover:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #5c616c; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome label { color: #a9acb2; font-size: 11px; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(92, 97, 108, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #ffffff, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry entry { padding: 4px; } .h1 { font-size: 24px; } .h2 { font-size: 18px; } .h3 { font-size: 11px; } .h4, .category-label { color: #8a8e96; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: rgba(43, 46, 55, 0.95); color: #BAC3CF; font-weight: bold; box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } #panel_window menubar { padding-left: 5px; } #panel_window menubar, #panel_window menubar > menuitem { background-color: transparent; color: #BAC3CF; font-weight: bold; } #panel_window menubar menuitem:disabled { color: rgba(186, 195, 207, 0.5); } #panel_window menubar menuitem:disabled label { color: inherit; } #panel_window menubar menu > menuitem { font-weight: normal; } #login_window, #shutdown_dialog, #restart_dialog { font-weight: normal; border-style: none; background-color: transparent; color: #5c616c; } #content_frame { padding-bottom: 14px; background-color: #F5F6F7; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame button { color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } #content_frame button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; } #content_frame button:active, #content_frame button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } #content_frame button:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } #content_frame button:disabled label, #content_frame button:disabled { color: rgba(92, 97, 108, 0.55); } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: rgba(53, 57, 69, 0.95); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px rgba(53, 57, 69, 0.95); } #buttonbox_frame button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } #buttonbox_frame button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } #buttonbox_frame button:active, #buttonbox_frame button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } #buttonbox_frame button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } #login_window #user_combobox { color: #5c616c; font-size: 13px; } #login_window #user_combobox menu { font-weight: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font-weight: bold; } .nautilus-window paned > separator { background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95), rgba(53, 57, 69, 0.95)); } .nautilus-window paned > separator:dir(ltr) { margin-left: -1px; } .nautilus-window paned > separator:dir(rtl) { margin-right: -1px; } filechooser paned > separator { background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95), rgba(53, 57, 69, 0.95)); } filechooser.csd.background, filechooser placessidebar list, .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } filechooser placessidebar.sidebar, .nautilus-window placessidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } filechooser placessidebar.sidebar row.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row { border: none; color: #BAC3CF; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { color: rgba(186, 195, 207, 0.6); } filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:hover, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row:hover { background-color: rgba(186, 195, 207, 0.15); } filechooser placessidebar.sidebar row.sidebar-row:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled label, filechooser placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image { color: rgba(186, 195, 207, 0.4); } filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon { color: inherit; } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button { color: #BAC3CF; } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { color: #5294e2; } filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { color: inherit; } filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { color: #F08437; } filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { background-color: #F08437; } filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { color: #ffffff; } filechooser placessidebar.sidebar separator, .nautilus-window placessidebar.sidebar separator { background-color: transparent; } filechooser.maximized placessidebar.sidebar, .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } .nemo-window .sidebar { color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); } .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { background-color: transparent; color: #BAC3CF; } .nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { background-color: #5294e2; color: #ffffff; } .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { color: rgba(123, 129, 141, 0.975); } .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { color: #BAC3CF; } .nemo-window .sidebar separator { background-color: transparent; } .caja-side-pane, .caja-side-pane > notebook > stack > widget > box, .caja-side-pane text, .caja-side-pane treeview { color: #BAC3CF; caret-color: #BAC3CF; background-color: #353945; } .caja-side-pane > box button:not(:active):not(:checked) { color: #BAC3CF; } .caja-side-pane .frame { border-color: #2a2d37; } .caja-side-pane junction { background-color: rgba(42, 45, 55, 0.95); } filechooser actionbar { color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); border-color: rgba(37, 40, 49, 0.95); } filechooser actionbar label, filechooser actionbar combobox { color: #BAC3CF; } .gedit-bottom-panel-paned { background-color: #ffffff; } .gedit-side-panel-paned > separator { background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95), rgba(53, 57, 69, 0.95)); } .gedit-bottom-panel-paned > separator { background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3); } .gedit-document-panel { background-color: rgba(53, 57, 69, 0.95); } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel row { color: #BAC3CF; background-color: rgba(186, 195, 207, 0); } .gedit-document-panel row:hover { background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel row:active { color: #ffffff; background-color: #5294e2; } .gedit-document-panel row:active button { color: #ffffff; } .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { color: #ffffff; background-color: #5294e2; } .gedit-document-panel row:hover:not(:selected) button:active { color: #BAC3CF; } filechooser actionbar button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } filechooser actionbar button:active, filechooser actionbar button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } filechooser actionbar button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } filechooser actionbar entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } filechooser actionbar entry image, filechooser actionbar entry image:hover { color: inherit; } filechooser actionbar entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } filechooser actionbar entry:disabled { color: rgba(186, 195, 207, 0.55); background-color: rgba(102, 109, 132, 0.2); } filechooser placessidebar.sidebar scrollbar, .nautilus-window placessidebar.sidebar scrollbar, .nemo-window .sidebar scrollbar, .caja-side-pane scrollbar { border-color: rgba(42, 45, 55, 0.95); } filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nemo-window .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } filechooser placessidebar.sidebar scrollbar slider, .nautilus-window placessidebar.sidebar scrollbar slider, .nemo-window .sidebar scrollbar slider, .caja-side-pane scrollbar slider { background-color: rgba(231, 234, 238, 0.7); } filechooser placessidebar.sidebar scrollbar slider:hover, .nautilus-window placessidebar.sidebar scrollbar slider:hover, .nemo-window .sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { background-color: #f6f7f9; } filechooser placessidebar.sidebar scrollbar slider:hover:active, .nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .nemo-window .sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { background-color: #5294e2; } filechooser placessidebar.sidebar scrollbar slider:disabled, .nautilus-window placessidebar.sidebar scrollbar slider:disabled, .nemo-window .sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { background-color: transparent; } filechooser placessidebar.sidebar scrollbar trough, .nautilus-window placessidebar.sidebar scrollbar trough, .nemo-window .sidebar scrollbar trough, .caja-side-pane scrollbar trough { background-color: rgba(42, 45, 55, 0.95); } @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; @define-color theme_base_color #ffffff; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #5c616c; @define-color text_color #5c616c; @define-color bg_color #F5F6F7; @define-color base_color #ffffff; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #fbfbfc; @define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; @define-color borders #dcdfe3; @define-color unfocused_borders #dcdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #2679db; @define-color content_view_bg #ffffff; @define-color wm_title alpha(#cfdae7, 0.8); @define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343f; @define-color wm_bg_unfocused #323843; @define-color wm_highlight #363b48; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #cc575d; @define-color wm_button_close_hover_bg #d7787d; @define-color wm_button_close_active_bg #be3841; @define-color wm_icon_close_bg #2f343f; @define-color wm_button_hover_bg #454C5C; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #262932; @define-color wm_icon_bg #90939B; @define-color wm_icon_unfocused_bg #666A74; @define-color wm_icon_hover_bg #C4C7CC; @define-color wm_icon_active_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.20/gtk-solid-dark.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 2px; } .background { color: #D3DAE3; background-color: #383C4A; } *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { background-color: #383C4A; color: #D3DAE3; } .gtkstyle-fallback:hover { background-color: #4e5467; color: #D3DAE3; } .gtkstyle-fallback:active { background-color: #22242d; color: #D3DAE3; } .gtkstyle-fallback:disabled { background-color: #3c4150; color: rgba(211, 218, 227, 0.45); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view, iconview, .view text, iconview text, textview text { color: #D3DAE3; background-color: #404552; } .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus { border-radius: 2px; } textview border { background-color: #3c414e; } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .rubberband { border: 1px solid #2679db; background-color: rgba(38, 121, 219, 0.2); } flowbox flowboxchild { padding: 3px; border-radius: 2px; } flowbox flowboxchild:selected { outline-offset: -2px; } label.separator, popover label.separator, popover.background label.separator { color: #D3DAE3; } label selection { color: #ffffff; background-color: #5294e2; } label:disabled { color: rgba(211, 218, 227, 0.45); } .dim-label, label.separator, popover label.separator, popover.background label.separator, headerbar .subtitle, .titlebar:not(headerbar) .subtitle { opacity: 0.55; } assistant .sidebar { background-color: #404552; border-top: 1px solid #2b2e39; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #5294e2; color: #ffffff; } textview { background-color: #404552; } popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.background.osd, popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { color: #BAC3CF; border: none; background-color: #353945; background-clip: padding-box; box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } entry { min-height: 22px; border: 1px solid; padding: 2px 8px; caret-color: currentColor; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #D3DAE3; border-color: #2b2e39; background-color: #404552; } entry.search { border-radius: 20px; } entry image { color: #b6bcc6; } entry image.left { padding-left: 0; padding-right: 5px; } entry image.right { padding-right: 0; padding-left: 5px; } entry.flat, entry.flat:focus { min-height: 0; padding: 2px; background-image: none; border-color: transparent; border-radius: 0; } entry:focus { background-clip: border-box; color: #D3DAE3; border-color: #2b2e39; background-color: #404552; box-shadow: inset 1px 0 #5294e2, inset -1px 0 #5294e2, inset 0 1px #5294e2, inset 0 -1px #5294e2; } entry:disabled { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(64, 69, 82, 0.55); } entry.warning { color: white; border-color: #2b2e39; background-color: #ab6441; } entry.warning image { color: white; } entry.warning:focus { color: white; background-color: #F27835; box-shadow: none; } entry.warning selection, entry.warning selection:focus { background-color: white; color: #F27835; } entry.error { color: white; border-color: #2b2e39; background-color: #b14342; } entry.error image { color: white; } entry.error:focus { color: white; background-color: #FC4138; box-shadow: none; } entry.error selection, entry.error selection:focus { background-color: white; color: #FC4138; } entry.search-missing { color: white; border-color: #2b2e39; background-color: #b14342; } entry.search-missing image { color: white; } entry.search-missing:focus { color: white; background-color: #FC4138; box-shadow: none; } entry.search-missing selection, entry.search-missing selection:focus { background-color: white; color: #FC4138; } entry:drop(active):focus, entry:drop(active) { border-color: #F08437; box-shadow: none; } .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .osd entry image, .osd entry image:hover { color: inherit; } .osd entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-color: rgba(102, 109, 132, 0.25); } .osd entry selection:focus, .osd entry selection { color: #5294e2; background-color: #ffffff; } entry progress { margin: 0 -6px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #404552; } treeview entry.flat:focus, treeview entry:focus { border-color: #5294e2; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } button { min-height: 22px; min-width: 20px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 2px 6px; color: #D3DAE3; border-color: #2b2e39; background-color: #444a58; } button separator { margin: 4px 1px; } button.flat, button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; transition: none; } button.flat:hover, button.sidebar-button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } button.flat:hover:active, button.sidebar-button:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button:hover { color: #D3DAE3; border-color: #2b2e39; background-color: #505666; -gtk-icon-effect: highlight; } button:active, button:checked { color: #ffffff; border-color: #2b2e39; background-color: #5294e2; background-clip: padding-box; transition-duration: 50ms; } button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { color: inherit; opacity: 0.6; } button:active { color: #D3DAE3; } button:active:hover, button:checked { color: #ffffff; } button.flat:disabled, button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; } button:disabled { border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } button:disabled label, button:disabled { color: rgba(211, 218, 227, 0.45); } button:disabled:active, button:disabled:checked { border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { color: rgba(255, 255, 255, 0.8); } button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } button.text-button { padding-left: 12px; padding-right: 12px; } button.text-button.image-button { padding-left: 5px; padding-right: 5px; } button.text-button.image-button label:first-child { padding-left: 8px; padding-right: 2px; } button.text-button.image-button label:last-child { padding-right: 8px; padding-left: 2px; } button.text-button.image-button label:only-child { padding-left: 8px; padding-right: 8px; } button.text-button.image-button.popup { padding-right: 8px; padding-left: 8px; } button:drop(active), combobox:drop(active) button.combo { color: #F08437; border-color: #F08437; box-shadow: none; } button.osd { color: #BAC3CF; background-color: #353945; border-color: #23262e; } button.osd.image-button { padding: 0; min-height: 36px; min-width: 36px; } button.osd:hover { color: #5294e2; } button.osd:active, button.osd:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } button.osd:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .osd button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd button:active, .osd button:checked { background-clip: padding-box; color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd button.flat, .osd button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd button.flat:hover, .osd button.sidebar-button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd button.flat:disabled, .osd button.sidebar-button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); background-image: none; } .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: none; } button.suggested-action { background-clip: border-box; color: white; background-color: #4DADD4; border-color: #4DADD4; } button.suggested-action.flat, button.suggested-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; } button.suggested-action:hover { background-clip: border-box; color: white; background-color: #76c0de; border-color: #76c0de; } button.suggested-action:active, button.suggested-action:checked { background-clip: border-box; color: white; background-color: #2e96c0; border-color: #2e96c0; } button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; color: rgba(211, 218, 227, 0.45); } button.suggested-action:disabled { border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } button.suggested-action:disabled label, button.suggested-action:disabled { color: rgba(211, 218, 227, 0.45); } button.destructive-action { background-clip: border-box; color: white; background-color: #F04A50; border-color: #F04A50; } button.destructive-action.flat, button.destructive-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; } button.destructive-action:hover { background-clip: border-box; color: white; background-color: #f4797e; border-color: #f4797e; } button.destructive-action:active, button.destructive-action:checked { background-clip: border-box; color: white; background-color: #ec1b22; border-color: #ec1b22; } button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; color: rgba(211, 218, 227, 0.45); } button.destructive-action:disabled { border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } button.destructive-action:disabled label, button.destructive-action:disabled { color: rgba(211, 218, 227, 0.45); } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { background-position: left 3px, left 2px; } button.font separator, button.file separator { background-color: transparent; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar toolbutton > button { color: #D3DAE3; border-color: #2b2e39; background-color: #444a58; } .inline-toolbar toolbutton > button:hover { color: #D3DAE3; border-color: #2b2e39; background-color: #505666; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #ffffff; border-color: #2b2e39; background-color: #5294e2; } .inline-toolbar toolbutton > button:disabled { border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { color: rgba(211, 218, 227, 0.45); } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { color: rgba(255, 255, 255, 0.8); } .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(43, 46, 57, 0.3); } .linked:not(.vertical):not(.path-bar) > entry.error + entry, .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: rgba(43, 46, 57, 0.3); } .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: rgba(43, 46, 57, 0.3); } .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { border-left-color: rgba(43, 46, 57, 0.3); } .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > button:active + entry, .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > button + button { border-left-style: none; } .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 1px 0 #2b2e39; } .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } .linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { box-shadow: none; } .linked:not(.vertical).path-bar > button + button { border-left-style: none; } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5), inset -1px 0 rgba(43, 46, 57, 0.5); } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(43, 46, 57, 0.5); } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } .linked.vertical > entry + entry { border-top-color: rgba(43, 46, 57, 0.3); } .linked.vertical > entry.error + entry, .linked.vertical > entry + entry.error { border-top-color: rgba(43, 46, 57, 0.3); } .linked.vertical > entry.warning + entry, .linked.vertical > entry + entry.warning { border-top-color: rgba(43, 46, 57, 0.3); } .linked.vertical > entry.error + entry.warning, .linked.vertical > entry.warning + entry.error { border-top-color: rgba(43, 46, 57, 0.3); } .linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > entry + entry:focus:last-child { border-top-color: #2b2e39; } .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #2b2e39; } .linked.vertical > entry + entry:drop(active):not(:last-child), .linked.vertical > entry + entry:drop(active):last-child { border-top-color: #2b2e39; } .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #2b2e39; } .linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > entry + entry.warning:focus:last-child { border-top-color: #2b2e39; } .linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + button, .linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #2b2e39; } .linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > entry + entry.error:focus:last-child { border-top-color: #2b2e39; } .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, .linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #2b2e39; } .linked.vertical > button:active + entry, .linked.vertical > button:checked + entry { border-top-color: #2b2e39; } .linked.vertical > button + button { border-top-style: none; } .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 0 1px #2b2e39; } .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { box-shadow: inset 0 1px rgba(43, 46, 57, 0.5); } .linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { box-shadow: none; } toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, .linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl) { border-radius: 0; border-right-style: none; } .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { border-radius: 0; border-bottom-style: none; } .linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } .linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, calendar.button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } menuitem.button.flat, modelbutton.flat { transition: none; min-height: 24px; padding-left: 8px; padding-right: 8px; outline-offset: -3px; border-radius: 2px; } menuitem.button.flat:hover, modelbutton.flat:hover { background-color: #484c59; } menuitem.button.flat:checked, modelbutton.flat:checked { color: #D3DAE3; } menuitem.button.flat check:last-child, menuitem.button.flat radio:last-child, modelbutton.flat check:last-child, modelbutton.flat radio:last-child { margin-left: 8px; } menuitem.button.flat check:first-child, menuitem.button.flat radio:first-child, modelbutton.flat check:first-child, modelbutton.flat radio:first-child { margin-right: 8px; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } *:link, button:link, button:visited { color: #a9caf1; } *:link:visited, button:visited { color: #7eafe9; } *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { color: #bad4f3; } *:link:hover, button:hover:link, button:hover:visited { color: #d5e5f8; } *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { color: #eef4fc; } *:link:active, button:active:link, button:active:visited { color: #a9caf1; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #dceaf9; } infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #dceaf9; } button:link > label, button:visited > label { text-decoration-line: underline; } spinbutton:drop(active) { box-shadow: none; } spinbutton button:active { color: #ffffff; } spinbutton:disabled { color: rgba(211, 218, 227, 0.45); } spinbutton:not(.vertical) entry { min-width: 28px; } spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { border-radius: 3px 0 0 3px; } spinbutton:not(.vertical) > button + button { border-left-style: none; } spinbutton:not(.vertical) > button:hover:not(:active), spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 #2b2e39; } spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } spinbutton:not(.vertical) > button:first-child:hover:not(:active), spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } spinbutton:not(.vertical) > entry:focus + button { border-left-color: #2b2e39; } spinbutton:not(.vertical) > entry:drop(active) + button { border-left-color: #F08437; } .osd spinbutton:not(.vertical) > button:hover:not(:active), .osd spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 rgba(26, 28, 34, 0.4); } .osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), .osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), .osd spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } .osd spinbutton:not(.vertical) > entry:focus + button { border-left-color: rgba(26, 28, 34, 0.4); } spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; padding-right: 4px; min-width: 0; } spinbutton.vertical button.up { border-radius: 3px 3px 0 0; } spinbutton.vertical > entry:focus + button { border-top-color: #2b2e39; } spinbutton.vertical > entry:drop(active) + button { border-top-color: #F08437; } combobox button.combo { min-width: 0; padding-left: 8px; padding-right: 8px; } combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #383C4A; } toolbar separator, .inline-toolbar separator { background: none; } toolbar.horizontal separator, .horizontal.inline-toolbar separator { margin: 0 6px; } toolbar.vertical separator, .vertical.inline-toolbar separator { margin: 6px 0; } .osd toolbar, .osd .inline-toolbar { background-color: transparent; } toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.9); } toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { border-radius: 0; } toolbar.osd.top, .osd.top.inline-toolbar { border-width: 0 0 1px 0; } toolbar.osd.bottom, .osd.bottom.inline-toolbar { border-width: 1px 0 0 0; } toolbar.osd.left, .osd.left.inline-toolbar { border-width: 0 1px 0 0; } toolbar.osd.right, .osd.right.inline-toolbar { border-width: 0 0 0 1px; } toolbar:not(.inline-toolbar) switch, .inline-toolbar:not(.inline-toolbar) switch, toolbar:not(.inline-toolbar) scale, .inline-toolbar:not(.inline-toolbar) scale, toolbar:not(.inline-toolbar) entry, .inline-toolbar:not(.inline-toolbar) entry, toolbar:not(.inline-toolbar) spinbutton, .inline-toolbar:not(.inline-toolbar) spinbutton, toolbar:not(.inline-toolbar) button, .inline-toolbar:not(.inline-toolbar) button { margin-right: 1px; margin-bottom: 1px; } toolbar:not(.inline-toolbar) .linked > button, .inline-toolbar:not(.inline-toolbar) .linked > button, toolbar:not(.inline-toolbar) .linked > entry, .inline-toolbar:not(.inline-toolbar) .linked > entry { margin-right: 0; } .primary-toolbar:not(.libreoffice-toolbar) { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #2f343f, #20232b) 1 0 1 0; } .inline-toolbar { background-color: #313541; border-style: solid; border-color: #2b2e39; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } searchbar { background-color: #383C4A; border-style: solid; border-color: #2b2e39; border-width: 0 0 1px; padding: 3px; } actionbar { padding: 6px; border-top: 1px solid #2b2e39; background-color: #313541; } headerbar, .titlebar:not(headerbar) { min-height: 42px; padding: 0 7px; border-width: 0 0 1px; border-style: solid; border-color: #262a33; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: inset 0 1px #363b48; } .csd headerbar, .csd .titlebar:not(headerbar) { background-color: #2f343f; border-color: #262a33; } headerbar:backdrop, .titlebar:backdrop:not(headerbar) { transition: 200ms ease-out; color: rgba(207, 218, 231, 0.5); background-color: #323843; } .csd headerbar:backdrop, .csd .titlebar:backdrop:not(headerbar) { background-color: #323843; } headerbar .title, .titlebar:not(headerbar) .title { padding-left: 12px; padding-right: 12px; } headerbar .subtitle, .titlebar:not(headerbar) .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } headerbar.selection-mode, .selection-mode.titlebar:not(headerbar) { color: #ffffff; background-color: #5294e2; border-color: #4189df; box-shadow: none; } headerbar.selection-mode:backdrop, .selection-mode.titlebar:backdrop:not(headerbar) { background-color: #5294e2; color: rgba(255, 255, 255, 0.6); } headerbar.selection-mode .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } headerbar.selection-mode .selection-menu GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } headerbar.selection-mode .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized headerbar.selection-mode, .maximized .selection-mode.titlebar:not(headerbar) { background-color: #5294e2; } .tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop, .tiled .titlebar:not(headerbar), .tiled .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar) { border-radius: 0; } .maximized headerbar, .maximized .titlebar:not(headerbar) { background-color: #2f343f; border-color: #262a33; } .maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar) { background-color: #323843; } headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop, .default-decoration.titlebar:not(headerbar), .csd .default-decoration.titlebar:not(headerbar), .default-decoration.titlebar:backdrop:not(headerbar), .csd .default-decoration.titlebar:backdrop:not(headerbar) { min-height: 28px; padding: 0 3px; background-color: #2f343f; border-bottom-width: 0; } .maximized headerbar.default-decoration, .maximized .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized .csd headerbar.default-decoration:backdrop, .maximized .default-decoration.titlebar:not(headerbar), .maximized .csd .default-decoration.titlebar:not(headerbar), .maximized .default-decoration.titlebar:backdrop:not(headerbar), .maximized .csd .default-decoration.titlebar:backdrop:not(headerbar) { background-color: #2f343f; } .titlebar { border-radius: 3px 3px 0 0; } headerbar entry, headerbar button, headerbar separator { margin-top: 6px; margin-bottom: 6px; } separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { border-top-left-radius: 3px; } .maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop { border-radius: 0; } headerbar:last-child, headerbar:last-child:backdrop { border-top-right-radius: 3px; } .maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { border-radius: 0; } window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { padding: 0; background: none; border: none; box-shadow: none; } .titlebar:not(headerbar) > separator { background-image: linear-gradient(to bottom, #262a33, #262a33); } .primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { min-width: 1px; min-height: 1px; background: none; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { opacity: 0.6; } .primary-toolbar entry, headerbar entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { color: inherit; } .primary-toolbar entry:backdrop, headerbar entry:backdrop { opacity: 0.85; } .primary-toolbar entry:focus, headerbar entry:focus { color: #ffffff; border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar entry:focus image, headerbar entry:focus image { color: #ffffff; } .primary-toolbar entry:disabled, headerbar entry:disabled { color: rgba(207, 218, 231, 0.35); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.25); } .primary-toolbar entry selection:focus, headerbar entry selection:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar entry progress, headerbar entry progress { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar entry.warning, headerbar entry.warning { color: white; border-color: rgba(21, 23, 28, 0.4); background-color: #a45d39; } .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { color: white; background-color: #F27835; } .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { background-color: white; color: #F27835; } .primary-toolbar entry.error, headerbar entry.error { color: white; border-color: rgba(21, 23, 28, 0.4); background-color: #aa3c3b; } .primary-toolbar entry.error:focus, headerbar entry.error:focus { color: white; background-color: #FC4138; } .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { background-color: white; color: #FC4138; } .primary-toolbar button, headerbar button { color: rgba(207, 218, 231, 0.8); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar button:backdrop, headerbar button:backdrop { opacity: 0.7; } .primary-toolbar button:hover, headerbar button:hover { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar button:disabled, headerbar button:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { color: rgba(207, 218, 231, 0.35); } .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .selection-mode.primary-toolbar button, headerbar.selection-mode button, .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.flat, .selection-mode.primary-toolbar button.sidebar-button, headerbar.selection-mode button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child) { margin-right: 1px; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { border-radius: 3px; border-style: solid; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { box-shadow: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { background-color: rgba(134, 144, 165, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { color: rgba(207, 218, 231, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { border-left-style: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:active + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar button.suggested-action, headerbar button.suggested-action { background-clip: border-box; color: white; background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; } .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { background-clip: border-box; color: white; background-color: #76c0de; border-color: #76c0de; } .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { background-clip: border-box; color: white; background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { color: rgba(207, 218, 231, 0.35); } .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar button.destructive-action, headerbar button.destructive-action { background-clip: border-box; color: white; background-color: #F04A50; border-color: #F04A50; } .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; } .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { background-clip: border-box; color: white; background-color: #f4797e; border-color: #f4797e; } .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { background-clip: border-box; color: white; background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { color: rgba(207, 218, 231, 0.35); } .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { color: #ffffff; caret-color: #ffffff; } .primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { background-color: rgba(134, 144, 165, 0.4); } .primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; } .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { color: rgba(207, 218, 231, 0.4); } .primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { border-left-style: none; } .primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), headerbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), .primary-toolbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled, headerbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } .primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar combobox:disabled, headerbar combobox:disabled { color: rgba(207, 218, 231, 0.2); } .primary-toolbar combobox > .linked > button.combo, headerbar combobox > .linked > button.combo { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image, .primary-toolbar combobox > .linked > button.combo image:hover, headerbar combobox > .linked > button.combo image:hover { color: inherit; } .primary-toolbar combobox > .linked > button.combo:hover, headerbar combobox > .linked > button.combo:hover { color: #ffffff; border-color: transparent; background-color: #5294e2; box-shadow: none; } .primary-toolbar combobox > .linked > button.combo:disabled, headerbar combobox > .linked > button.combo:disabled { color: rgba(207, 218, 231, 0.35); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.25); } .primary-toolbar combobox > .linked > entry.combo:dir(ltr), headerbar combobox > .linked > entry.combo:dir(ltr) { border-right-style: none; } .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus, headerbar combobox > .linked > entry.combo:dir(ltr):focus { box-shadow: none; } .primary-toolbar combobox > .linked > entry.combo:dir(rtl), headerbar combobox > .linked > entry.combo:dir(rtl) { border-left-style: none; } .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus, headerbar combobox > .linked > entry.combo:dir(rtl):focus { box-shadow: none; } .primary-toolbar combobox > .linked > button.combo:dir(ltr), headerbar combobox > .linked > button.combo:dir(ltr), .primary-toolbar combobox > .linked > button.combo:dir(ltr):hover, headerbar combobox > .linked > button.combo:dir(ltr):hover, .primary-toolbar combobox > .linked > button.combo:dir(ltr):active, headerbar combobox > .linked > button.combo:dir(ltr):active, .primary-toolbar combobox > .linked > button.combo:dir(ltr):checked, headerbar combobox > .linked > button.combo:dir(ltr):checked, .primary-toolbar combobox > .linked > button.combo:dir(ltr):disabled, headerbar combobox > .linked > button.combo:dir(ltr):disabled { border-top-left-radius: 0; border-bottom-left-radius: 0; } .primary-toolbar combobox > .linked > button.combo:dir(rtl), headerbar combobox > .linked > button.combo:dir(rtl), .primary-toolbar combobox > .linked > button.combo:dir(rtl):hover, headerbar combobox > .linked > button.combo:dir(rtl):hover, .primary-toolbar combobox > .linked > button.combo:dir(rtl):active, headerbar combobox > .linked > button.combo:dir(rtl):active, .primary-toolbar combobox > .linked > button.combo:dir(rtl):checked, headerbar combobox > .linked > button.combo:dir(rtl):checked, .primary-toolbar combobox > .linked > button.combo:dir(rtl):disabled, headerbar combobox > .linked > button.combo:dir(rtl):disabled { border-top-right-radius: 0; border-bottom-right-radius: 0; } .primary-toolbar switch:backdrop, headerbar switch:backdrop { opacity: 0.75; } .primary-toolbar progressbar trough, headerbar progressbar trough { background-color: rgba(21, 23, 28, 0.4); } .primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { opacity: 0.75; } .primary-toolbar scale:backdrop, headerbar scale:backdrop { opacity: 0.75; } .primary-toolbar scale slider, headerbar scale slider { background-color: #454c5c; border-color: rgba(21, 23, 28, 0.7); } .primary-toolbar scale slider:hover, headerbar scale slider:hover { background-color: #50586b; border-color: rgba(21, 23, 28, 0.7); } .primary-toolbar scale slider:active, headerbar scale slider:active { background-color: #5294e2; border-color: #5294e2; } .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { background-color: #3e4553; border-color: rgba(21, 23, 28, 0.7); } .primary-toolbar scale trough, headerbar scale trough { background-color: rgba(21, 23, 28, 0.4); } .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { background-color: rgba(21, 23, 28, 0.3); } .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 6px; padding-right: 6px; } .path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; } .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 10px; } .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 10px; } .path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { padding-left: 1px; padding-right: 1px; } .path-bar button image { padding-left: 4px; padding-right: 4px; } treeview.view { border-left-color: rgba(211, 218, 227, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view acceleditor > label { background-color: #5294e2; } treeview.view:selected, treeview.view:selected:focus { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(211, 218, 227, 0.1); } treeview.view:disabled { color: rgba(211, 218, 227, 0.45); } treeview.view:disabled:selected { color: #97bfee; } treeview.view.separator { min-height: 2px; color: rgba(0, 0, 0, 0.1); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #93b7e3; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #8a909b; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { color: #D3DAE3; } treeview.view.expander:selected { color: #cbdff6; } treeview.view.expander:selected:hover { color: #ffffff; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.progressbar, treeview.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-color: #5294e2; } treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-color: #ffffff; } treeview.view.trough { color: #D3DAE3; background-color: #2b2e39; border-radius: 3px; border-width: 0; } treeview.view.trough:selected, treeview.view.trough:selected:focus { color: #ffffff; background-color: rgba(0, 0, 0, 0.2); border-radius: 3px; border-width: 0; } treeview.view header button { min-height: 0; min-width: 0; padding: 3px 6px; font-weight: bold; color: #b6bcc6; background-color: #404552; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, #404552 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #404552 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header button:hover { color: #5294e2; } treeview.view header button:active { color: #D3DAE3; } treeview.view header button:active, treeview.view header button:hover { background-color: #404552; } treeview.view header button:active:hover { color: #D3DAE3; } treeview.view header button:disabled { border-color: #383C4A; background-image: none; } treeview.view header button:last-child { border-right-style: none; border-image: none; } treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, treeview.view header.button.dnd, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd:active { padding: 0 6px; transition: none; color: #ffffff; background-color: #5294e2; border-radius: 0; border-style: none; } menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #2f343f; color: rgba(207, 218, 231, 0.8); } menubar:backdrop, .menubar:backdrop { color: rgba(207, 218, 231, 0.5); } menubar > menuitem, .menubar > menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } menubar > menuitem:hover, .menubar > menuitem:hover { background-color: #5294e2; color: #ffffff; } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: rgba(207, 218, 231, 0.2); border-color: transparent; } menu, .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #383C4A; border: 1px solid #2b2e39; } .csd menu, .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } menu separator, .csd menu separator, .menu separator, .csd .menu separator { margin: 2px 0; background-color: #383C4A; } menu .separator:not(label), .csd menu .separator:not(label), .menu .separator:not(label), .csd .menu .separator:not(label) { color: #383C4A; } menu menuitem, .menu menuitem { min-height: 16px; min-width: 40px; padding: 5px; } menu menuitem:hover, .menu menuitem:hover { color: #ffffff; background-color: #5294e2; } menu menuitem:disabled, .menu menuitem:disabled { color: rgba(211, 218, 227, 0.45); } menu menuitem arrow, .menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } menuitem accelerator { color: alpha(currentColor,0.55); } menuitem check, menuitem radio { min-height: 16px; min-width: 16px; } menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 6px; margin-left: 2px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 6px; margin-right: 2px; } menu > arrow, .menu > arrow { border-color: transparent; background-color: transparent; background-image: none; min-width: 16px; min-height: 16px; padding: 4px; background-color: #383C4A; border-radius: 0; } menu > arrow.top, .menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #4f5461; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom { margin-bottom: -6px; border-top: 1px solid #4f5461; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover { background-color: #4f5461; } menu > arrow:disabled, .menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } popover, popover.background { padding: 2px; border-radius: 3px; background-clip: border-box; background-color: #383C4A; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.35); } .csd popover, popover, .csd popover.background, popover.background { border: 1px solid #20222a; } popover separator, popover.background separator { background-color: #383C4A; } popover > list, popover > .view, popover > iconview, popover > toolbar, popover > .inline-toolbar, popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar, popover.background > .inline-toolbar { border-style: none; background-color: transparent; } cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } notebook { padding: 0; } notebook.frame { border: 1px solid #2b2e39; } notebook.frame > header { margin: -1px; } notebook.frame > header.top { margin-bottom: 0; } notebook.frame > header.bottom { margin-top: 0; } notebook.frame > header.left { margin-right: 0; } notebook.frame > header.right { margin-left: 0; } notebook.frame > header.top, notebook.frame > header.bottom { padding-left: 0; padding-right: 0; } notebook.frame > header.left, notebook.frame > header.right { padding-top: 0; padding-bottom: 0; } notebook > stack:not(:only-child) { background-color: #404552; } notebook > header { padding: 2px; background-color: #383C4A; } notebook > header.top { box-shadow: inset 0 -1px #2b2e39; } notebook > header.bottom { box-shadow: inset 0 1px #2b2e39; } notebook > header.right { box-shadow: inset 1px 0 #2b2e39; } notebook > header.left { box-shadow: inset -1px 0 #2b2e39; } notebook > header.top { padding-bottom: 0; } notebook > header.top > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-bottom: none; border-radius: 1px 1px 0 0; } notebook > header.top > tabs > tab + tab { margin-left: -1px; } notebook > header.bottom { padding-top: 0; } notebook > header.bottom > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-top: none; border-radius: 0 0 1px 1px; } notebook > header.bottom > tabs > tab + tab { margin-left: -1px; } notebook > header.right { padding-left: 0; } notebook > header.right > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-left: none; border-radius: 0 1px 1px 0; } notebook > header.right > tabs > tab + tab { margin-top: -1px; } notebook > header.left { padding-right: 0; } notebook > header.left > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-right: none; border-radius: 1px 0 0 1px; } notebook > header.left > tabs > tab + tab { margin-top: -1px; } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { margin-left: 2px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { margin-right: 2px; } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { margin-top: 2px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { margin-bottom: 2px; } notebook > header > tabs > arrow { color: rgba(211, 218, 227, 0.45); } notebook > header > tabs > arrow:hover { color: rgba(211, 218, 227, 0.725); } notebook > header > tabs > arrow:active { color: #D3DAE3; } notebook > header > tabs > arrow:disabled { color: rgba(211, 218, 227, 0.15); } notebook > header.top > tabs > tab:hover:not(:checked) { box-shadow: inset 0 -1px #2b2e39; } notebook > header.bottom > tabs > tab:hover:not(:checked) { box-shadow: inset 0 1px #2b2e39; } notebook > header.left > tabs > tab:hover:not(:checked) { box-shadow: inset -1px 0 #2b2e39; } notebook > header.right > tabs > tab:hover:not(:checked) { box-shadow: inset 1px 0 #2b2e39; } notebook > header > tabs > tab { color: rgba(211, 218, 227, 0.45); background-color: rgba(64, 69, 82, 0); } notebook > header > tabs > tab:hover:not(:checked) { color: rgba(211, 218, 227, 0.725); background-color: rgba(64, 69, 82, 0.5); border-color: #2b2e39; } notebook > header > tabs > tab:checked { color: #D3DAE3; background-color: #404552; border-color: #2b2e39; } notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { min-height: 22px; min-width: 16px; padding: 0; color: #9da3ad; } notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { color: #ff4d4d; } notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { color: #5294e2; } scrollbar { background-color: #3e434f; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid #2b2e39; } scrollbar.bottom { border-top: 1px solid #2b2e39; } scrollbar.left { border-right: 1px solid #2b2e39; } scrollbar.right { border-left: 1px solid #2b2e39; } scrollbar button { border: none; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #767b87; } scrollbar slider:hover { background-color: #676b78; } scrollbar slider:hover:active { background-color: #5294e2; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { min-width: 4px; min-height: 4px; } scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; } scrollbar.fine-tune.vertical slider { border-width: 4px 5px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 4px; min-height: 4px; background-color: #a5abb5; border: 1px solid rgba(0, 0, 0, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.99; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } switch { font-size: 1px; min-width: 52px; min-height: 24px; background-size: 52px 24px; background-repeat: no-repeat; background-position: center center; } switch slider { min-width: 1px; min-height: 1px; } switch, switch slider { outline-color: transparent; color: transparent; border: none; box-shadow: none; } switch { background-image: -gtk-scaled(url("assets/switch-dark.png"), url("assets/switch-dark@2.png")); } menuitem:hover switch, row:selected switch, infobar switch { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } headerbar switch, .primary-toolbar switch { background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } switch:checked { background-image: -gtk-scaled(url("assets/switch-active-dark.png"), url("assets/switch-active-dark@2.png")); } menuitem:hover switch:checked, row:selected switch:checked, infobar switch:checked { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } headerbar switch:checked, .primary-toolbar switch:checked { background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } switch:disabled { background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); } menuitem:hover switch:disabled, row:selected switch:disabled, infobar switch:disabled { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } headerbar switch:disabled, .primary-toolbar switch:disabled { background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } switch:checked:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-dark.png"), url("assets/switch-active-insensitive-dark@2.png")); } menuitem:hover switch:checked:disabled, row:selected switch:checked:disabled, infobar switch:checked:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } headerbar switch:checked:disabled, .primary-toolbar switch:checked:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } .check, check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .osd check, filechooser actionbar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } menuitem check:hover, .view check:selected, iconview check:selected, treeview.check:selected, row:selected check, infobar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:disabled, check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .osd check:disabled, filechooser actionbar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } menuitem check:disabled:hover, .view check:disabled:selected, iconview check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, infobar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:indeterminate, check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .osd check:indeterminate, filechooser actionbar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } menuitem check:indeterminate:hover, .view check:indeterminate:selected, iconview check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, infobar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:indeterminate:disabled, check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .osd check:indeterminate:disabled, filechooser actionbar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } menuitem check:indeterminate:disabled:hover, .view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, infobar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked, check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .osd check:checked, filechooser actionbar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } menuitem check:checked:hover, .view check:checked:selected, iconview check:checked:selected, treeview.check:checked:selected, row:selected check:checked, infobar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:disabled, check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .osd check:checked:disabled, filechooser actionbar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } menuitem check:checked:disabled:hover, .view check:checked:disabled:selected, iconview check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, infobar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio, radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .osd radio, filechooser actionbar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } menuitem radio:hover, .view radio:selected, iconview radio:selected, treeview.radio:selected, row:selected radio, infobar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:disabled, radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .osd radio:disabled, filechooser actionbar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } menuitem radio:disabled:hover, .view radio:disabled:selected, iconview radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, infobar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:indeterminate, radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .osd radio:indeterminate, filechooser actionbar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } menuitem radio:indeterminate:hover, .view radio:indeterminate:selected, iconview radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, infobar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:indeterminate:disabled, radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .osd radio:indeterminate:disabled, filechooser actionbar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } menuitem radio:indeterminate:disabled:hover, .view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, infobar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked, radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .osd radio:checked, filechooser actionbar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } menuitem radio:checked:hover, .view radio:checked:selected, iconview radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, infobar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:disabled, radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .osd radio:checked:disabled, filechooser actionbar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } menuitem radio:checked:disabled:hover, .view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, infobar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } .view.content-view.check:not(list), iconview.content-view.check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); background-color: transparent; } .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); background-color: transparent; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { margin-left: 4px; } checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { margin-right: 4px; } check, radio { min-width: 16px; min-height: 16px; margin: 0 2px; } check:only-child, menu menuitem check, radio:only-child, menu menuitem radio { margin: 0; } scale { min-height: 15px; min-width: 15px; padding: 3px; } scale.horizontal trough { padding: 0 4px; } scale.horizontal highlight, scale.horizontal fill { margin: 0 -4px; } scale.vertical trough { padding: 4px 0; } scale.vertical highlight, scale.vertical fill { margin: -4px 0; } scale slider { min-height: 15px; min-width: 15px; margin: -6px; } scale.fine-tune slider { margin: -4px; } scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 5px; -gtk-outline-radius: 7px; } scale trough { outline-offset: 2px; -gtk-outline-radius: 4.5px; border-radius: 2.5px; background-color: #2d303b; } scale trough:disabled { background-color: rgba(45, 48, 59, 0.55); } .osd scale trough { background-color: #454a59; } .osd scale trough highlight { background-color: #5294e2; } menuitem:hover scale trough, row:selected scale trough, infobar scale trough { background-color: rgba(0, 0, 0, 0.2); } menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { background-color: #ffffff; } menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { background-color: #b1cff2; } menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { background-color: rgba(0, 0, 0, 0.1); } scale highlight { border-radius: 2.5px; background-color: #5294e2; } scale highlight:disabled { background-color: rgba(82, 148, 226, 0.55); } scale fill { border-radius: 2.5px; background-color: rgba(82, 148, 226, 0.5); } scale fill:disabled { background-color: transparent; } scale slider { background-color: #444a58; border: 1px solid #262933; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border; } scale slider:hover { background-color: #505666; } scale slider:active { background-clip: border-box; background-color: #5294e2; border-color: #5294e2; } scale slider:disabled { background-color: #3c414e; border-color: rgba(38, 41, 51, 0.8); } menuitem:hover scale slider, row:selected scale slider, infobar scale slider { background-clip: border-box; background-color: #ffffff; border-color: #ffffff; } menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { background-color: #e5effb; border-color: #e5effb; } menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { background-color: #a9caf1; border-color: #a9caf1; } menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { background-color: #b1cff2; border-color: #b1cff2; } .osd scale slider { background-clip: border-box; background-color: #5294e2; border-color: #5294e2; } .osd scale slider:hover { background-color: #7eafe9; border-color: #7eafe9; } .osd scale slider:active { background-color: #2679db; border-color: #2679db; } scale value { color: alpha(currentColor,0.4); } scale marks { color: alpha(currentColor,0.4); } scale marks.top { margin-bottom: 1px; margin-top: -4px; } scale marks.bottom { margin-top: 1px; margin-bottom: -4px; } scale marks.top { margin-right: 1px; margin-left: -4px; } scale marks.bottom { margin-left: 1px; margin-right: -4px; } scale.fine-tune marks.top { margin-bottom: 0px; margin-top: -2px; } scale.fine-tune marks.bottom { margin-top: 0px; margin-bottom: -2px; } scale.fine-tune marks.top { margin-right: 0px; margin-left: -2px; } scale.fine-tune marks.bottom { margin-left: 0px; margin-right: -2px; } scale.horizontal indicator { min-height: 3px; min-width: 1px; } scale.horizontal.fine-tune indicator { min-height: 2px; } scale.vertical indicator { min-height: 1px; min-width: 3px; } scale.vertical.fine-tune indicator { min-width: 2px; } progressbar { padding: 0; font-size: smaller; color: rgba(211, 218, 227, 0.7); } progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } progressbar.osd trough { border-style: none; background-color: transparent; box-shadow: none; } progressbar progress { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } row:selected progressbar progress, infobar progressbar progress { background-color: #ffffff; } progressbar trough { border: none; border-radius: 3px; background-color: #2d303b; } row:selected progressbar trough, infobar progressbar trough { background-color: rgba(0, 0, 0, 0.2); } levelbar block { min-width: 32px; min-height: 1px; } levelbar.vertical block { min-width: 1px; min-height: 32px; } levelbar trough { border: none; padding: 3px; border-radius: 3px; background-color: #2d303b; } levelbar.horizontal.discrete block { margin: 0 1px; } levelbar.vertical.discrete block { margin: 1px 0; } levelbar block:not(.empty) { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } levelbar block.low { border-color: #F27835; background-color: #F27835; } levelbar block.high { border-color: #5294e2; background-color: #5294e2; } levelbar block.full { border-color: #73d216; background-color: #73d216; } levelbar block.empty { background-color: #404552; border-color: #404552; } printdialog paper { border: 1px solid #2b2e39; background: #404552; padding: 0; } printdialog .dialog-action-box { margin: 12px; } frame > border, .frame { margin: 0; padding: 0; border-radius: 0; border: 1px solid #2b2e39; } frame.flat > border, frame > border.flat, .frame.flat { border-style: none; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; border: none; } scrolledwindow undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; border: none; } scrolledwindow undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; border: none; } scrolledwindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; border: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #3e434f; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator { background-color: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } list { background-color: #404552; border-color: #2b2e39; } list row { padding: 2px; } row:not(:hover) { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(255, 255, 255, 0.03); } row.activatable:active { color: #D3DAE3; } row.activatable:disabled { color: rgba(211, 218, 227, 0.45); } row.activatable:disabled image { color: inherit; } row.activatable:selected:active { color: #ffffff; } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #4a85cb; } .app-notification { padding: 10px; color: #BAC3CF; background-color: #353945; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #1f2128; } .app-notification border { border: none; } .app-notification button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .app-notification button.flat, .app-notification button.sidebar-button { border-color: rgba(82, 148, 226, 0); } .app-notification button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .app-notification button:active, .app-notification button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; background-clip: padding-box; } .app-notification button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } expander arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander arrow:hover { color: white; } expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } calendar { color: #D3DAE3; border: 1px solid #2b2e39; border-radius: 3px; padding: 2px; } calendar:selected { border-radius: 1.5px; } calendar.header { color: #D3DAE3; border: none; } calendar.button { color: rgba(211, 218, 227, 0.45); } calendar.button:hover { color: #D3DAE3; } calendar.button:disabled { color: rgba(211, 218, 227, 0.45); } calendar:indeterminate { color: alpha(currentColor,0.55); } calendar.highlight { color: #D3DAE3; } messagedialog .titlebar { min-height: 20px; background-color: #2f343f; border-bottom: 1px solid #20232b; } messagedialog .dialog-action-area button { padding: 8px; min-height: 0; } messagedialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } messagedialog.csd .dialog-action-area button { border-bottom-style: none; } messagedialog.csd .dialog-action-area button { border-radius: 0; border-right-style: none; } messagedialog.csd .dialog-action-area button:last-child { border-radius: 0 0 3px 0; border-right-style: none; } messagedialog.csd .dialog-action-area button:first-child { border-radius: 0 0 0 3px; border-left-style: none; } messagedialog.csd .dialog-action-area button:only-child { border-radius: 0 0 3px 3px; border-left-style: none; border-right-style: none; } filechooser #pathbarbox { border-bottom: 1px solid rgba(43, 46, 57, 0.5); } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } .sidebar { border-style: none; background-color: #3c4150; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: 1px solid #2b2e39; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid #2b2e39; border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } placessidebar > viewport.frame { border-style: none; } placessidebar row { min-height: 30px; padding: 0px; } placessidebar row > revealer { padding: 0 10px; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-width: 22px; min-height: 22px; margin-top: 2px; margin-bottom: 2px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: linear-gradient(to bottom, #F08437, #F08437); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #5294e2; } placessidebar row:drop(active):not(:disabled) { box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { color: #F08437; } placessidebar row:drop(active):not(:disabled):selected { background-color: #F08437; } placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { color: #ffffff; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: linear-gradient(to bottom, #2b2e39, #2b2e39); background-size: 1px 1px; } paned > separator:selected { background-image: linear-gradient(to bottom, #5294e2, #5294e2); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #383C4A; background-image: linear-gradient(to bottom, #2b2e39, #2b2e39), linear-gradient(to bottom, #2b2e39, #2b2e39); background-size: 1px 1px, 1px 1px; } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } infobar { border-style: none; } infobar.info, infobar.question, infobar.warning, infobar.error { background-color: #5294e2; color: #ffffff; caret-color: currentColor; } infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { color: #5294e2; background-color: #ffffff; } .selection-mode.primary-toolbar button:hover, headerbar.selection-mode button:hover, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .nautilus-window .floating-bar button { color: #ffffff; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } row:selected button.flat, row:selected button.sidebar-button, infobar.info button.flat, infobar.info button.sidebar-button, infobar.question button.flat, infobar.question button.sidebar-button, infobar.warning button.flat, infobar.warning button.sidebar-button, infobar.error button.flat, infobar.error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .selection-mode.primary-toolbar button:disabled, headerbar.selection-mode button:disabled, row:selected button.flat:disabled, row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.info button.sidebar-button:disabled, infobar.question button.flat:disabled, infobar.question button.sidebar-button:disabled, infobar.warning button.flat:disabled, infobar.warning button.sidebar-button:disabled, infobar.error button.flat:disabled, infobar.error button.sidebar-button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.sidebar-button:disabled, .selection-mode.primary-toolbar button:disabled label, headerbar.selection-mode button:disabled label, row:selected button.flat:disabled label, row:selected button.sidebar-button:disabled label, infobar.info button.flat:disabled label, infobar.info button.sidebar-button:disabled label, infobar.question button.flat:disabled label, infobar.question button.sidebar-button:disabled label, infobar.warning button.flat:disabled label, infobar.warning button.sidebar-button:disabled label, infobar.error button.flat:disabled label, infobar.error button.sidebar-button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.sidebar-button:disabled label { color: rgba(255, 255, 255, 0.4); } row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .nautilus-window .floating-bar button:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .selection-mode.primary-toolbar button:active, headerbar.selection-mode button:active, .selection-mode.primary-toolbar button:checked, headerbar.selection-mode button:checked, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .nautilus-window .floating-bar button:active, .selection-mode.primary-toolbar button:hover:active, headerbar.selection-mode button:hover:active, .selection-mode.primary-toolbar button:hover:checked, headerbar.selection-mode button:hover:checked, row:selected button:active:hover, infobar.info button:active:hover, infobar.question button:active:hover, infobar.warning button:active:hover, infobar.error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .nautilus-window .floating-bar button:checked { color: #5294e2; background-color: #ffffff; border-color: #ffffff; } row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled { background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.4); } row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label, .nautilus-window .floating-bar button:disabled label { color: rgba(255, 255, 255, 0.5); } .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { color: #5294e2; background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.4); } tooltip { border-radius: 2px; box-shadow: none; } tooltip.background { background-color: #4b5162; background-clip: padding-box; } tooltip.background label { padding: 4px; } tooltip decoration { background-color: transparent; } tooltip * { background-color: transparent; color: #BAC3CF; } colorswatch, colorswatch:drop(active) { border-style: none; } colorswatch.top { border-top-left-radius: 2.5px; border-top-right-radius: 2.5px; } colorswatch.top overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } colorswatch.bottom { border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 2.5px; border-bottom-left-radius: 2.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.dark overlay { color: rgba(255, 255, 255, 0.7); } colorswatch.dark overlay:hover { border-color: #2b2e39; } colorswatch.light overlay { color: rgba(0, 0, 0, 0.7); } colorswatch.light overlay:hover { border-color: #2b2e39; } colorswatch overlay { border: 1px solid #2b2e39; } colorswatch overlay:hover { background-color: rgba(255, 255, 255, 0.2); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } colorswatch#add-color-button { border-style: solid; border-width: 1px; color: #D3DAE3; border-color: #2b2e39; background-color: #444a58; } colorswatch#add-color-button:hover { color: #D3DAE3; border-color: #2b2e39; background-color: #505666; } colorswatch#add-color-button overlay { border-color: transparent; background-color: transparent; background-image: none; } button.color { padding: 0; } button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { margin: 4px; border-radius: 0; } colorchooser .popover.osd { border-radius: 3px; } .content-view { background-color: #404552; } .content-view:hover { -gtk-icon-effect: highlight; } .scale-popup button:hover { color: #D3DAE3; border-color: #2b2e39; background-color: #505666; } .context-menu, popover.touch-selection, .csd popover.touch-selection, popover.background.touch-selection, .csd popover.background.touch-selection { font: initial; } .monospace { font-family: Monospace; } button.circular, button.nautilus-circular-button.image-button, button.circular-button { padding: 0; min-width: 16px; min-height: 24px; padding: 2px 6px; border-radius: 50%; -gtk-outline-radius: 50%; } button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { padding: 0; } .keycap { min-width: 16px; min-height: 20px; padding: 3px 6px 4px 6px; color: #D3DAE3; background-color: #404552; border: 1px solid #2b2e39; border-radius: 2.5px; box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); } stackswitcher button.text-button { min-width: 80px; } stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { min-width: 0; } *:drop(active):focus, *:drop(active) { box-shadow: inset 0 0 0 1px #F08437; } decoration { border-radius: 3px 3px 0 0; border-width: 0px; box-shadow: 0 0 0 1px #20232b, 0 8px 8px 0 rgba(0, 0, 0, 0.35); margin: 10px; } decoration:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.35); transition: 200ms ease-out; } .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration { box-shadow: none; border-radius: 0; } .ssd decoration { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } .ssd decoration.maximized { border-radius: 0; } .csd.popup decoration { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.45), 0 0 0 1px #22242d; } tooltip.csd decoration { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25); } messagedialog.csd decoration { border-radius: 3px; } .solid-csd decoration { border-radius: 0; margin: 1px; background-color: #2f343f; box-shadow: none; } headerbar.default-decoration button.titlebutton, .titlebar.default-decoration button.titlebutton { padding: 0 4px; min-width: 0; min-height: 0; margin: 0; } headerbar button.titlebutton, .titlebar button.titlebutton { padding: 0; min-width: 24px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); } headerbar button.titlebutton:hover, .titlebar button.titlebutton:hover { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } headerbar button.titlebutton:active, headerbar button.titlebutton:checked, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; } headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, .titlebar button.titlebutton.close, .titlebar button.titlebutton.maximize, .titlebar button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; } headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.close:backdrop, .titlebar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.minimize:backdrop { opacity: 1; } headerbar button.titlebutton.close, .titlebar button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } headerbar button.titlebutton.close:backdrop, .titlebar button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } headerbar button.titlebutton.close:hover, .titlebar button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } headerbar button.titlebutton.close:active, .titlebar button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } headerbar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } headerbar button.titlebutton.maximize:hover, .titlebar button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } headerbar button.titlebutton.maximize:active, .titlebar button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } headerbar button.titlebutton.minimize:hover, .titlebar button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } headerbar button.titlebutton.minimize:active, .titlebar button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { background-color: #5294e2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { color: #ffffff; } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, modelbutton.flat:disabled:active, modelbutton.flat:active arrow:disabled, modelbutton.flat:disabled:selected, modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:active:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:active:hover { color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked, terminal-window notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -1px #2b2e39; } terminal-window notebook > header.top, .mate-terminal notebook > header.top { padding-top: 3px; box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } terminal-window notebook > header.top button, .mate-terminal notebook > header.top button { padding: 0; min-width: 24px; min-height: 24px; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item, .caja-desktop { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active, .caja-desktop:active { color: #D3DAE3; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected, .caja-desktop:selected { color: #ffffff; text-shadow: none; } .nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #868b97; } .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } .nautilus-window searchbar { border-top: 1px solid #2b2e39; } .nautilus-window .searchbar-container { margin-top: -1px; } .nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #404552; } .disk-space-display { border-style: solid; border-width: 1px; } .disk-space-display.unknown { background-color: rgba(211, 218, 227, 0.5); border-color: rgba(180, 192, 207, 0.5); } .disk-space-display.used { background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { background-color: #313541; border-color: #1b1d24; } @keyframes needs_attention_keyframes { 0% { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } 100% { color: #ffffff; border-color: transparent; background-color: #5294e2; } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes 2s ease-in-out; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes 3s ease-in-out; animation-iteration-count: 3; } .conflict-row.activatable, .conflict-row.activatable:active { color: white; background-color: #FC4138; } .conflict-row.activatable:hover { background-color: #fd716a; } .conflict-row.activatable:selected { color: #ffffff; background-color: #5294e2; } .nemo-window .nemo-places-sidebar.frame { border-width: 0; } .nemo-window notebook { background-color: #404552; } .nemo-window .nemo-window-pane widget.entry { border: 1px solid; border-radius: 3px; color: #D3DAE3; border-color: #2b2e39; background-color: #404552; box-shadow: inset 1px 0 #5294e2, inset -1px 0 #5294e2, inset 0 1px #5294e2, inset 0 -1px #5294e2; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { margin: 0 0 1px 0; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { background-color: rgba(134, 144, 165, 0.4); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(207, 218, 231, 0.4); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { border-left-style: none; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .caja-notebook { border-top: 1px solid #2b2e39; } .caja-side-pane .frame { border-width: 1px 0 0; } .caja-notebook .frame { border-width: 0 0 1px; } .open-document-selector-treeview.view, iconview.open-document-selector-treeview { padding: 3px 6px 3px 6px; border-color: #404552; } .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { background-color: #4a4f5c; } .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { color: #ffffff; background-color: #5294e2; } .open-document-selector-name-label { color: #D3DAE3; } .open-document-selector-path-label { color: #8a909b; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } .gedit-document-panel row button { min-width: 22px; min-height: 22px; padding: 0; color: transparent; background: none; border: none; box-shadow: none; } .gedit-document-panel row button image { color: inherit; } .gedit-document-panel row:hover:not(:selected) button { color: #9da3ad; } .gedit-document-panel row:hover:not(:selected) button:hover { color: #ff4d4d; } .gedit-document-panel row:hover:not(:selected) button:active { color: #D3DAE3; } .gedit-document-panel row:hover:selected button:hover { color: #ff6666; background: none; border: none; box-shadow: none; } .gedit-document-panel row:hover:selected button:hover:active { color: #ffffff; } .gedit-document-panel-dragged-row { border: 1px solid #2b2e39; background-color: #22242d; color: #D3DAE3; } .gedit-side-panel-paned statusbar { border-top: 1px solid #2b2e39; background-color: #383C4A; } .gedit-search-slider { background-color: #3c4150; padding: 6px; border-color: #2b2e39; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { color: rgba(211, 218, 227, 0.6); border: none; margin: 2px; padding: 2px; } .gedit-map-frame border { border-width: 0; } .gedit-map-frame border:dir(ltr) { border-left-width: 1px; } .gedit-map-frame border:dir(rtl) { border-right-width: 1px; } .pluma-window statusbar frame > border { border: none; } .pluma-window notebook > stack scrolledwindow { border-width: 0 0 1px 0; } #pluma-status-combo-button { min-height: 0; padding: 0; border-top: none; border-bottom: none; border-radius: 0; } .gb-search-entry-occurrences-tag { background: none; } workbench.csd > stack.titlebar:not(headerbar) { padding: 0; background: none; border: none; box-shadow: none; } workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { border-radius: 3px 3px 0 0; } editortweak .linked > entry.search:focus + .gb-linked-scroller { border-top-color: #5294e2; } layouttab { background-color: #404552; } layout { border: 1px solid #2b2e39; -PnlDockBin-handle-size: 1; } eggsearchbar box.search-bar { border-bottom: 1px solid #2b2e39; } pillbox { color: #ffffff; background-color: #5294e2; border-radius: 3px; } pillbox:disabled label { color: rgba(255, 255, 255, 0.5); } docktabstrip { padding: 0 6px; background-color: #383C4A; border-bottom: 1px solid #2b2e39; } docktabstrip docktab { min-height: 28px; border: solid transparent; border-width: 0 1px; } docktabstrip docktab label { opacity: 0.5; } docktabstrip docktab:checked label, docktabstrip docktab:hover label { opacity: 1; } docktabstrip docktab:checked { border-color: #2b2e39; background-color: #404552; } dockbin { border: 1px solid #2b2e39; -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid #2b2e39; } dockoverlayedge { background-color: #383C4A; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { border-width: 1px 0; } popover.messagepopover.background { padding: 0; } popover.messagepopover .popover-content-area { margin: 16px; } popover.messagepopover .popover-action-area { margin: 8px; } popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { margin: 0 4px; } popover.popover-selector { padding: 0; } popover.popover-selector list row { padding: 5px 0; } popover.popover-selector list row image { margin-left: 3px; margin-right: 10px; } entry.search.preferences-search { border: none; border-right: 1px solid #2b2e39; border-bottom: 1px solid #2b2e39; border-radius: 0; } preferences stacksidebar.sidebar list { background-image: linear-gradient(to bottom, #404552, #404552); } preferences stacksidebar.sidebar list separator { background-color: transparent; } devhelppanel entry:focus, symboltreepanel entry:focus { border-color: #2b2e39; } button.run-arrow-button { min-width: 12px; } omnibar.linked > entry:not(:only-child) { border-style: solid; border-radius: 3px; margin-left: 1px; margin-right: 1px; } gstyleslidein #scale_box button.toggle:checked, gstyleslidein #strings_controls button.toggle:checked, gstyleslidein #palette_controls button.toggle:checked, gstyleslidein #components_controls button.toggle:checked { color: #D3DAE3; } configurationview entry.flat { background: none; } configurationview list { border-width: 0; } .documents-scrolledwin.frame { border-width: 0; } button.documents-load-more { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon, .photos-collection-icon { background-color: rgba(211, 218, 227, 0.3); border-radius: 2px; } button.documents-favorite:active, button.documents-favorite:active:hover { color: #a9caf1; } .documents-entry-tag, .photos-entry-tag { color: #ffffff; background: #5294e2; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover, .photos-entry-tag:hover { color: #ffffff; background: #639fe5; } .documents-entry-tag:active, .photos-entry-tag:active { color: #ffffff; background: #4189df; } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } .photos-fade-in { opacity: 1.0; transition: opacity 0.2s ease-out; } .photos-fade-out { opacity: 0.0; transition: opacity 0.2s ease-out; } .tweak-categories, .tweak-category:not(:selected):not(:hover) { background-image: linear-gradient(to bottom, #404552, #404552); } .tr-workarea undershoot, .tr-workarea overshoot { border-color: transparent; } .atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar { background: none; } #gf-bubble, #gf-bubble.solid, #gf-osd-window, #gf-osd-window.solid, #gf-input-source-popup, #gf-input-source-popup.solid, #gf-candidate-popup, #gf-candidate-popup.solid { color: #cfd5de; background-color: #353945; border: 1px solid #23262e; border-radius: 2px; } #gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, #gf-osd-window levelbar block.low, #gf-osd-window levelbar block.high, #gf-osd-window levelbar block.full, #gf-input-source-popup levelbar block.low, #gf-input-source-popup levelbar block.high, #gf-input-source-popup levelbar block.full, #gf-candidate-popup levelbar block.low, #gf-candidate-popup levelbar block.high, #gf-candidate-popup levelbar block.full { background-color: #5294e2; border-color: #5294e2; } #gf-bubble levelbar block.empty, #gf-osd-window levelbar block.empty, #gf-input-source-popup levelbar block.empty, #gf-candidate-popup levelbar block.empty { background-color: #2a2d37; } #gf-bubble levelbar trough, #gf-osd-window levelbar trough, #gf-input-source-popup levelbar trough, #gf-candidate-popup levelbar trough { background: none; } #gf-input-source { min-height: 32px; min-width: 40px; } #gf-input-source:selected { color: #ffffff; background-color: #5294e2; border-radius: 2px; } gf-candidate-box label { padding: 3px; } gf-candidate-box:hover, gf-candidate-box:selected { color: #ffffff; background-color: #5294e2; border-radius: 2px; } MsdOsdWindow.background.osd { border-radius: 2px; border: 1px solid #23262e; } MsdOsdWindow.background.osd .progressbar { background-color: #5294e2; border: none; border-color: red; border-radius: 5px; } MsdOsdWindow.background.osd .trough { background-color: #2a2d37; border: none; border-radius: 5px; } .mate-panel-menu-bar, .mate-panel-menu-bar menubar, panel-toplevel.background, panel-toplevel.background menubar { background-color: #2b2e37; } .mate-panel-menu-bar menubar, .mate-panel-menu-bar #PanelApplet label, .mate-panel-menu-bar #PanelApplet image, panel-toplevel.background menubar, panel-toplevel.background #PanelApplet label, panel-toplevel.background #PanelApplet image { color: #BAC3CF; } .mate-panel-menu-bar button label, .mate-panel-menu-bar button image, .mate-panel-menu-bar #tasklist-button label, .mate-panel-menu-bar #tasklist-button image, panel-toplevel.background button label, panel-toplevel.background button image, panel-toplevel.background #tasklist-button label, panel-toplevel.background #tasklist-button image { color: inherit; } .mate-panel-menu-bar .wnck-pager, panel-toplevel.background .wnck-pager { color: #5d6268; background-color: #14161b; } .mate-panel-menu-bar .wnck-pager:hover, panel-toplevel.background .wnck-pager:hover { background-color: #363a46; } .mate-panel-menu-bar .wnck-pager:selected, panel-toplevel.background .wnck-pager:selected { color: #a9caf1; background-color: #5294e2; } .mate-panel-menu-bar na-tray-applet, panel-toplevel.background na-tray-applet { -NaTrayApplet-icon-padding: 0; -NaTrayApplet-icon-size: 16px; } .xfce4-panel.panel { background-color: #2b2e37; text-shadow: none; -gtk-icon-shadow: none; } #tasklist-button { color: rgba(186, 195, 207, 0.8); border-radius: 0; border: none; background-color: rgba(43, 46, 55, 0); } #tasklist-button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); } #tasklist-button:checked { color: white; background-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } .mate-panel-menu-bar button:not(#tasklist-button), panel-toplevel.background button:not(#tasklist-button), .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { color: #BAC3CF; border-radius: 0; border: none; background-color: rgba(43, 46, 55, 0); } .mate-panel-menu-bar button:hover:not(#tasklist-button), panel-toplevel.background button:hover:not(#tasklist-button), .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { border: none; background-color: #414654; } .mate-panel-menu-bar button:active:not(#tasklist-button), panel-toplevel.background button:active:not(#tasklist-button), .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .mate-panel-menu-bar button:checked:not(#tasklist-button), panel-toplevel.background button:checked:not(#tasklist-button), .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { color: #ffffff; border: none; background-color: #5294e2; } .mate-panel-menu-bar button:active:not(#tasklist-button) label, panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.sidebar-button:active label, .mate-panel-menu-bar button:active:not(#tasklist-button) image, panel-toplevel.background button:active:not(#tasklist-button) image, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.sidebar-button:active image, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.sidebar-button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, panel-toplevel.background button:checked:not(#tasklist-button) image, .xfce4-panel.panel button.flat:checked image, .xfce4-panel.panel button.sidebar-button:checked image { color: inherit; } .nautilus-window .floating-bar { padding: 1px; background-color: #5294e2; color: #ffffff; border-radius: 2px 2px 0 0; } .nautilus-window .floating-bar.bottom.left { border-top-left-radius: 0; } .nautilus-window .floating-bar.bottom.right { border-top-right-radius: 0; } .nautilus-window .floating-bar button { border: none; border-radius: 0; min-height: 0; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: transparent; background-color: #5294e2; } .marlin-pathbar.pathbar:disabled { color: rgba(207, 218, 231, 0.35); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.25); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; -gtk-icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { border: 1px solid #20232b; border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #2f343f, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px #363b48; } UnityDecoration .top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #20232b, #20232b); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: #404756; border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focus, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focus { background-image: none; border-image: none; } .lightdm.button:focus, .lightdm.entry:focus { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar label { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #2b2e39; border-right: 1px solid #2b2e39; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #2b2e39; } toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { padding: 0 3px 0 3px; } toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #2b2e39; background-color: #383C4A; } toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view, iconview.source-list { background-color: #383C4A; color: #D3DAE3; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:hover, iconview.source-list:hover { background-color: #434859; } .source-list.view:selected, iconview.source-list:selected, .source-list.view:hover:selected, iconview.source-list:hover:selected, .source-list.view:selected:focus, iconview.source-list:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list scrollbar, .source-list junction { border-image: none; border-color: transparent; background-color: #383C4A; background-image: none; } .source-list.badge, .source-list.badge:hover, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:hover:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:hover:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #D3DAE3; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { background-color: #404552; } GraniteWidgetsWelcome label { color: #868b97; font-size: 11px; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(211, 218, 227, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #404552, #404552); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry entry { padding: 4px; } .h1 { font-size: 24px; } .h2 { font-size: 18px; } .h3 { font-size: 11px; } .h4, .category-label { color: #a5abb5; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: #2b2e37; color: #BAC3CF; font-weight: bold; box-shadow: inset 0 -1px #1b1d23; } #panel_window menubar { padding-left: 5px; } #panel_window menubar, #panel_window menubar > menuitem { background-color: transparent; color: #BAC3CF; font-weight: bold; } #panel_window menubar menuitem:disabled { color: rgba(186, 195, 207, 0.5); } #panel_window menubar menuitem:disabled label { color: inherit; } #panel_window menubar menu > menuitem { font-weight: normal; } #login_window, #shutdown_dialog, #restart_dialog { font-weight: normal; border-style: none; background-color: transparent; color: #D3DAE3; } #content_frame { padding-bottom: 14px; background-color: #383C4A; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame button { color: #D3DAE3; border-color: #2b2e39; background-color: #444a58; } #content_frame button:hover { color: #D3DAE3; border-color: #2b2e39; background-color: #505666; } #content_frame button:active, #content_frame button:checked { color: #ffffff; border-color: #2b2e39; background-color: #5294e2; } #content_frame button:disabled { border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } #content_frame button:disabled label, #content_frame button:disabled { color: rgba(211, 218, 227, 0.45); } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: #2f343f; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px #262a33; } #buttonbox_frame button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } #buttonbox_frame button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } #buttonbox_frame button:active, #buttonbox_frame button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } #buttonbox_frame button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } #login_window #user_combobox { color: #D3DAE3; font-size: 13px; } #login_window #user_combobox menu { font-weight: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font-weight: bold; } .nautilus-window paned > separator { background-image: linear-gradient(to bottom, #2a2d37, #2a2d37); } filechooser paned > separator { background-image: linear-gradient(to bottom, #2a2d37, #2a2d37); } filechooser.csd.background, filechooser placessidebar list, .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } filechooser placessidebar.sidebar, .nautilus-window placessidebar.sidebar { background-color: #353945; } filechooser placessidebar.sidebar row.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row { border: none; color: #BAC3CF; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { color: rgba(186, 195, 207, 0.6); } filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:hover, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row:hover { background-color: rgba(186, 195, 207, 0.15); } filechooser placessidebar.sidebar row.sidebar-row:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled label, filechooser placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image { color: rgba(186, 195, 207, 0.4); } filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon { color: inherit; } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button { color: #BAC3CF; } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { color: #ffffff; border-color: #2b2e39; background-color: #5294e2; } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { color: #5294e2; } filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { color: inherit; } filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { color: #F08437; } filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { background-color: #F08437; } filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { color: #ffffff; } filechooser placessidebar.sidebar separator, .nautilus-window placessidebar.sidebar separator { background-color: transparent; } filechooser.maximized placessidebar.sidebar, .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } .nemo-window .sidebar { color: #BAC3CF; background-color: #353945; } .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { background-color: transparent; color: #BAC3CF; } .nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { background-color: #5294e2; color: #ffffff; } .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { color: #787e8a; } .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { color: #BAC3CF; } .nemo-window .sidebar separator { background-color: transparent; } .caja-side-pane, .caja-side-pane > notebook > stack > widget > box, .caja-side-pane text, .caja-side-pane treeview { color: #BAC3CF; caret-color: #BAC3CF; background-color: #353945; } .caja-side-pane > box button:not(:active):not(:checked) { color: #BAC3CF; } .caja-side-pane .frame { border-color: #2a2d37; } .caja-side-pane junction { background-color: #2a2d37; } filechooser actionbar { color: #BAC3CF; background-color: #353945; border-color: #14151a; } filechooser actionbar label, filechooser actionbar combobox { color: #BAC3CF; } .gedit-bottom-panel-paned { background-color: #404552; } .gedit-side-panel-paned > separator { background-image: linear-gradient(to bottom, #2a2d37, #2a2d37); } .gedit-bottom-panel-paned > separator { background-image: linear-gradient(to bottom, #2b2e39, #2b2e39); } .gedit-document-panel { background-color: #353945; } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel row { color: #BAC3CF; background-color: rgba(186, 195, 207, 0); } .gedit-document-panel row:hover { background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel row:active { color: #ffffff; background-color: #5294e2; } .gedit-document-panel row:active button { color: #ffffff; } .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { color: #ffffff; background-color: #5294e2; } .gedit-document-panel row:hover:not(:selected) button:active { color: #BAC3CF; } filechooser actionbar button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } filechooser actionbar button:active, filechooser actionbar button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } filechooser actionbar button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } filechooser actionbar entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } filechooser actionbar entry image, filechooser actionbar entry image:hover { color: inherit; } filechooser actionbar entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } filechooser actionbar entry:disabled { color: rgba(186, 195, 207, 0.55); background-color: rgba(102, 109, 132, 0.25); } filechooser placessidebar.sidebar scrollbar, .nautilus-window placessidebar.sidebar scrollbar, .nemo-window .sidebar scrollbar, .caja-side-pane scrollbar { border-color: #2a2d37; } filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nemo-window .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } filechooser placessidebar.sidebar scrollbar slider, .nautilus-window placessidebar.sidebar scrollbar slider, .nemo-window .sidebar scrollbar slider, .caja-side-pane scrollbar slider { background-color: rgba(231, 234, 238, 0.7); } filechooser placessidebar.sidebar scrollbar slider:hover, .nautilus-window placessidebar.sidebar scrollbar slider:hover, .nemo-window .sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { background-color: #f6f7f9; } filechooser placessidebar.sidebar scrollbar slider:hover:active, .nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .nemo-window .sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { background-color: #5294e2; } filechooser placessidebar.sidebar scrollbar slider:disabled, .nautilus-window placessidebar.sidebar scrollbar slider:disabled, .nemo-window .sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { background-color: transparent; } filechooser placessidebar.sidebar scrollbar trough, .nautilus-window placessidebar.sidebar scrollbar trough, .nemo-window .sidebar scrollbar trough, .caja-side-pane scrollbar trough { background-color: #2a2d37; } @define-color theme_fg_color #D3DAE3; @define-color theme_text_color #D3DAE3; @define-color theme_bg_color #383C4A; @define-color theme_base_color #404552; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #D3DAE3; @define-color text_color #D3DAE3; @define-color bg_color #383C4A; @define-color base_color #404552; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #3c4150; @define-color insensitive_fg_color alpha(#d3dae3, 0.5); @define-color insensitive_base_color #404552; @define-color theme_unfocused_fg_color #D3DAE3; @define-color theme_unfocused_text_color #D3DAE3; @define-color theme_unfocused_bg_color #383C4A; @define-color theme_unfocused_base_color #404552; @define-color borders #2b2e39; @define-color unfocused_borders #2b2e39; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #a9caf1; @define-color content_view_bg #404552; @define-color wm_title alpha(#cfdae7, 0.8); @define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343f; @define-color wm_bg_unfocused #323843; @define-color wm_highlight #363b48; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #cc575d; @define-color wm_button_close_hover_bg #d7787d; @define-color wm_button_close_active_bg #be3841; @define-color wm_icon_close_bg #2f343f; @define-color wm_button_hover_bg #454C5C; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #262932; @define-color wm_icon_bg #90939B; @define-color wm_icon_unfocused_bg #666A74; @define-color wm_icon_hover_bg #C4C7CC; @define-color wm_icon_active_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.20/gtk-solid-darker.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 2px; } .background { color: #5c616c; background-color: #F5F6F7; } *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { background-color: #F5F6F7; color: #5c616c; } .gtkstyle-fallback:hover { background-color: white; color: #5c616c; } .gtkstyle-fallback:active { background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:disabled { background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view, iconview, .view text, iconview text, textview text { color: #5c616c; background-color: #ffffff; } .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus { border-radius: 2px; } textview border { background-color: #fafbfb; } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .rubberband { border: 1px solid #2679db; background-color: rgba(38, 121, 219, 0.2); } flowbox flowboxchild { padding: 3px; border-radius: 2px; } flowbox flowboxchild:selected { outline-offset: -2px; } label.separator, popover label.separator, popover.background label.separator { color: #5c616c; } label selection { color: #ffffff; background-color: #5294e2; } label:disabled { color: rgba(92, 97, 108, 0.55); } .dim-label, label.separator, popover label.separator, popover.background label.separator, headerbar .subtitle, .titlebar:not(headerbar) .subtitle { opacity: 0.55; } assistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #5294e2; color: #ffffff; } textview { background-color: #ffffff; } popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.background.osd, popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { color: #BAC3CF; border: none; background-color: #353945; background-clip: padding-box; box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } entry { min-height: 22px; border: 1px solid; padding: 2px 8px; caret-color: currentColor; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; } entry.search { border-radius: 20px; } entry image { color: #7d8189; } entry image.left { padding-left: 0; padding-right: 5px; } entry image.right { padding-right: 0; padding-left: 5px; } entry.flat, entry.flat:focus { min-height: 0; padding: 2px; background-image: none; border-color: transparent; border-radius: 0; } entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294e2; background-color: #ffffff; } entry:disabled { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); } entry.warning { color: white; border-color: #F27835; background-color: #f7ae86; } entry.warning image { color: white; } entry.warning:focus { color: white; background-color: #F27835; box-shadow: none; } entry.warning selection, entry.warning selection:focus { background-color: white; color: #F27835; } entry.error { color: white; border-color: #FC4138; background-color: #fd8d88; } entry.error image { color: white; } entry.error:focus { color: white; background-color: #FC4138; box-shadow: none; } entry.error selection, entry.error selection:focus { background-color: white; color: #FC4138; } entry.search-missing { color: white; border-color: #FC4138; background-color: #fd8d88; } entry.search-missing image { color: white; } entry.search-missing:focus { color: white; background-color: #FC4138; box-shadow: none; } entry.search-missing selection, entry.search-missing selection:focus { background-color: white; color: #FC4138; } entry:drop(active):focus, entry:drop(active) { border-color: #F08437; box-shadow: none; } .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .osd entry image, .osd entry image:hover { color: inherit; } .osd entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-color: rgba(102, 109, 132, 0.25); } .osd entry selection:focus, .osd entry selection { color: #5294e2; background-color: #ffffff; } entry progress { margin: 0 -6px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #ffffff; } treeview entry.flat:focus, treeview entry:focus { border-color: #5294e2; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } button { min-height: 22px; min-width: 20px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 2px 6px; color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } button separator { margin: 4px 1px; } button.flat, button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; transition: none; } button.flat:hover, button.sidebar-button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } button.flat:hover:active, button.sidebar-button:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; -gtk-icon-effect: highlight; } button:active, button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; background-clip: border-box; transition-duration: 50ms; } button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { color: inherit; opacity: 0.6; } button:active { color: #5c616c; } button:active:hover, button:checked { color: #ffffff; } button.flat:disabled, button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; } button:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } button:disabled label, button:disabled { color: rgba(92, 97, 108, 0.55); } button:disabled:active, button:disabled:checked { border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { color: rgba(255, 255, 255, 0.8); } button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } button.text-button { padding-left: 12px; padding-right: 12px; } button.text-button.image-button { padding-left: 5px; padding-right: 5px; } button.text-button.image-button label:first-child { padding-left: 8px; padding-right: 2px; } button.text-button.image-button label:last-child { padding-right: 8px; padding-left: 2px; } button.text-button.image-button label:only-child { padding-left: 8px; padding-right: 8px; } button.text-button.image-button.popup { padding-right: 8px; padding-left: 8px; } button:drop(active), combobox:drop(active) button.combo { color: #F08437; border-color: #F08437; box-shadow: none; } button.osd { color: #BAC3CF; background-color: #353945; border-color: #23262e; } button.osd.image-button { padding: 0; min-height: 36px; min-width: 36px; } button.osd:hover { color: #5294e2; } button.osd:active, button.osd:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } button.osd:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .osd button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd button:active, .osd button:checked { background-clip: padding-box; color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd button.flat, .osd button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd button.flat:hover, .osd button.sidebar-button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd button.flat:disabled, .osd button.sidebar-button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); background-image: none; } .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: none; } button.suggested-action { background-clip: border-box; color: white; background-color: #4DADD4; border-color: #4DADD4; } button.suggested-action.flat, button.suggested-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; } button.suggested-action:hover { background-clip: border-box; color: white; background-color: #76c0de; border-color: #76c0de; } button.suggested-action:active, button.suggested-action:checked { background-clip: border-box; color: white; background-color: #2e96c0; border-color: #2e96c0; } button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } button.suggested-action:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } button.suggested-action:disabled label, button.suggested-action:disabled { color: rgba(92, 97, 108, 0.55); } button.destructive-action { background-clip: border-box; color: white; background-color: #F04A50; border-color: #F04A50; } button.destructive-action.flat, button.destructive-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; } button.destructive-action:hover { background-clip: border-box; color: white; background-color: #f4797e; border-color: #f4797e; } button.destructive-action:active, button.destructive-action:checked { background-clip: border-box; color: white; background-color: #ec1b22; border-color: #ec1b22; } button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } button.destructive-action:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } button.destructive-action:disabled label, button.destructive-action:disabled { color: rgba(92, 97, 108, 0.55); } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { background-position: left 3px, left 4px; } button.font separator, button.file separator { background-color: transparent; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar toolbutton > button { color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } .inline-toolbar toolbutton > button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } .inline-toolbar toolbutton > button:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { color: rgba(92, 97, 108, 0.55); } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { color: rgba(255, 255, 255, 0.8); } .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(207, 214, 230, 0.3); } .linked:not(.vertical):not(.path-bar) > entry.error + entry, .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { border-left-color: #f75d37; } .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { border-left-color: #F08437; } .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-left-color: #F08437; } .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > button:active + entry, .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > button + button { border-left-style: none; } .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 1px 0 #cfd6e6; } .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.5); } .linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { box-shadow: none; } .linked:not(.vertical).path-bar > button + button { border-left-style: none; } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } .linked.vertical > entry + entry { border-top-color: rgba(207, 214, 230, 0.3); } .linked.vertical > entry.error + entry, .linked.vertical > entry + entry.error { border-top-color: #FC4138; } .linked.vertical > entry.warning + entry, .linked.vertical > entry + entry.warning { border-top-color: #F27835; } .linked.vertical > entry.error + entry.warning, .linked.vertical > entry.warning + entry.error { border-top-color: #f75d37; } .linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > entry + entry:focus:last-child { border-top-color: #5294e2; } .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #5294e2; } .linked.vertical > entry + entry:drop(active):not(:last-child), .linked.vertical > entry + entry:drop(active):last-child { border-top-color: #F08437; } .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #F08437; } .linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > entry + entry.warning:focus:last-child { border-top-color: #F27835; } .linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + button, .linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #F27835; } .linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > entry + entry.error:focus:last-child { border-top-color: #FC4138; } .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, .linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #FC4138; } .linked.vertical > button:active + entry, .linked.vertical > button:checked + entry { border-top-color: #5294e2; } .linked.vertical > button + button { border-top-style: none; } .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 0 1px #cfd6e6; } .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { box-shadow: inset 0 1px rgba(207, 214, 230, 0.5); } .linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { box-shadow: none; } toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, .linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl) { border-radius: 0; border-right-style: none; } .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { border-radius: 0; border-bottom-style: none; } .linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } .linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, calendar.button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } menuitem.button.flat, modelbutton.flat { transition: none; min-height: 24px; padding-left: 8px; padding-right: 8px; outline-offset: -3px; border-radius: 2px; } menuitem.button.flat:hover, modelbutton.flat:hover { background-color: #edeff0; } menuitem.button.flat:checked, modelbutton.flat:checked { color: #5c616c; } menuitem.button.flat check:last-child, menuitem.button.flat radio:last-child, modelbutton.flat check:last-child, modelbutton.flat radio:last-child { margin-left: 8px; } menuitem.button.flat check:first-child, menuitem.button.flat radio:first-child, modelbutton.flat check:first-child, modelbutton.flat radio:first-child { margin-right: 8px; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } *:link, button:link, button:visited { color: #2679db; } *:link:visited, button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { color: #bad4f3; } *:link:hover, button:hover:link, button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { color: #eef4fc; } *:link:active, button:active:link, button:active:visited { color: #2679db; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #dceaf9; } infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #dceaf9; } button:link > label, button:visited > label { text-decoration-line: underline; } spinbutton:drop(active) { box-shadow: none; } spinbutton button:active { color: #ffffff; } spinbutton:disabled { color: rgba(92, 97, 108, 0.55); } spinbutton:not(.vertical) entry { min-width: 28px; } spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { border-radius: 3px 0 0 3px; } spinbutton:not(.vertical) > button + button { border-left-style: none; } spinbutton:not(.vertical) > button:hover:not(:active), spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 #cfd6e6; } spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.5); } spinbutton:not(.vertical) > button:first-child:hover:not(:active), spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294e2; } spinbutton:not(.vertical) > entry:drop(active) + button { border-left-color: #F08437; } .osd spinbutton:not(.vertical) > button:hover:not(:active), .osd spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 rgba(26, 28, 34, 0.4); } .osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), .osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), .osd spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } .osd spinbutton:not(.vertical) > entry:focus + button { border-left-color: rgba(26, 28, 34, 0.4); } spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; padding-right: 4px; min-width: 0; } spinbutton.vertical button.up { border-radius: 3px 3px 0 0; } spinbutton.vertical > entry:focus + button { border-top-color: #5294e2; } spinbutton.vertical > entry:drop(active) + button { border-top-color: #F08437; } combobox button.combo { min-width: 0; padding-left: 8px; padding-right: 8px; } combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } toolbar separator, .inline-toolbar separator { background: none; } toolbar.horizontal separator, .horizontal.inline-toolbar separator { margin: 0 6px; } toolbar.vertical separator, .vertical.inline-toolbar separator { margin: 6px 0; } .osd toolbar, .osd .inline-toolbar { background-color: transparent; } toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.9); } toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { border-radius: 0; } toolbar.osd.top, .osd.top.inline-toolbar { border-width: 0 0 1px 0; } toolbar.osd.bottom, .osd.bottom.inline-toolbar { border-width: 1px 0 0 0; } toolbar.osd.left, .osd.left.inline-toolbar { border-width: 0 1px 0 0; } toolbar.osd.right, .osd.right.inline-toolbar { border-width: 0 0 0 1px; } toolbar:not(.inline-toolbar) switch, .inline-toolbar:not(.inline-toolbar) switch, toolbar:not(.inline-toolbar) scale, .inline-toolbar:not(.inline-toolbar) scale, toolbar:not(.inline-toolbar) entry, .inline-toolbar:not(.inline-toolbar) entry, toolbar:not(.inline-toolbar) spinbutton, .inline-toolbar:not(.inline-toolbar) spinbutton, toolbar:not(.inline-toolbar) button, .inline-toolbar:not(.inline-toolbar) button { margin-right: 1px; margin-bottom: 1px; } toolbar:not(.inline-toolbar) .linked > button, .inline-toolbar:not(.inline-toolbar) .linked > button, toolbar:not(.inline-toolbar) .linked > entry, .inline-toolbar:not(.inline-toolbar) .linked > entry { margin-right: 0; } .primary-toolbar:not(.libreoffice-toolbar) { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #2f343f, #20232b) 1 0 1 0; } .inline-toolbar { background-color: #edeef0; border-style: solid; border-color: #dcdfe3; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } searchbar { background-color: #F5F6F7; border-style: solid; border-color: #dcdfe3; border-width: 0 0 1px; padding: 3px; } actionbar { padding: 6px; border-top: 1px solid #dcdfe3; background-color: #edeef0; } headerbar, .titlebar:not(headerbar) { min-height: 42px; padding: 0 7px; border-width: 0 0 1px; border-style: solid; border-color: #262a33; color: rgba(207, 218, 231, 0.8); background-color: #2f343f; box-shadow: inset 0 1px #363b48; } .csd headerbar, .csd .titlebar:not(headerbar) { background-color: #2f343f; border-color: #262a33; } headerbar:backdrop, .titlebar:backdrop:not(headerbar) { transition: 200ms ease-out; color: rgba(207, 218, 231, 0.5); background-color: #323843; } .csd headerbar:backdrop, .csd .titlebar:backdrop:not(headerbar) { background-color: #323843; } headerbar .title, .titlebar:not(headerbar) .title { padding-left: 12px; padding-right: 12px; } headerbar .subtitle, .titlebar:not(headerbar) .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } headerbar.selection-mode, .selection-mode.titlebar:not(headerbar) { color: #ffffff; background-color: #5294e2; border-color: #4189df; box-shadow: none; } headerbar.selection-mode:backdrop, .selection-mode.titlebar:backdrop:not(headerbar) { background-color: #5294e2; color: rgba(255, 255, 255, 0.6); } headerbar.selection-mode .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } headerbar.selection-mode .selection-menu GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } headerbar.selection-mode .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized headerbar.selection-mode, .maximized .selection-mode.titlebar:not(headerbar) { background-color: #5294e2; } .tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop, .tiled .titlebar:not(headerbar), .tiled .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar) { border-radius: 0; } .maximized headerbar, .maximized .titlebar:not(headerbar) { background-color: #2f343f; border-color: #262a33; } .maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar) { background-color: #323843; } headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop, .default-decoration.titlebar:not(headerbar), .csd .default-decoration.titlebar:not(headerbar), .default-decoration.titlebar:backdrop:not(headerbar), .csd .default-decoration.titlebar:backdrop:not(headerbar) { min-height: 28px; padding: 0 3px; background-color: #2f343f; border-bottom-width: 0; } .maximized headerbar.default-decoration, .maximized .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized .csd headerbar.default-decoration:backdrop, .maximized .default-decoration.titlebar:not(headerbar), .maximized .csd .default-decoration.titlebar:not(headerbar), .maximized .default-decoration.titlebar:backdrop:not(headerbar), .maximized .csd .default-decoration.titlebar:backdrop:not(headerbar) { background-color: #2f343f; } .titlebar { border-radius: 3px 3px 0 0; } headerbar entry, headerbar button, headerbar separator { margin-top: 6px; margin-bottom: 6px; } separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { border-top-left-radius: 3px; } .maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop { border-radius: 0; } headerbar:last-child, headerbar:last-child:backdrop { border-top-right-radius: 3px; } .maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { border-radius: 0; } window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { padding: 0; background: none; border: none; box-shadow: none; } .titlebar:not(headerbar) > separator { background-image: linear-gradient(to bottom, #262a33, #262a33); } .primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { min-width: 1px; min-height: 1px; background: none; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { opacity: 0.6; } .primary-toolbar entry, headerbar entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { color: inherit; } .primary-toolbar entry:backdrop, headerbar entry:backdrop { opacity: 0.85; } .primary-toolbar entry:focus, headerbar entry:focus { color: #ffffff; border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar entry:focus image, headerbar entry:focus image { color: #ffffff; } .primary-toolbar entry:disabled, headerbar entry:disabled { color: rgba(207, 218, 231, 0.35); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.25); } .primary-toolbar entry selection:focus, headerbar entry selection:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar entry progress, headerbar entry progress { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar entry.warning, headerbar entry.warning { color: white; border-color: rgba(21, 23, 28, 0.4); background-color: #a45d39; } .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { color: white; background-color: #F27835; } .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { background-color: white; color: #F27835; } .primary-toolbar entry.error, headerbar entry.error { color: white; border-color: rgba(21, 23, 28, 0.4); background-color: #aa3c3b; } .primary-toolbar entry.error:focus, headerbar entry.error:focus { color: white; background-color: #FC4138; } .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { background-color: white; color: #FC4138; } .primary-toolbar button, headerbar button { color: rgba(207, 218, 231, 0.8); outline-offset: -3px; background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar button:backdrop, headerbar button:backdrop { opacity: 0.7; } .primary-toolbar button:hover, headerbar button:hover { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; background-clip: padding-box; } .primary-toolbar button:disabled, headerbar button:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { color: rgba(207, 218, 231, 0.35); } .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .selection-mode.primary-toolbar button, headerbar.selection-mode button, .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.flat, .selection-mode.primary-toolbar button.sidebar-button, headerbar.selection-mode button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child) { margin-right: 1px; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { border-radius: 3px; border-style: solid; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { box-shadow: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { background-color: rgba(134, 144, 165, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { color: rgba(207, 218, 231, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { border-left-style: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { border-left-color: rgba(21, 23, 28, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:active + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar button.suggested-action, headerbar button.suggested-action { background-clip: border-box; color: white; background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; } .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { background-clip: border-box; color: white; background-color: #76c0de; border-color: #76c0de; } .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { background-clip: border-box; color: white; background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { color: rgba(207, 218, 231, 0.35); } .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar button.destructive-action, headerbar button.destructive-action { background-clip: border-box; color: white; background-color: #F04A50; border-color: #F04A50; } .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; } .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { background-clip: border-box; color: white; background-color: #f4797e; border-color: #f4797e; } .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { background-clip: border-box; color: white; background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { color: rgba(207, 218, 231, 0.35); } .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { color: #ffffff; caret-color: #ffffff; } .primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { background-color: rgba(134, 144, 165, 0.4); } .primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; } .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { color: rgba(207, 218, 231, 0.4); } .primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { border-left-style: none; } .primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), headerbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), .primary-toolbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled, headerbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } .primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar combobox:disabled, headerbar combobox:disabled { color: rgba(207, 218, 231, 0.2); } .primary-toolbar combobox > .linked > button.combo, headerbar combobox > .linked > button.combo { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image, .primary-toolbar combobox > .linked > button.combo image:hover, headerbar combobox > .linked > button.combo image:hover { color: inherit; } .primary-toolbar combobox > .linked > button.combo:hover, headerbar combobox > .linked > button.combo:hover { color: #ffffff; border-color: transparent; background-color: #5294e2; box-shadow: none; } .primary-toolbar combobox > .linked > button.combo:disabled, headerbar combobox > .linked > button.combo:disabled { color: rgba(207, 218, 231, 0.35); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.25); } .primary-toolbar combobox > .linked > entry.combo:dir(ltr), headerbar combobox > .linked > entry.combo:dir(ltr) { border-right-style: none; } .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus, headerbar combobox > .linked > entry.combo:dir(ltr):focus { box-shadow: none; } .primary-toolbar combobox > .linked > entry.combo:dir(rtl), headerbar combobox > .linked > entry.combo:dir(rtl) { border-left-style: none; } .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus, headerbar combobox > .linked > entry.combo:dir(rtl):focus { box-shadow: none; } .primary-toolbar combobox > .linked > button.combo:dir(ltr), headerbar combobox > .linked > button.combo:dir(ltr), .primary-toolbar combobox > .linked > button.combo:dir(ltr):hover, headerbar combobox > .linked > button.combo:dir(ltr):hover, .primary-toolbar combobox > .linked > button.combo:dir(ltr):active, headerbar combobox > .linked > button.combo:dir(ltr):active, .primary-toolbar combobox > .linked > button.combo:dir(ltr):checked, headerbar combobox > .linked > button.combo:dir(ltr):checked, .primary-toolbar combobox > .linked > button.combo:dir(ltr):disabled, headerbar combobox > .linked > button.combo:dir(ltr):disabled { border-top-left-radius: 0; border-bottom-left-radius: 0; } .primary-toolbar combobox > .linked > button.combo:dir(rtl), headerbar combobox > .linked > button.combo:dir(rtl), .primary-toolbar combobox > .linked > button.combo:dir(rtl):hover, headerbar combobox > .linked > button.combo:dir(rtl):hover, .primary-toolbar combobox > .linked > button.combo:dir(rtl):active, headerbar combobox > .linked > button.combo:dir(rtl):active, .primary-toolbar combobox > .linked > button.combo:dir(rtl):checked, headerbar combobox > .linked > button.combo:dir(rtl):checked, .primary-toolbar combobox > .linked > button.combo:dir(rtl):disabled, headerbar combobox > .linked > button.combo:dir(rtl):disabled { border-top-right-radius: 0; border-bottom-right-radius: 0; } .primary-toolbar switch:backdrop, headerbar switch:backdrop { opacity: 0.75; } .primary-toolbar progressbar trough, headerbar progressbar trough { background-color: rgba(21, 23, 28, 0.4); } .primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { opacity: 0.75; } .primary-toolbar scale:backdrop, headerbar scale:backdrop { opacity: 0.75; } .primary-toolbar scale slider, headerbar scale slider { background-color: #454c5c; border-color: rgba(21, 23, 28, 0.7); } .primary-toolbar scale slider:hover, headerbar scale slider:hover { background-color: #50586b; border-color: rgba(21, 23, 28, 0.7); } .primary-toolbar scale slider:active, headerbar scale slider:active { background-color: #5294e2; border-color: #5294e2; } .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { background-color: #3e4553; border-color: rgba(21, 23, 28, 0.7); } .primary-toolbar scale trough, headerbar scale trough { background-color: rgba(21, 23, 28, 0.4); } .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { background-color: rgba(21, 23, 28, 0.3); } .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 6px; padding-right: 6px; } .path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; } .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 10px; } .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 10px; } .path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { padding-left: 1px; padding-right: 1px; } .path-bar button image { padding-left: 4px; padding-right: 4px; } treeview.view { border-left-color: rgba(92, 97, 108, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view acceleditor > label { background-color: #5294e2; } treeview.view:selected, treeview.view:selected:focus { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } treeview.view:disabled { color: rgba(92, 97, 108, 0.55); } treeview.view:disabled:selected { color: #97bfee; } treeview.view.separator { min-height: 2px; color: rgba(0, 0, 0, 0.1); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #577ba7; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #aeb0b6; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { color: #5c616c; } treeview.view.expander:selected { color: #cbdff6; } treeview.view.expander:selected:hover { color: #ffffff; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.progressbar, treeview.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-color: #5294e2; } treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-color: #ffffff; } treeview.view.trough { color: #5c616c; background-color: #cfd6e6; border-radius: 3px; border-width: 0; } treeview.view.trough:selected, treeview.view.trough:selected:focus { color: #ffffff; background-color: rgba(0, 0, 0, 0.2); border-radius: 3px; border-width: 0; } treeview.view header button { min-height: 0; min-width: 0; padding: 3px 6px; font-weight: bold; color: #7d8189; background-color: #ffffff; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header button:hover { color: #5294e2; } treeview.view header button:active { color: #5c616c; } treeview.view header button:active, treeview.view header button:hover { background-color: #ffffff; } treeview.view header button:active:hover { color: #5c616c; } treeview.view header button:disabled { border-color: #F5F6F7; background-image: none; } treeview.view header button:last-child { border-right-style: none; border-image: none; } treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, treeview.view header.button.dnd, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd:active { padding: 0 6px; transition: none; color: #ffffff; background-color: #5294e2; border-radius: 0; border-style: none; } menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #2f343f; color: rgba(207, 218, 231, 0.8); } menubar:backdrop, .menubar:backdrop { color: rgba(207, 218, 231, 0.5); } menubar > menuitem, .menubar > menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } menubar > menuitem:hover, .menubar > menuitem:hover { background-color: #5294e2; color: #ffffff; } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: rgba(207, 218, 231, 0.2); border-color: transparent; } menu, .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #ffffff; border: 1px solid #dcdfe3; } .csd menu, .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } menu separator, .csd menu separator, .menu separator, .csd .menu separator { margin: 2px 0; background-color: #ffffff; } menu .separator:not(label), .csd menu .separator:not(label), .menu .separator:not(label), .csd .menu .separator:not(label) { color: #ffffff; } menu menuitem, .menu menuitem { min-height: 16px; min-width: 40px; padding: 5px; } menu menuitem:hover, .menu menuitem:hover { color: #ffffff; background-color: #5294e2; } menu menuitem:disabled, .menu menuitem:disabled { color: rgba(92, 97, 108, 0.55); } menu menuitem arrow, .menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } menuitem accelerator { color: alpha(currentColor,0.55); } menuitem check, menuitem radio { min-height: 16px; min-width: 16px; } menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 6px; margin-left: 2px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 6px; margin-right: 2px; } menu > arrow, .menu > arrow { border-color: transparent; background-color: transparent; background-image: none; min-width: 16px; min-height: 16px; padding: 4px; background-color: #ffffff; border-radius: 0; } menu > arrow.top, .menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #efeff0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom { margin-bottom: -6px; border-top: 1px solid #efeff0; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover { background-color: #efeff0; } menu > arrow:disabled, .menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } popover, popover.background { padding: 2px; border-radius: 3px; background-clip: border-box; background-color: #ffffff; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .csd popover, popover, .csd popover.background, popover.background { border: 1px solid #cdd2d7; } popover separator, popover.background separator { background-color: #ffffff; } popover > list, popover > .view, popover > iconview, popover > toolbar, popover > .inline-toolbar, popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar, popover.background > .inline-toolbar { border-style: none; background-color: transparent; } cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } notebook { padding: 0; } notebook.frame { border: 1px solid #dcdfe3; } notebook.frame > header { margin: -1px; } notebook.frame > header.top { margin-bottom: 0; } notebook.frame > header.bottom { margin-top: 0; } notebook.frame > header.left { margin-right: 0; } notebook.frame > header.right { margin-left: 0; } notebook.frame > header.top, notebook.frame > header.bottom { padding-left: 0; padding-right: 0; } notebook.frame > header.left, notebook.frame > header.right { padding-top: 0; padding-bottom: 0; } notebook > stack:not(:only-child) { background-color: #ffffff; } notebook > header { padding: 2px; background-color: #F5F6F7; } notebook > header.top { box-shadow: inset 0 -1px #dcdfe3; } notebook > header.bottom { box-shadow: inset 0 1px #dcdfe3; } notebook > header.right { box-shadow: inset 1px 0 #dcdfe3; } notebook > header.left { box-shadow: inset -1px 0 #dcdfe3; } notebook > header.top { padding-bottom: 0; } notebook > header.top > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-bottom: none; border-radius: 1px 1px 0 0; } notebook > header.top > tabs > tab + tab { margin-left: -1px; } notebook > header.bottom { padding-top: 0; } notebook > header.bottom > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-top: none; border-radius: 0 0 1px 1px; } notebook > header.bottom > tabs > tab + tab { margin-left: -1px; } notebook > header.right { padding-left: 0; } notebook > header.right > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-left: none; border-radius: 0 1px 1px 0; } notebook > header.right > tabs > tab + tab { margin-top: -1px; } notebook > header.left { padding-right: 0; } notebook > header.left > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-right: none; border-radius: 1px 0 0 1px; } notebook > header.left > tabs > tab + tab { margin-top: -1px; } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { margin-left: 2px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { margin-right: 2px; } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { margin-top: 2px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { margin-bottom: 2px; } notebook > header > tabs > arrow { color: rgba(92, 97, 108, 0.55); } notebook > header > tabs > arrow:hover { color: rgba(92, 97, 108, 0.775); } notebook > header > tabs > arrow:active { color: #5c616c; } notebook > header > tabs > arrow:disabled { color: rgba(92, 97, 108, 0.25); } notebook > header.top > tabs > tab:hover:not(:checked) { box-shadow: inset 0 -1px #dcdfe3; } notebook > header.bottom > tabs > tab:hover:not(:checked) { box-shadow: inset 0 1px #dcdfe3; } notebook > header.left > tabs > tab:hover:not(:checked) { box-shadow: inset -1px 0 #dcdfe3; } notebook > header.right > tabs > tab:hover:not(:checked) { box-shadow: inset 1px 0 #dcdfe3; } notebook > header > tabs > tab { color: rgba(92, 97, 108, 0.55); background-color: rgba(255, 255, 255, 0); } notebook > header > tabs > tab:hover:not(:checked) { color: rgba(92, 97, 108, 0.775); background-color: rgba(255, 255, 255, 0.5); border-color: #dcdfe3; } notebook > header > tabs > tab:checked { color: #5c616c; background-color: #ffffff; border-color: #dcdfe3; } notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { min-height: 22px; min-width: 16px; padding: 0; color: #92959d; } notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { color: #ff4d4d; } notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { color: #5294e2; } scrollbar { background-color: #fcfcfc; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid #dcdfe3; } scrollbar.bottom { border-top: 1px solid #dcdfe3; } scrollbar.left { border-right: 1px solid #dcdfe3; } scrollbar.right { border-left: 1px solid #dcdfe3; } scrollbar button { border: none; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #b8babf; } scrollbar slider:hover { background-color: #c7c9cd; } scrollbar slider:hover:active { background-color: #5294e2; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { min-width: 4px; min-height: 4px; } scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; } scrollbar.fine-tune.vertical slider { border-width: 4px 5px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 4px; min-height: 4px; background-color: #8a8e96; border: 1px solid rgba(255, 255, 255, 0.6); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.99; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } switch { font-size: 1px; min-width: 52px; min-height: 24px; background-size: 52px 24px; background-repeat: no-repeat; background-position: center center; } switch slider { min-width: 1px; min-height: 1px; } switch, switch slider { outline-color: transparent; color: transparent; border: none; box-shadow: none; } switch { background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } menuitem:hover switch, row:selected switch, infobar switch { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } headerbar switch, .primary-toolbar switch { background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } switch:checked { background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } menuitem:hover switch:checked, row:selected switch:checked, infobar switch:checked { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } headerbar switch:checked, .primary-toolbar switch:checked { background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } switch:disabled { background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } menuitem:hover switch:disabled, row:selected switch:disabled, infobar switch:disabled { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } headerbar switch:disabled, .primary-toolbar switch:disabled { background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } switch:checked:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } menuitem:hover switch:checked:disabled, row:selected switch:checked:disabled, infobar switch:checked:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } headerbar switch:checked:disabled, .primary-toolbar switch:checked:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } .check, check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } .osd check, filechooser actionbar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } menuitem check:hover, .view check:selected, iconview check:selected, treeview.check:selected, row:selected check, infobar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:disabled, check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } .osd check:disabled, filechooser actionbar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } menuitem check:disabled:hover, .view check:disabled:selected, iconview check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, infobar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:indeterminate, check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } .osd check:indeterminate, filechooser actionbar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } menuitem check:indeterminate:hover, .view check:indeterminate:selected, iconview check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, infobar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:indeterminate:disabled, check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } .osd check:indeterminate:disabled, filechooser actionbar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } menuitem check:indeterminate:disabled:hover, .view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, infobar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked, check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } .osd check:checked, filechooser actionbar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } menuitem check:checked:hover, .view check:checked:selected, iconview check:checked:selected, treeview.check:checked:selected, row:selected check:checked, infobar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:disabled, check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } .osd check:checked:disabled, filechooser actionbar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } menuitem check:checked:disabled:hover, .view check:checked:disabled:selected, iconview check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, infobar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio, radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } .osd radio, filechooser actionbar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } menuitem radio:hover, .view radio:selected, iconview radio:selected, treeview.radio:selected, row:selected radio, infobar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:disabled, radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } .osd radio:disabled, filechooser actionbar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } menuitem radio:disabled:hover, .view radio:disabled:selected, iconview radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, infobar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:indeterminate, radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } .osd radio:indeterminate, filechooser actionbar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } menuitem radio:indeterminate:hover, .view radio:indeterminate:selected, iconview radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, infobar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:indeterminate:disabled, radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } .osd radio:indeterminate:disabled, filechooser actionbar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } menuitem radio:indeterminate:disabled:hover, .view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, infobar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked, radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } .osd radio:checked, filechooser actionbar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } menuitem radio:checked:hover, .view radio:checked:selected, iconview radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, infobar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:disabled, radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } .osd radio:checked:disabled, filechooser actionbar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } menuitem radio:checked:disabled:hover, .view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, infobar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } .view.content-view.check:not(list), iconview.content-view.check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { margin-left: 4px; } checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { margin-right: 4px; } check, radio { min-width: 16px; min-height: 16px; margin: 0 2px; } check:only-child, menu menuitem check, radio:only-child, menu menuitem radio { margin: 0; } scale { min-height: 15px; min-width: 15px; padding: 3px; } scale.horizontal trough { padding: 0 4px; } scale.horizontal highlight, scale.horizontal fill { margin: 0 -4px; } scale.vertical trough { padding: 4px 0; } scale.vertical highlight, scale.vertical fill { margin: -4px 0; } scale slider { min-height: 15px; min-width: 15px; margin: -6px; } scale.fine-tune slider { margin: -4px; } scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 5px; -gtk-outline-radius: 7px; } scale trough { outline-offset: 2px; -gtk-outline-radius: 4.5px; border-radius: 2.5px; background-color: #cfd6e6; } scale trough:disabled { background-color: rgba(207, 214, 230, 0.55); } .osd scale trough { background-color: #454a59; } .osd scale trough highlight { background-color: #5294e2; } menuitem:hover scale trough, row:selected scale trough, infobar scale trough { background-color: rgba(0, 0, 0, 0.2); } menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { background-color: #ffffff; } menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { background-color: #b1cff2; } menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { background-color: rgba(0, 0, 0, 0.1); } scale highlight { border-radius: 2.5px; background-color: #5294e2; } scale highlight:disabled { background-color: rgba(82, 148, 226, 0.55); } scale fill { border-radius: 2.5px; background-color: rgba(82, 148, 226, 0.5); } scale fill:disabled { background-color: transparent; } scale slider { background-color: #fbfbfc; border: 1px solid rgba(123, 142, 186, 0.5); border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border; } scale slider:hover { background-color: white; } scale slider:active { background-clip: border-box; background-color: #5294e2; border-color: #5294e2; } scale slider:disabled { background-color: #fbfbfb; border-color: rgba(123, 142, 186, 0.3); } menuitem:hover scale slider, row:selected scale slider, infobar scale slider { background-clip: border-box; background-color: #ffffff; border-color: #ffffff; } menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { background-color: #e5effb; border-color: #e5effb; } menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { background-color: #a9caf1; border-color: #a9caf1; } menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { background-color: #b1cff2; border-color: #b1cff2; } .osd scale slider { background-clip: border-box; background-color: #5294e2; border-color: #5294e2; } .osd scale slider:hover { background-color: #7eafe9; border-color: #7eafe9; } .osd scale slider:active { background-color: #2679db; border-color: #2679db; } scale value { color: alpha(currentColor,0.4); } scale marks { color: alpha(currentColor,0.4); } scale marks.top { margin-bottom: 1px; margin-top: -4px; } scale marks.bottom { margin-top: 1px; margin-bottom: -4px; } scale marks.top { margin-right: 1px; margin-left: -4px; } scale marks.bottom { margin-left: 1px; margin-right: -4px; } scale.fine-tune marks.top { margin-bottom: 0px; margin-top: -2px; } scale.fine-tune marks.bottom { margin-top: 0px; margin-bottom: -2px; } scale.fine-tune marks.top { margin-right: 0px; margin-left: -2px; } scale.fine-tune marks.bottom { margin-left: 0px; margin-right: -2px; } scale.horizontal indicator { min-height: 3px; min-width: 1px; } scale.horizontal.fine-tune indicator { min-height: 2px; } scale.vertical indicator { min-height: 1px; min-width: 3px; } scale.vertical.fine-tune indicator { min-width: 2px; } progressbar { padding: 0; font-size: smaller; color: rgba(92, 97, 108, 0.7); } progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } progressbar.osd trough { border-style: none; background-color: transparent; box-shadow: none; } progressbar progress { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } row:selected progressbar progress, infobar progressbar progress { background-color: #ffffff; } progressbar trough { border: none; border-radius: 3px; background-color: #cfd6e6; } row:selected progressbar trough, infobar progressbar trough { background-color: rgba(0, 0, 0, 0.2); } levelbar block { min-width: 32px; min-height: 1px; } levelbar.vertical block { min-width: 1px; min-height: 32px; } levelbar trough { border: none; padding: 3px; border-radius: 3px; background-color: #cfd6e6; } levelbar.horizontal.discrete block { margin: 0 1px; } levelbar.vertical.discrete block { margin: 1px 0; } levelbar block:not(.empty) { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } levelbar block.low { border-color: #F27835; background-color: #F27835; } levelbar block.high { border-color: #5294e2; background-color: #5294e2; } levelbar block.full { border-color: #73d216; background-color: #73d216; } levelbar block.empty { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } printdialog paper { border: 1px solid #dcdfe3; background: #ffffff; padding: 0; } printdialog .dialog-action-box { margin: 12px; } frame > border, .frame { margin: 0; padding: 0; border-radius: 0; border: 1px solid #dcdfe3; } frame.flat > border, frame > border.flat, .frame.flat { border-style: none; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; border: none; } scrolledwindow undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; border: none; } scrolledwindow undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; border: none; } scrolledwindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; border: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator { background-color: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } list { background-color: #ffffff; border-color: #dcdfe3; } list row { padding: 2px; } row:not(:hover) { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(0, 0, 0, 0.05); } row.activatable:active { color: #5c616c; } row.activatable:disabled { color: rgba(92, 97, 108, 0.55); } row.activatable:disabled image { color: inherit; } row.activatable:selected:active { color: #ffffff; } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #4a85cb; } .app-notification { padding: 10px; color: #BAC3CF; background-color: #353945; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #1f2128; } .app-notification border { border: none; } .app-notification button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .app-notification button.flat, .app-notification button.sidebar-button { border-color: rgba(82, 148, 226, 0); } .app-notification button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .app-notification button:active, .app-notification button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; background-clip: padding-box; } .app-notification button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } expander arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander arrow:hover { color: #aaaeb7; } expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } calendar { color: #5c616c; border: 1px solid #dcdfe3; border-radius: 3px; padding: 2px; } calendar:selected { border-radius: 1.5px; } calendar.header { color: #5c616c; border: none; } calendar.button { color: rgba(92, 97, 108, 0.45); } calendar.button:hover { color: #5c616c; } calendar.button:disabled { color: rgba(92, 97, 108, 0.55); } calendar:indeterminate { color: alpha(currentColor,0.55); } calendar.highlight { color: #5c616c; } messagedialog .titlebar { min-height: 20px; background-color: #2f343f; border-bottom: 1px solid #20232b; } messagedialog .dialog-action-area button { padding: 8px; min-height: 0; } messagedialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } messagedialog.csd .dialog-action-area button { border-bottom-style: none; } messagedialog.csd .dialog-action-area button { border-radius: 0; border-right-style: none; } messagedialog.csd .dialog-action-area button:last-child { border-radius: 0 0 3px 0; border-right-style: none; } messagedialog.csd .dialog-action-area button:first-child { border-radius: 0 0 0 3px; border-left-style: none; } messagedialog.csd .dialog-action-area button:only-child { border-radius: 0 0 3px 3px; border-left-style: none; border-right-style: none; } filechooser #pathbarbox { border-bottom: 1px solid rgba(220, 223, 227, 0.5); } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } .sidebar { border-style: none; background-color: #fbfbfc; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: 1px solid #dcdfe3; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid #dcdfe3; border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } placessidebar > viewport.frame { border-style: none; } placessidebar row { min-height: 30px; padding: 0px; } placessidebar row > revealer { padding: 0 10px; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-width: 22px; min-height: 22px; margin-top: 2px; margin-bottom: 2px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: linear-gradient(to bottom, #F08437, #F08437); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #5294e2; } placessidebar row:drop(active):not(:disabled) { box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { color: #F08437; } placessidebar row:drop(active):not(:disabled):selected { background-color: #F08437; } placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { color: #ffffff; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3); background-size: 1px 1px; } paned > separator:selected { background-image: linear-gradient(to bottom, #5294e2, #5294e2); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #F5F6F7; background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3), linear-gradient(to bottom, #dcdfe3, #dcdfe3); background-size: 1px 1px, 1px 1px; } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } infobar { border-style: none; } infobar.info, infobar.question, infobar.warning, infobar.error { background-color: #5294e2; color: #ffffff; caret-color: currentColor; } infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { color: #5294e2; background-color: #ffffff; } .selection-mode.primary-toolbar button:hover, headerbar.selection-mode button:hover, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .nautilus-window .floating-bar button { color: #ffffff; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } row:selected button.flat, row:selected button.sidebar-button, infobar.info button.flat, infobar.info button.sidebar-button, infobar.question button.flat, infobar.question button.sidebar-button, infobar.warning button.flat, infobar.warning button.sidebar-button, infobar.error button.flat, infobar.error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .selection-mode.primary-toolbar button:disabled, headerbar.selection-mode button:disabled, row:selected button.flat:disabled, row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.info button.sidebar-button:disabled, infobar.question button.flat:disabled, infobar.question button.sidebar-button:disabled, infobar.warning button.flat:disabled, infobar.warning button.sidebar-button:disabled, infobar.error button.flat:disabled, infobar.error button.sidebar-button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.sidebar-button:disabled, .selection-mode.primary-toolbar button:disabled label, headerbar.selection-mode button:disabled label, row:selected button.flat:disabled label, row:selected button.sidebar-button:disabled label, infobar.info button.flat:disabled label, infobar.info button.sidebar-button:disabled label, infobar.question button.flat:disabled label, infobar.question button.sidebar-button:disabled label, infobar.warning button.flat:disabled label, infobar.warning button.sidebar-button:disabled label, infobar.error button.flat:disabled label, infobar.error button.sidebar-button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.sidebar-button:disabled label { color: rgba(255, 255, 255, 0.4); } row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .nautilus-window .floating-bar button:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .selection-mode.primary-toolbar button:active, headerbar.selection-mode button:active, .selection-mode.primary-toolbar button:checked, headerbar.selection-mode button:checked, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .nautilus-window .floating-bar button:active, .selection-mode.primary-toolbar button:hover:active, headerbar.selection-mode button:hover:active, .selection-mode.primary-toolbar button:hover:checked, headerbar.selection-mode button:hover:checked, row:selected button:active:hover, infobar.info button:active:hover, infobar.question button:active:hover, infobar.warning button:active:hover, infobar.error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .nautilus-window .floating-bar button:checked { color: #5294e2; background-color: #ffffff; border-color: #ffffff; } row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled { background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.4); } row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label, .nautilus-window .floating-bar button:disabled label { color: rgba(255, 255, 255, 0.5); } .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { color: #5294e2; background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.4); } tooltip { border-radius: 2px; box-shadow: none; } tooltip.background { background-color: #4b5162; background-clip: padding-box; } tooltip.background label { padding: 4px; } tooltip decoration { background-color: transparent; } tooltip * { background-color: transparent; color: #BAC3CF; } colorswatch, colorswatch:drop(active) { border-style: none; } colorswatch.top { border-top-left-radius: 2.5px; border-top-right-radius: 2.5px; } colorswatch.top overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } colorswatch.bottom { border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 2.5px; border-bottom-left-radius: 2.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.dark overlay { color: rgba(255, 255, 255, 0.7); } colorswatch.dark overlay:hover { border-color: rgba(0, 0, 0, 0.5); } colorswatch.light overlay { color: rgba(0, 0, 0, 0.7); } colorswatch.light overlay:hover { border-color: rgba(0, 0, 0, 0.3); } colorswatch overlay { border: 1px solid rgba(0, 0, 0, 0.15); } colorswatch overlay:hover { background-color: rgba(255, 255, 255, 0.2); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } colorswatch#add-color-button { border-style: solid; border-width: 1px; color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } colorswatch#add-color-button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; } colorswatch#add-color-button overlay { border-color: transparent; background-color: transparent; background-image: none; } button.color { padding: 0; } button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { margin: 4px; border-radius: 0; } colorchooser .popover.osd { border-radius: 3px; } .content-view { background-color: #ffffff; } .content-view:hover { -gtk-icon-effect: highlight; } .scale-popup button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; } .context-menu, popover.touch-selection, .csd popover.touch-selection, popover.background.touch-selection, .csd popover.background.touch-selection { font: initial; } .monospace { font-family: Monospace; } button.circular, button.nautilus-circular-button.image-button, button.circular-button { padding: 0; min-width: 16px; min-height: 24px; padding: 2px 6px; border-radius: 50%; -gtk-outline-radius: 50%; } button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { padding: 0; } .keycap { min-width: 16px; min-height: 20px; padding: 3px 6px 4px 6px; color: #5c616c; background-color: #ffffff; border: 1px solid #dcdfe3; border-radius: 2.5px; box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); } stackswitcher button.text-button { min-width: 80px; } stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { min-width: 0; } *:drop(active):focus, *:drop(active) { box-shadow: inset 0 0 0 1px #F08437; } decoration { border-radius: 3px 3px 0 0; border-width: 0px; box-shadow: 0 0 0 1px #20232b, 0 8px 8px 0 rgba(0, 0, 0, 0.2); margin: 10px; } decoration:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); transition: 200ms ease-out; } .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration { box-shadow: none; border-radius: 0; } .ssd decoration { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } .ssd decoration.maximized { border-radius: 0; } .csd.popup decoration { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } tooltip.csd decoration { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } messagedialog.csd decoration { border-radius: 3px; } .solid-csd decoration { border-radius: 0; margin: 1px; background-color: #2f343f; box-shadow: none; } headerbar.default-decoration button.titlebutton, .titlebar.default-decoration button.titlebutton { padding: 0 4px; min-width: 0; min-height: 0; margin: 0; } headerbar button.titlebutton, .titlebar button.titlebutton { padding: 0; min-width: 24px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(47, 52, 63, 0); } headerbar button.titlebutton:hover, .titlebar button.titlebutton:hover { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } headerbar button.titlebutton:active, headerbar button.titlebutton:checked, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; } headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, .titlebar button.titlebutton.close, .titlebar button.titlebutton.maximize, .titlebar button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; } headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.close:backdrop, .titlebar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.minimize:backdrop { opacity: 1; } headerbar button.titlebutton.close, .titlebar button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } headerbar button.titlebutton.close:backdrop, .titlebar button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } headerbar button.titlebutton.close:hover, .titlebar button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } headerbar button.titlebutton.close:active, .titlebar button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } headerbar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } headerbar button.titlebutton.maximize:hover, .titlebar button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } headerbar button.titlebutton.maximize:active, .titlebar button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } headerbar button.titlebutton.minimize:hover, .titlebar button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } headerbar button.titlebutton.minimize:active, .titlebar button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { background-color: #5294e2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { color: #ffffff; } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, modelbutton.flat:disabled:active, modelbutton.flat:active arrow:disabled, modelbutton.flat:disabled:selected, modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:active:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:active:hover { color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked, terminal-window notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -1px #dcdfe3; } terminal-window notebook > header.top, .mate-terminal notebook > header.top { padding-top: 3px; box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; } terminal-window notebook > header.top button, .mate-terminal notebook > header.top button { padding: 0; min-width: 24px; min-height: 24px; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item, .caja-desktop { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active, .caja-desktop:active { color: #5c616c; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected, .caja-desktop:selected { color: #ffffff; text-shadow: none; } .nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #a9acb2; } .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } .nautilus-window searchbar { border-top: 1px solid #dcdfe3; } .nautilus-window .searchbar-container { margin-top: -1px; } .nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #ffffff; } .disk-space-display { border-style: solid; border-width: 1px; } .disk-space-display.unknown { background-color: rgba(92, 97, 108, 0.5); border-color: rgba(69, 72, 80, 0.5); } .disk-space-display.used { background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { background-color: #edeef0; border-color: #d0d5da; } @keyframes needs_attention_keyframes { 0% { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } 100% { color: #ffffff; border-color: transparent; background-color: #5294e2; } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes 2s ease-in-out; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes 3s ease-in-out; animation-iteration-count: 3; } .conflict-row.activatable, .conflict-row.activatable:active { color: white; background-color: #FC4138; } .conflict-row.activatable:hover { background-color: #fd716a; } .conflict-row.activatable:selected { color: #ffffff; background-color: #5294e2; } .nemo-window .nemo-places-sidebar.frame { border-width: 0; } .nemo-window notebook { background-color: #ffffff; } .nemo-window .nemo-window-pane widget.entry { border: 1px solid; border-radius: 3px; color: #5c616c; border-color: #5294e2; background-color: #ffffff; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { margin: 0 0 1px 0; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { background-color: rgba(134, 144, 165, 0.4); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { color: #ffffff; border-color: transparent; background-color: #5294e2; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(207, 218, 231, 0.4); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { border-left-style: none; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } .caja-notebook { border-top: 1px solid #dcdfe3; } .caja-side-pane .frame { border-width: 1px 0 0; } .caja-notebook .frame { border-width: 0 0 1px; } .open-document-selector-treeview.view, iconview.open-document-selector-treeview { padding: 3px 6px 3px 6px; border-color: #ffffff; } .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { background-color: #f4f4f5; } .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { color: #ffffff; background-color: #5294e2; } .open-document-selector-name-label { color: #5c616c; } .open-document-selector-path-label { color: #aeb0b6; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } .gedit-document-panel row button { min-width: 22px; min-height: 22px; padding: 0; color: transparent; background: none; border: none; box-shadow: none; } .gedit-document-panel row button image { color: inherit; } .gedit-document-panel row:hover:not(:selected) button { color: #92959d; } .gedit-document-panel row:hover:not(:selected) button:hover { color: #ff4d4d; } .gedit-document-panel row:hover:not(:selected) button:active { color: #5c616c; } .gedit-document-panel row:hover:selected button:hover { color: #ff6666; background: none; border: none; box-shadow: none; } .gedit-document-panel row:hover:selected button:hover:active { color: #ffffff; } .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; color: #5c616c; } .gedit-side-panel-paned statusbar { border-top: 1px solid #dcdfe3; background-color: #F5F6F7; } .gedit-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); border: none; margin: 2px; padding: 2px; } .gedit-map-frame border { border-color: rgba(0, 0, 0, 0.3); border-width: 0; } .gedit-map-frame border:dir(ltr) { border-left-width: 1px; } .gedit-map-frame border:dir(rtl) { border-right-width: 1px; } .pluma-window statusbar frame > border { border: none; } .pluma-window notebook > stack scrolledwindow { border-width: 0 0 1px 0; } #pluma-status-combo-button { min-height: 0; padding: 0; border-top: none; border-bottom: none; border-radius: 0; } .gb-search-entry-occurrences-tag { background: none; } workbench.csd > stack.titlebar:not(headerbar) { padding: 0; background: none; border: none; box-shadow: none; } workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { border-radius: 3px 3px 0 0; } editortweak .linked > entry.search:focus + .gb-linked-scroller { border-top-color: #5294e2; } layouttab { background-color: #ffffff; } layout { border: 1px solid #dcdfe3; -PnlDockBin-handle-size: 1; } eggsearchbar box.search-bar { border-bottom: 1px solid #dcdfe3; } pillbox { color: #ffffff; background-color: #5294e2; border-radius: 3px; } pillbox:disabled label { color: rgba(255, 255, 255, 0.5); } docktabstrip { padding: 0 6px; background-color: #F5F6F7; border-bottom: 1px solid #dcdfe3; } docktabstrip docktab { min-height: 28px; border: solid transparent; border-width: 0 1px; } docktabstrip docktab label { opacity: 0.5; } docktabstrip docktab:checked label, docktabstrip docktab:hover label { opacity: 1; } docktabstrip docktab:checked { border-color: #dcdfe3; background-color: #ffffff; } dockbin { border: 1px solid #dcdfe3; -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid #dcdfe3; } dockoverlayedge { background-color: #F5F6F7; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { border-width: 1px 0; } popover.messagepopover.background { padding: 0; } popover.messagepopover .popover-content-area { margin: 16px; } popover.messagepopover .popover-action-area { margin: 8px; } popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { margin: 0 4px; } popover.popover-selector { padding: 0; } popover.popover-selector list row { padding: 5px 0; } popover.popover-selector list row image { margin-left: 3px; margin-right: 10px; } entry.search.preferences-search { border: none; border-right: 1px solid #dcdfe3; border-bottom: 1px solid #dcdfe3; border-radius: 0; } preferences stacksidebar.sidebar list { background-image: linear-gradient(to bottom, #ffffff, #ffffff); } preferences stacksidebar.sidebar list separator { background-color: transparent; } devhelppanel entry:focus, symboltreepanel entry:focus { border-color: #dcdfe3; } button.run-arrow-button { min-width: 12px; } omnibar.linked > entry:not(:only-child) { border-style: solid; border-radius: 3px; margin-left: 1px; margin-right: 1px; } gstyleslidein #scale_box button.toggle:checked, gstyleslidein #strings_controls button.toggle:checked, gstyleslidein #palette_controls button.toggle:checked, gstyleslidein #components_controls button.toggle:checked { color: #5c616c; } configurationview entry.flat { background: none; } configurationview list { border-width: 0; } .documents-scrolledwin.frame { border-width: 0; } button.documents-load-more { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon, .photos-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } button.documents-favorite:active, button.documents-favorite:active:hover { color: #a9caf1; } .documents-entry-tag, .photos-entry-tag { color: #ffffff; background: #5294e2; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover, .photos-entry-tag:hover { color: #ffffff; background: #639fe5; } .documents-entry-tag:active, .photos-entry-tag:active { color: #ffffff; background: #4189df; } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } .photos-fade-in { opacity: 1.0; transition: opacity 0.2s ease-out; } .photos-fade-out { opacity: 0.0; transition: opacity 0.2s ease-out; } .tweak-categories, .tweak-category:not(:selected):not(:hover) { background-image: linear-gradient(to bottom, #ffffff, #ffffff); } .tr-workarea undershoot, .tr-workarea overshoot { border-color: transparent; } .atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar { background: none; } #gf-bubble, #gf-bubble.solid, #gf-osd-window, #gf-osd-window.solid, #gf-input-source-popup, #gf-input-source-popup.solid, #gf-candidate-popup, #gf-candidate-popup.solid { color: #cfd5de; background-color: #353945; border: 1px solid #23262e; border-radius: 2px; } #gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, #gf-osd-window levelbar block.low, #gf-osd-window levelbar block.high, #gf-osd-window levelbar block.full, #gf-input-source-popup levelbar block.low, #gf-input-source-popup levelbar block.high, #gf-input-source-popup levelbar block.full, #gf-candidate-popup levelbar block.low, #gf-candidate-popup levelbar block.high, #gf-candidate-popup levelbar block.full { background-color: #5294e2; border-color: #5294e2; } #gf-bubble levelbar block.empty, #gf-osd-window levelbar block.empty, #gf-input-source-popup levelbar block.empty, #gf-candidate-popup levelbar block.empty { background-color: #2a2d37; } #gf-bubble levelbar trough, #gf-osd-window levelbar trough, #gf-input-source-popup levelbar trough, #gf-candidate-popup levelbar trough { background: none; } #gf-input-source { min-height: 32px; min-width: 40px; } #gf-input-source:selected { color: #ffffff; background-color: #5294e2; border-radius: 2px; } gf-candidate-box label { padding: 3px; } gf-candidate-box:hover, gf-candidate-box:selected { color: #ffffff; background-color: #5294e2; border-radius: 2px; } MsdOsdWindow.background.osd { border-radius: 2px; border: 1px solid #23262e; } MsdOsdWindow.background.osd .progressbar { background-color: #5294e2; border: none; border-color: red; border-radius: 5px; } MsdOsdWindow.background.osd .trough { background-color: #2a2d37; border: none; border-radius: 5px; } .mate-panel-menu-bar, .mate-panel-menu-bar menubar, panel-toplevel.background, panel-toplevel.background menubar { background-color: #2b2e37; } .mate-panel-menu-bar menubar, .mate-panel-menu-bar #PanelApplet label, .mate-panel-menu-bar #PanelApplet image, panel-toplevel.background menubar, panel-toplevel.background #PanelApplet label, panel-toplevel.background #PanelApplet image { color: #BAC3CF; } .mate-panel-menu-bar button label, .mate-panel-menu-bar button image, .mate-panel-menu-bar #tasklist-button label, .mate-panel-menu-bar #tasklist-button image, panel-toplevel.background button label, panel-toplevel.background button image, panel-toplevel.background #tasklist-button label, panel-toplevel.background #tasklist-button image { color: inherit; } .mate-panel-menu-bar .wnck-pager, panel-toplevel.background .wnck-pager { color: #5d6268; background-color: #14161b; } .mate-panel-menu-bar .wnck-pager:hover, panel-toplevel.background .wnck-pager:hover { background-color: #363a46; } .mate-panel-menu-bar .wnck-pager:selected, panel-toplevel.background .wnck-pager:selected { color: #a9caf1; background-color: #5294e2; } .mate-panel-menu-bar na-tray-applet, panel-toplevel.background na-tray-applet { -NaTrayApplet-icon-padding: 0; -NaTrayApplet-icon-size: 16px; } .xfce4-panel.panel { background-color: #2b2e37; text-shadow: none; -gtk-icon-shadow: none; } #tasklist-button { color: rgba(186, 195, 207, 0.8); border-radius: 0; border: none; background-color: rgba(43, 46, 55, 0); } #tasklist-button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); } #tasklist-button:checked { color: white; background-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } .mate-panel-menu-bar button:not(#tasklist-button), panel-toplevel.background button:not(#tasklist-button), .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { color: #BAC3CF; border-radius: 0; border: none; background-color: rgba(43, 46, 55, 0); } .mate-panel-menu-bar button:hover:not(#tasklist-button), panel-toplevel.background button:hover:not(#tasklist-button), .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { border: none; background-color: #414654; } .mate-panel-menu-bar button:active:not(#tasklist-button), panel-toplevel.background button:active:not(#tasklist-button), .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .mate-panel-menu-bar button:checked:not(#tasklist-button), panel-toplevel.background button:checked:not(#tasklist-button), .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { color: #ffffff; border: none; background-color: #5294e2; } .mate-panel-menu-bar button:active:not(#tasklist-button) label, panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.sidebar-button:active label, .mate-panel-menu-bar button:active:not(#tasklist-button) image, panel-toplevel.background button:active:not(#tasklist-button) image, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.sidebar-button:active image, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.sidebar-button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, panel-toplevel.background button:checked:not(#tasklist-button) image, .xfce4-panel.panel button.flat:checked image, .xfce4-panel.panel button.sidebar-button:checked image { color: inherit; } .nautilus-window .floating-bar { padding: 1px; background-color: #5294e2; color: #ffffff; border-radius: 2px 2px 0 0; } .nautilus-window .floating-bar.bottom.left { border-top-left-radius: 0; } .nautilus-window .floating-bar.bottom.right { border-top-right-radius: 0; } .nautilus-window .floating-bar button { border: none; border-radius: 0; min-height: 0; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.4); } .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: transparent; background-color: #5294e2; } .marlin-pathbar.pathbar:disabled { color: rgba(207, 218, 231, 0.35); border-color: rgba(21, 23, 28, 0.4); background-color: rgba(95, 105, 127, 0.25); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; -gtk-icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { border: 1px solid #20232b; border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #2f343f, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px #363b48; } UnityDecoration .top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #20232b, #20232b); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: #404756; border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focus, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focus { background-image: none; border-image: none; } .lightdm.button:focus, .lightdm.entry:focus { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar label { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #dcdfe3; border-right: 1px solid #dcdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #dcdfe3; } toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { padding: 0 3px 0 3px; } toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #dcdfe3; background-color: #F5F6F7; } toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view, iconview.source-list { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:hover, iconview.source-list:hover { background-color: white; } .source-list.view:selected, iconview.source-list:selected, .source-list.view:hover:selected, iconview.source-list:hover:selected, .source-list.view:selected:focus, iconview.source-list:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list scrollbar, .source-list junction { border-image: none; border-color: transparent; background-color: #F5F6F7; background-image: none; } .source-list.badge, .source-list.badge:hover, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:hover:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:hover:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #5c616c; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome label { color: #a9acb2; font-size: 11px; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(92, 97, 108, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #ffffff, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry entry { padding: 4px; } .h1 { font-size: 24px; } .h2 { font-size: 18px; } .h3 { font-size: 11px; } .h4, .category-label { color: #8a8e96; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: #2b2e37; color: #BAC3CF; font-weight: bold; box-shadow: inset 0 -1px #1b1d23; } #panel_window menubar { padding-left: 5px; } #panel_window menubar, #panel_window menubar > menuitem { background-color: transparent; color: #BAC3CF; font-weight: bold; } #panel_window menubar menuitem:disabled { color: rgba(186, 195, 207, 0.5); } #panel_window menubar menuitem:disabled label { color: inherit; } #panel_window menubar menu > menuitem { font-weight: normal; } #login_window, #shutdown_dialog, #restart_dialog { font-weight: normal; border-style: none; background-color: transparent; color: #5c616c; } #content_frame { padding-bottom: 14px; background-color: #F5F6F7; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame button { color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } #content_frame button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; } #content_frame button:active, #content_frame button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } #content_frame button:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } #content_frame button:disabled label, #content_frame button:disabled { color: rgba(92, 97, 108, 0.55); } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: #353945; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px #353945; } #buttonbox_frame button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } #buttonbox_frame button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } #buttonbox_frame button:active, #buttonbox_frame button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } #buttonbox_frame button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } #login_window #user_combobox { color: #5c616c; font-size: 13px; } #login_window #user_combobox menu { font-weight: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font-weight: bold; } .nautilus-window paned > separator { background-image: linear-gradient(to bottom, #353945, #353945); } .nautilus-window paned > separator:dir(ltr) { margin-left: -1px; } .nautilus-window paned > separator:dir(rtl) { margin-right: -1px; } filechooser paned > separator { background-image: linear-gradient(to bottom, #353945, #353945); } filechooser.csd.background, filechooser placessidebar list, .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } filechooser placessidebar.sidebar, .nautilus-window placessidebar.sidebar { background-color: #353945; } filechooser placessidebar.sidebar row.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row { border: none; color: #BAC3CF; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { color: rgba(186, 195, 207, 0.6); } filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:hover, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row:hover { background-color: rgba(186, 195, 207, 0.15); } filechooser placessidebar.sidebar row.sidebar-row:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled label, filechooser placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image { color: rgba(186, 195, 207, 0.4); } filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon { color: inherit; } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button { color: #BAC3CF; } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { color: #5294e2; } filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { color: inherit; } filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { color: #F08437; } filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { background-color: #F08437; } filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { color: #ffffff; } filechooser placessidebar.sidebar separator, .nautilus-window placessidebar.sidebar separator { background-color: transparent; } filechooser.maximized placessidebar.sidebar, .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } .nemo-window .sidebar { color: #BAC3CF; background-color: #353945; } .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { background-color: transparent; color: #BAC3CF; } .nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { background-color: #5294e2; color: #ffffff; } .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { color: #787e8a; } .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { color: #BAC3CF; } .nemo-window .sidebar separator { background-color: transparent; } .caja-side-pane, .caja-side-pane > notebook > stack > widget > box, .caja-side-pane text, .caja-side-pane treeview { color: #BAC3CF; caret-color: #BAC3CF; background-color: #353945; } .caja-side-pane > box button:not(:active):not(:checked) { color: #BAC3CF; } .caja-side-pane .frame { border-color: #2a2d37; } .caja-side-pane junction { background-color: #2a2d37; } filechooser actionbar { color: #BAC3CF; background-color: #353945; border-color: #252831; } filechooser actionbar label, filechooser actionbar combobox { color: #BAC3CF; } .gedit-bottom-panel-paned { background-color: #ffffff; } .gedit-side-panel-paned > separator { background-image: linear-gradient(to bottom, #353945, #353945); } .gedit-bottom-panel-paned > separator { background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3); } .gedit-document-panel { background-color: #353945; } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel row { color: #BAC3CF; background-color: rgba(186, 195, 207, 0); } .gedit-document-panel row:hover { background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel row:active { color: #ffffff; background-color: #5294e2; } .gedit-document-panel row:active button { color: #ffffff; } .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { color: #ffffff; background-color: #5294e2; } .gedit-document-panel row:hover:not(:selected) button:active { color: #BAC3CF; } filechooser actionbar button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } filechooser actionbar button:active, filechooser actionbar button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } filechooser actionbar button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } filechooser actionbar entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } filechooser actionbar entry image, filechooser actionbar entry image:hover { color: inherit; } filechooser actionbar entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } filechooser actionbar entry:disabled { color: rgba(186, 195, 207, 0.55); background-color: rgba(102, 109, 132, 0.25); } filechooser placessidebar.sidebar scrollbar, .nautilus-window placessidebar.sidebar scrollbar, .nemo-window .sidebar scrollbar, .caja-side-pane scrollbar { border-color: #2a2d37; } filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nemo-window .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } filechooser placessidebar.sidebar scrollbar slider, .nautilus-window placessidebar.sidebar scrollbar slider, .nemo-window .sidebar scrollbar slider, .caja-side-pane scrollbar slider { background-color: rgba(231, 234, 238, 0.7); } filechooser placessidebar.sidebar scrollbar slider:hover, .nautilus-window placessidebar.sidebar scrollbar slider:hover, .nemo-window .sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { background-color: #f6f7f9; } filechooser placessidebar.sidebar scrollbar slider:hover:active, .nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .nemo-window .sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { background-color: #5294e2; } filechooser placessidebar.sidebar scrollbar slider:disabled, .nautilus-window placessidebar.sidebar scrollbar slider:disabled, .nemo-window .sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { background-color: transparent; } filechooser placessidebar.sidebar scrollbar trough, .nautilus-window placessidebar.sidebar scrollbar trough, .nemo-window .sidebar scrollbar trough, .caja-side-pane scrollbar trough { background-color: #2a2d37; } @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; @define-color theme_base_color #ffffff; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #5c616c; @define-color text_color #5c616c; @define-color bg_color #F5F6F7; @define-color base_color #ffffff; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #fbfbfc; @define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; @define-color borders #dcdfe3; @define-color unfocused_borders #dcdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #2679db; @define-color content_view_bg #ffffff; @define-color wm_title alpha(#cfdae7, 0.8); @define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343f; @define-color wm_bg_unfocused #323843; @define-color wm_highlight #363b48; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #cc575d; @define-color wm_button_close_hover_bg #d7787d; @define-color wm_button_close_active_bg #be3841; @define-color wm_icon_close_bg #2f343f; @define-color wm_button_hover_bg #454C5C; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #262932; @define-color wm_icon_bg #90939B; @define-color wm_icon_unfocused_bg #666A74; @define-color wm_icon_hover_bg #C4C7CC; @define-color wm_icon_active_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.20/gtk-solid.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 2px; } .background { color: #5c616c; background-color: #F5F6F7; } *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { background-color: #F5F6F7; color: #5c616c; } .gtkstyle-fallback:hover { background-color: white; color: #5c616c; } .gtkstyle-fallback:active { background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:disabled { background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view, iconview, .view text, iconview text, textview text { color: #5c616c; background-color: #ffffff; } .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus { border-radius: 2px; } textview border { background-color: #fafbfb; } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .rubberband { border: 1px solid #2679db; background-color: rgba(38, 121, 219, 0.2); } flowbox flowboxchild { padding: 3px; border-radius: 2px; } flowbox flowboxchild:selected { outline-offset: -2px; } label.separator, popover label.separator, popover.background label.separator { color: #5c616c; } label selection { color: #ffffff; background-color: #5294e2; } label:disabled { color: rgba(92, 97, 108, 0.55); } .dim-label, label.separator, popover label.separator, popover.background label.separator, headerbar .subtitle, .titlebar:not(headerbar) .subtitle { opacity: 0.55; } assistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #5294e2; color: #ffffff; } textview { background-color: #ffffff; } popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.background.osd, popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { color: #BAC3CF; border: none; background-color: #353945; background-clip: padding-box; box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } entry { min-height: 22px; border: 1px solid; padding: 2px 8px; caret-color: currentColor; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; } entry.search { border-radius: 20px; } entry image { color: #7d8189; } entry image.left { padding-left: 0; padding-right: 5px; } entry image.right { padding-right: 0; padding-left: 5px; } entry.flat, entry.flat:focus { min-height: 0; padding: 2px; background-image: none; border-color: transparent; border-radius: 0; } entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294e2; background-color: #ffffff; } entry:disabled { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); } entry.warning { color: white; border-color: #F27835; background-color: #f7ae86; } entry.warning image { color: white; } entry.warning:focus { color: white; background-color: #F27835; box-shadow: none; } entry.warning selection, entry.warning selection:focus { background-color: white; color: #F27835; } entry.error { color: white; border-color: #FC4138; background-color: #fd8d88; } entry.error image { color: white; } entry.error:focus { color: white; background-color: #FC4138; box-shadow: none; } entry.error selection, entry.error selection:focus { background-color: white; color: #FC4138; } entry.search-missing { color: white; border-color: #FC4138; background-color: #fd8d88; } entry.search-missing image { color: white; } entry.search-missing:focus { color: white; background-color: #FC4138; box-shadow: none; } entry.search-missing selection, entry.search-missing selection:focus { background-color: white; color: #FC4138; } entry:drop(active):focus, entry:drop(active) { border-color: #F08437; box-shadow: none; } .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .osd entry image, .osd entry image:hover { color: inherit; } .osd entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-color: rgba(102, 109, 132, 0.25); } .osd entry selection:focus, .osd entry selection { color: #5294e2; background-color: #ffffff; } entry progress { margin: 0 -6px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #ffffff; } treeview entry.flat:focus, treeview entry:focus { border-color: #5294e2; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } button { min-height: 22px; min-width: 20px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 2px 6px; color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } button separator { margin: 4px 1px; } button.flat, button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; transition: none; } button.flat:hover, button.sidebar-button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } button.flat:hover:active, button.sidebar-button:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; -gtk-icon-effect: highlight; } button:active, button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; background-clip: border-box; transition-duration: 50ms; } button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { color: inherit; opacity: 0.6; } button:active { color: #5c616c; } button:active:hover, button:checked { color: #ffffff; } button.flat:disabled, button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; } button:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } button:disabled label, button:disabled { color: rgba(92, 97, 108, 0.55); } button:disabled:active, button:disabled:checked { border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { color: rgba(255, 255, 255, 0.8); } button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } button.text-button { padding-left: 12px; padding-right: 12px; } button.text-button.image-button { padding-left: 5px; padding-right: 5px; } button.text-button.image-button label:first-child { padding-left: 8px; padding-right: 2px; } button.text-button.image-button label:last-child { padding-right: 8px; padding-left: 2px; } button.text-button.image-button label:only-child { padding-left: 8px; padding-right: 8px; } button.text-button.image-button.popup { padding-right: 8px; padding-left: 8px; } button:drop(active), combobox:drop(active) button.combo { color: #F08437; border-color: #F08437; box-shadow: none; } button.osd { color: #BAC3CF; background-color: #353945; border-color: #23262e; } button.osd.image-button { padding: 0; min-height: 36px; min-width: 36px; } button.osd:hover { color: #5294e2; } button.osd:active, button.osd:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } button.osd:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .osd button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd button:active, .osd button:checked { background-clip: padding-box; color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } .osd button.flat, .osd button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd button.flat:hover, .osd button.sidebar-button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .osd button.flat:disabled, .osd button.sidebar-button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); background-image: none; } .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: none; } button.suggested-action { background-clip: border-box; color: white; background-color: #4DADD4; border-color: #4DADD4; } button.suggested-action.flat, button.suggested-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; } button.suggested-action:hover { background-clip: border-box; color: white; background-color: #76c0de; border-color: #76c0de; } button.suggested-action:active, button.suggested-action:checked { background-clip: border-box; color: white; background-color: #2e96c0; border-color: #2e96c0; } button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } button.suggested-action:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } button.suggested-action:disabled label, button.suggested-action:disabled { color: rgba(92, 97, 108, 0.55); } button.destructive-action { background-clip: border-box; color: white; background-color: #F04A50; border-color: #F04A50; } button.destructive-action.flat, button.destructive-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; } button.destructive-action:hover { background-clip: border-box; color: white; background-color: #f4797e; border-color: #f4797e; } button.destructive-action:active, button.destructive-action:checked { background-clip: border-box; color: white; background-color: #ec1b22; border-color: #ec1b22; } button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } button.destructive-action:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } button.destructive-action:disabled label, button.destructive-action:disabled { color: rgba(92, 97, 108, 0.55); } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { background-position: left 3px, left 4px; } button.font separator, button.file separator { background-color: transparent; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar toolbutton > button { color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } .inline-toolbar toolbutton > button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } .inline-toolbar toolbutton > button:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { color: rgba(92, 97, 108, 0.55); } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { color: rgba(255, 255, 255, 0.8); } .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(207, 214, 230, 0.3); } .linked:not(.vertical):not(.path-bar) > entry.error + entry, .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { border-left-color: #f75d37; } .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { border-left-color: #F08437; } .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-left-color: #F08437; } .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > button:active + entry, .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > button + button { border-left-style: none; } .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 1px 0 #cfd6e6; } .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.5); } .linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { box-shadow: none; } .linked:not(.vertical).path-bar > button + button { border-left-style: none; } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } .linked.vertical > entry + entry { border-top-color: rgba(207, 214, 230, 0.3); } .linked.vertical > entry.error + entry, .linked.vertical > entry + entry.error { border-top-color: #FC4138; } .linked.vertical > entry.warning + entry, .linked.vertical > entry + entry.warning { border-top-color: #F27835; } .linked.vertical > entry.error + entry.warning, .linked.vertical > entry.warning + entry.error { border-top-color: #f75d37; } .linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > entry + entry:focus:last-child { border-top-color: #5294e2; } .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #5294e2; } .linked.vertical > entry + entry:drop(active):not(:last-child), .linked.vertical > entry + entry:drop(active):last-child { border-top-color: #F08437; } .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #F08437; } .linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > entry + entry.warning:focus:last-child { border-top-color: #F27835; } .linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + button, .linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #F27835; } .linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > entry + entry.error:focus:last-child { border-top-color: #FC4138; } .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, .linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #FC4138; } .linked.vertical > button:active + entry, .linked.vertical > button:checked + entry { border-top-color: #5294e2; } .linked.vertical > button + button { border-top-style: none; } .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 0 1px #cfd6e6; } .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { box-shadow: inset 0 1px rgba(207, 214, 230, 0.5); } .linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { box-shadow: none; } toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, .linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl) { border-radius: 0; border-right-style: none; } .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { border-radius: 0; border-bottom-style: none; } .linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } .linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, calendar.button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } menuitem.button.flat, modelbutton.flat { transition: none; min-height: 24px; padding-left: 8px; padding-right: 8px; outline-offset: -3px; border-radius: 2px; } menuitem.button.flat:hover, modelbutton.flat:hover { background-color: #edeff0; } menuitem.button.flat:checked, modelbutton.flat:checked { color: #5c616c; } menuitem.button.flat check:last-child, menuitem.button.flat radio:last-child, modelbutton.flat check:last-child, modelbutton.flat radio:last-child { margin-left: 8px; } menuitem.button.flat check:first-child, menuitem.button.flat radio:first-child, modelbutton.flat check:first-child, modelbutton.flat radio:first-child { margin-right: 8px; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } *:link, button:link, button:visited { color: #2679db; } *:link:visited, button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { color: #bad4f3; } *:link:hover, button:hover:link, button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { color: #eef4fc; } *:link:active, button:active:link, button:active:visited { color: #2679db; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #dceaf9; } infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #dceaf9; } button:link > label, button:visited > label { text-decoration-line: underline; } spinbutton:drop(active) { box-shadow: none; } spinbutton button:active { color: #ffffff; } spinbutton:disabled { color: rgba(92, 97, 108, 0.55); } spinbutton:not(.vertical) entry { min-width: 28px; } spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { border-radius: 3px 0 0 3px; } spinbutton:not(.vertical) > button + button { border-left-style: none; } spinbutton:not(.vertical) > button:hover:not(:active), spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 #cfd6e6; } spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.5); } spinbutton:not(.vertical) > button:first-child:hover:not(:active), spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294e2; } spinbutton:not(.vertical) > entry:drop(active) + button { border-left-color: #F08437; } .osd spinbutton:not(.vertical) > button:hover:not(:active), .osd spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 rgba(26, 28, 34, 0.4); } .osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), .osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), .osd spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } .osd spinbutton:not(.vertical) > entry:focus + button { border-left-color: rgba(26, 28, 34, 0.4); } spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; padding-right: 4px; min-width: 0; } spinbutton.vertical button.up { border-radius: 3px 3px 0 0; } spinbutton.vertical > entry:focus + button { border-top-color: #5294e2; } spinbutton.vertical > entry:drop(active) + button { border-top-color: #F08437; } combobox button.combo { min-width: 0; padding-left: 8px; padding-right: 8px; } combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } toolbar separator, .inline-toolbar separator { background: none; } toolbar.horizontal separator, .horizontal.inline-toolbar separator { margin: 0 6px; } toolbar.vertical separator, .vertical.inline-toolbar separator { margin: 6px 0; } .osd toolbar, .osd .inline-toolbar { background-color: transparent; } toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.9); } toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { border-radius: 0; } toolbar.osd.top, .osd.top.inline-toolbar { border-width: 0 0 1px 0; } toolbar.osd.bottom, .osd.bottom.inline-toolbar { border-width: 1px 0 0 0; } toolbar.osd.left, .osd.left.inline-toolbar { border-width: 0 1px 0 0; } toolbar.osd.right, .osd.right.inline-toolbar { border-width: 0 0 0 1px; } toolbar:not(.inline-toolbar) switch, .inline-toolbar:not(.inline-toolbar) switch, toolbar:not(.inline-toolbar) scale, .inline-toolbar:not(.inline-toolbar) scale, toolbar:not(.inline-toolbar) entry, .inline-toolbar:not(.inline-toolbar) entry, toolbar:not(.inline-toolbar) spinbutton, .inline-toolbar:not(.inline-toolbar) spinbutton, toolbar:not(.inline-toolbar) button, .inline-toolbar:not(.inline-toolbar) button { margin-right: 1px; margin-bottom: 1px; } toolbar:not(.inline-toolbar) .linked > button, .inline-toolbar:not(.inline-toolbar) .linked > button, toolbar:not(.inline-toolbar) .linked > entry, .inline-toolbar:not(.inline-toolbar) .linked > entry { margin-right: 0; } .primary-toolbar:not(.libreoffice-toolbar) { color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #e7e8eb, #d4d5db) 1 0 1 0; } .inline-toolbar { background-color: #edeef0; border-style: solid; border-color: #dcdfe3; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } searchbar { background-color: #F5F6F7; border-style: solid; border-color: #dcdfe3; border-width: 0 0 1px; padding: 3px; } actionbar { padding: 6px; border-top: 1px solid #dcdfe3; background-color: #edeef0; } headerbar, .titlebar:not(headerbar) { min-height: 42px; padding: 0 7px; border-width: 0 0 1px; border-style: solid; border-color: #d4d5db; color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; box-shadow: inset 0 1px #eff0f2; } .csd headerbar, .csd .titlebar:not(headerbar) { background-color: #e7e8eb; border-color: #d4d5db; } headerbar:backdrop, .titlebar:backdrop:not(headerbar) { transition: 200ms ease-out; color: rgba(82, 93, 118, 0.5); background-color: #eff0f2; } .csd headerbar:backdrop, .csd .titlebar:backdrop:not(headerbar) { background-color: #eff0f2; } headerbar .title, .titlebar:not(headerbar) .title { padding-left: 12px; padding-right: 12px; } headerbar .subtitle, .titlebar:not(headerbar) .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } headerbar.selection-mode, .selection-mode.titlebar:not(headerbar) { color: #ffffff; background-color: #5294e2; border-color: #4189df; box-shadow: none; } headerbar.selection-mode:backdrop, .selection-mode.titlebar:backdrop:not(headerbar) { background-color: #5294e2; color: rgba(255, 255, 255, 0.6); } headerbar.selection-mode .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } headerbar.selection-mode .selection-menu GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } headerbar.selection-mode .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized headerbar.selection-mode, .maximized .selection-mode.titlebar:not(headerbar) { background-color: #5294e2; } .tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop, .tiled .titlebar:not(headerbar), .tiled .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar) { border-radius: 0; } .maximized headerbar, .maximized .titlebar:not(headerbar) { background-color: #e7e8eb; border-color: #d4d5db; } .maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar) { background-color: #eff0f2; } headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop, .default-decoration.titlebar:not(headerbar), .csd .default-decoration.titlebar:not(headerbar), .default-decoration.titlebar:backdrop:not(headerbar), .csd .default-decoration.titlebar:backdrop:not(headerbar) { min-height: 28px; padding: 0 3px; background-color: #e7e8eb; border-bottom-width: 0; } .maximized headerbar.default-decoration, .maximized .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized .csd headerbar.default-decoration:backdrop, .maximized .default-decoration.titlebar:not(headerbar), .maximized .csd .default-decoration.titlebar:not(headerbar), .maximized .default-decoration.titlebar:backdrop:not(headerbar), .maximized .csd .default-decoration.titlebar:backdrop:not(headerbar) { background-color: #e7e8eb; } .titlebar { border-radius: 4px 4px 0 0; } headerbar entry, headerbar button, headerbar separator { margin-top: 6px; margin-bottom: 6px; } separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { border-top-left-radius: 4px; } .maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop { border-radius: 0; } headerbar:last-child, headerbar:last-child:backdrop { border-top-right-radius: 4px; } .maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { border-radius: 0; } window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { padding: 0; background: none; border: none; box-shadow: none; } .titlebar:not(headerbar) > separator { background-image: linear-gradient(to bottom, #d4d5db, #d4d5db); } .primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { min-width: 1px; min-height: 1px; background: none; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { opacity: 0.6; } .primary-toolbar entry, headerbar entry { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(255, 255, 255, 0.9); } .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { color: inherit; } .primary-toolbar entry:backdrop, headerbar entry:backdrop { opacity: 0.85; } .primary-toolbar entry:focus, headerbar entry:focus { color: #ffffff; border-color: #5294e2; background-color: #5294e2; background-clip: border-box; } .primary-toolbar entry:focus image, headerbar entry:focus image { color: #ffffff; } .primary-toolbar entry:disabled, headerbar entry:disabled { color: rgba(82, 93, 118, 0.35); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(255, 255, 255, 0.75); } .primary-toolbar entry selection:focus, headerbar entry selection:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar entry progress, headerbar entry progress { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar entry.warning, headerbar entry.warning { color: white; border-color: #F27835; background-color: #eea57e; } .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { color: white; background-color: #F27835; } .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { background-color: white; color: #F27835; } .primary-toolbar entry.error, headerbar entry.error { color: white; border-color: #FC4138; background-color: #f48480; } .primary-toolbar entry.error:focus, headerbar entry.error:focus { color: white; background-color: #FC4138; } .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { background-color: white; color: #FC4138; } .primary-toolbar button, headerbar button { color: rgba(82, 93, 118, 0.8); outline-offset: -3px; background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar button:backdrop, headerbar button:backdrop { opacity: 0.7; } .primary-toolbar button:hover, headerbar button:hover { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; background-clip: border-box; } .primary-toolbar button:disabled, headerbar button:disabled { background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { color: rgba(82, 93, 118, 0.35); } .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .selection-mode.primary-toolbar button, headerbar.selection-mode button, .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.flat, .selection-mode.primary-toolbar button.sidebar-button, headerbar.selection-mode button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child) { margin-right: 1px; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { border-radius: 3px; border-style: solid; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { box-shadow: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { background-color: rgba(255, 255, 255, 0.9); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { color: rgba(82, 93, 118, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { border-left-style: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(82, 93, 118, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: #FC4138; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: #F27835; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { border-left-color: #f75d37; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { border-left-color: #F08437; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-left-color: #F08437; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #F27835; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #FC4138; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #FC4138; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:active + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: #5294e2; } .primary-toolbar button.suggested-action, headerbar button.suggested-action { background-clip: border-box; color: white; background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; } .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { background-clip: border-box; color: white; background-color: #76c0de; border-color: #76c0de; } .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { background-clip: border-box; color: white; background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { color: rgba(82, 93, 118, 0.35); } .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar button.destructive-action, headerbar button.destructive-action { background-clip: border-box; color: white; background-color: #F04A50; border-color: #F04A50; } .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; } .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { background-clip: border-box; color: white; background-color: #f4797e; border-color: #f4797e; } .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { background-clip: border-box; color: white; background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { color: rgba(82, 93, 118, 0.35); } .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { color: #ffffff; caret-color: #ffffff; } .primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { background-color: rgba(255, 255, 255, 0.9); } .primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { color: rgba(82, 93, 118, 0.4); } .primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { border-left-style: none; } .primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), headerbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), .primary-toolbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled, headerbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } .primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294e2; } .primary-toolbar combobox:disabled, headerbar combobox:disabled { color: rgba(82, 93, 118, 0.2); } .primary-toolbar combobox > .linked > button.combo, headerbar combobox > .linked > button.combo { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(255, 255, 255, 0.9); } .primary-toolbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image, .primary-toolbar combobox > .linked > button.combo image:hover, headerbar combobox > .linked > button.combo image:hover { color: inherit; } .primary-toolbar combobox > .linked > button.combo:hover, headerbar combobox > .linked > button.combo:hover { color: #ffffff; border-color: #5294e2; background-color: #5294e2; box-shadow: none; } .primary-toolbar combobox > .linked > button.combo:disabled, headerbar combobox > .linked > button.combo:disabled { color: rgba(82, 93, 118, 0.35); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(255, 255, 255, 0.75); } .primary-toolbar combobox > .linked > entry.combo:dir(ltr), headerbar combobox > .linked > entry.combo:dir(ltr) { border-right-style: none; } .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus, headerbar combobox > .linked > entry.combo:dir(ltr):focus { box-shadow: none; } .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus, headerbar combobox > .linked > entry.combo:dir(ltr):focus { box-shadow: 1px 0 #5294e2; } .primary-toolbar combobox > .linked > entry.combo:dir(rtl), headerbar combobox > .linked > entry.combo:dir(rtl) { border-left-style: none; } .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus, headerbar combobox > .linked > entry.combo:dir(rtl):focus { box-shadow: none; } .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus, headerbar combobox > .linked > entry.combo:dir(rtl):focus { box-shadow: -1px 0 #5294e2; } .primary-toolbar combobox > .linked > button.combo:dir(ltr), headerbar combobox > .linked > button.combo:dir(ltr), .primary-toolbar combobox > .linked > button.combo:dir(ltr):hover, headerbar combobox > .linked > button.combo:dir(ltr):hover, .primary-toolbar combobox > .linked > button.combo:dir(ltr):active, headerbar combobox > .linked > button.combo:dir(ltr):active, .primary-toolbar combobox > .linked > button.combo:dir(ltr):checked, headerbar combobox > .linked > button.combo:dir(ltr):checked, .primary-toolbar combobox > .linked > button.combo:dir(ltr):disabled, headerbar combobox > .linked > button.combo:dir(ltr):disabled { border-top-left-radius: 0; border-bottom-left-radius: 0; } .primary-toolbar combobox > .linked > button.combo:dir(rtl), headerbar combobox > .linked > button.combo:dir(rtl), .primary-toolbar combobox > .linked > button.combo:dir(rtl):hover, headerbar combobox > .linked > button.combo:dir(rtl):hover, .primary-toolbar combobox > .linked > button.combo:dir(rtl):active, headerbar combobox > .linked > button.combo:dir(rtl):active, .primary-toolbar combobox > .linked > button.combo:dir(rtl):checked, headerbar combobox > .linked > button.combo:dir(rtl):checked, .primary-toolbar combobox > .linked > button.combo:dir(rtl):disabled, headerbar combobox > .linked > button.combo:dir(rtl):disabled { border-top-right-radius: 0; border-bottom-right-radius: 0; } .primary-toolbar switch:backdrop, headerbar switch:backdrop { opacity: 0.75; } .primary-toolbar progressbar trough, headerbar progressbar trough { background-color: rgba(82, 93, 118, 0.15); } .primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { opacity: 0.75; } .primary-toolbar scale:backdrop, headerbar scale:backdrop { opacity: 0.75; } .primary-toolbar scale slider, headerbar scale slider { background-color: #fbfbfc; border-color: rgba(82, 93, 118, 0.3); } .primary-toolbar scale slider:hover, headerbar scale slider:hover { background-color: white; border-color: rgba(82, 93, 118, 0.3); } .primary-toolbar scale slider:active, headerbar scale slider:active { background-color: #5294e2; border-color: #5294e2; } .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { background-color: #f5f5f7; border-color: rgba(82, 93, 118, 0.3); } .primary-toolbar scale trough, headerbar scale trough { background-color: rgba(82, 93, 118, 0.15); } .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { background-color: rgba(82, 93, 118, 0.1); } .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 6px; padding-right: 6px; } .path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; } .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 10px; } .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 10px; } .path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { padding-left: 1px; padding-right: 1px; } .path-bar button image { padding-left: 4px; padding-right: 4px; } treeview.view { border-left-color: rgba(92, 97, 108, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view acceleditor > label { background-color: #5294e2; } treeview.view:selected, treeview.view:selected:focus { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } treeview.view:disabled { color: rgba(92, 97, 108, 0.55); } treeview.view:disabled:selected { color: #97bfee; } treeview.view.separator { min-height: 2px; color: rgba(0, 0, 0, 0.1); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #577ba7; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #aeb0b6; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { color: #5c616c; } treeview.view.expander:selected { color: #cbdff6; } treeview.view.expander:selected:hover { color: #ffffff; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.progressbar, treeview.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-color: #5294e2; } treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-color: #ffffff; } treeview.view.trough { color: #5c616c; background-color: #cfd6e6; border-radius: 3px; border-width: 0; } treeview.view.trough:selected, treeview.view.trough:selected:focus { color: #ffffff; background-color: rgba(0, 0, 0, 0.2); border-radius: 3px; border-width: 0; } treeview.view header button { min-height: 0; min-width: 0; padding: 3px 6px; font-weight: bold; color: #7d8189; background-color: #ffffff; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header button:hover { color: #5294e2; } treeview.view header button:active { color: #5c616c; } treeview.view header button:active, treeview.view header button:hover { background-color: #ffffff; } treeview.view header button:active:hover { color: #5c616c; } treeview.view header button:disabled { border-color: #F5F6F7; background-image: none; } treeview.view header button:last-child { border-right-style: none; border-image: none; } treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, treeview.view header.button.dnd, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd:active { padding: 0 6px; transition: none; color: #ffffff; background-color: #5294e2; border-radius: 0; border-style: none; } menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #e7e8eb; color: rgba(82, 93, 118, 0.8); } menubar:backdrop, .menubar:backdrop { color: rgba(82, 93, 118, 0.5); } menubar > menuitem, .menubar > menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } menubar > menuitem:hover, .menubar > menuitem:hover { background-color: #5294e2; color: #ffffff; } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: rgba(82, 93, 118, 0.2); border-color: transparent; } menu, .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #ffffff; border: 1px solid #dcdfe3; } .csd menu, .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } menu separator, .csd menu separator, .menu separator, .csd .menu separator { margin: 2px 0; background-color: #ffffff; } menu .separator:not(label), .csd menu .separator:not(label), .menu .separator:not(label), .csd .menu .separator:not(label) { color: #ffffff; } menu menuitem, .menu menuitem { min-height: 16px; min-width: 40px; padding: 5px; } menu menuitem:hover, .menu menuitem:hover { color: #ffffff; background-color: #5294e2; } menu menuitem:disabled, .menu menuitem:disabled { color: rgba(92, 97, 108, 0.55); } menu menuitem arrow, .menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } menuitem accelerator { color: alpha(currentColor,0.55); } menuitem check, menuitem radio { min-height: 16px; min-width: 16px; } menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 6px; margin-left: 2px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 6px; margin-right: 2px; } menu > arrow, .menu > arrow { border-color: transparent; background-color: transparent; background-image: none; min-width: 16px; min-height: 16px; padding: 4px; background-color: #ffffff; border-radius: 0; } menu > arrow.top, .menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #efeff0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom { margin-bottom: -6px; border-top: 1px solid #efeff0; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover { background-color: #efeff0; } menu > arrow:disabled, .menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } popover, popover.background { padding: 2px; border-radius: 3px; background-clip: border-box; background-color: #ffffff; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .csd popover, popover, .csd popover.background, popover.background { border: 1px solid #cdd2d7; } popover separator, popover.background separator { background-color: #ffffff; } popover > list, popover > .view, popover > iconview, popover > toolbar, popover > .inline-toolbar, popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar, popover.background > .inline-toolbar { border-style: none; background-color: transparent; } cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } notebook { padding: 0; } notebook.frame { border: 1px solid #dcdfe3; } notebook.frame > header { margin: -1px; } notebook.frame > header.top { margin-bottom: 0; } notebook.frame > header.bottom { margin-top: 0; } notebook.frame > header.left { margin-right: 0; } notebook.frame > header.right { margin-left: 0; } notebook.frame > header.top, notebook.frame > header.bottom { padding-left: 0; padding-right: 0; } notebook.frame > header.left, notebook.frame > header.right { padding-top: 0; padding-bottom: 0; } notebook > stack:not(:only-child) { background-color: #ffffff; } notebook > header { padding: 2px; background-color: #F5F6F7; } notebook > header.top { box-shadow: inset 0 -1px #dcdfe3; } notebook > header.bottom { box-shadow: inset 0 1px #dcdfe3; } notebook > header.right { box-shadow: inset 1px 0 #dcdfe3; } notebook > header.left { box-shadow: inset -1px 0 #dcdfe3; } notebook > header.top { padding-bottom: 0; } notebook > header.top > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-bottom: none; border-radius: 1px 1px 0 0; } notebook > header.top > tabs > tab + tab { margin-left: -1px; } notebook > header.bottom { padding-top: 0; } notebook > header.bottom > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-top: none; border-radius: 0 0 1px 1px; } notebook > header.bottom > tabs > tab + tab { margin-left: -1px; } notebook > header.right { padding-left: 0; } notebook > header.right > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-left: none; border-radius: 0 1px 1px 0; } notebook > header.right > tabs > tab + tab { margin-top: -1px; } notebook > header.left { padding-right: 0; } notebook > header.left > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-right: none; border-radius: 1px 0 0 1px; } notebook > header.left > tabs > tab + tab { margin-top: -1px; } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { margin-left: 2px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { margin-right: 2px; } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { margin-top: 2px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { margin-bottom: 2px; } notebook > header > tabs > arrow { color: rgba(92, 97, 108, 0.55); } notebook > header > tabs > arrow:hover { color: rgba(92, 97, 108, 0.775); } notebook > header > tabs > arrow:active { color: #5c616c; } notebook > header > tabs > arrow:disabled { color: rgba(92, 97, 108, 0.25); } notebook > header.top > tabs > tab:hover:not(:checked) { box-shadow: inset 0 -1px #dcdfe3; } notebook > header.bottom > tabs > tab:hover:not(:checked) { box-shadow: inset 0 1px #dcdfe3; } notebook > header.left > tabs > tab:hover:not(:checked) { box-shadow: inset -1px 0 #dcdfe3; } notebook > header.right > tabs > tab:hover:not(:checked) { box-shadow: inset 1px 0 #dcdfe3; } notebook > header > tabs > tab { color: rgba(92, 97, 108, 0.55); background-color: rgba(255, 255, 255, 0); } notebook > header > tabs > tab:hover:not(:checked) { color: rgba(92, 97, 108, 0.775); background-color: rgba(255, 255, 255, 0.5); border-color: #dcdfe3; } notebook > header > tabs > tab:checked { color: #5c616c; background-color: #ffffff; border-color: #dcdfe3; } notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { min-height: 22px; min-width: 16px; padding: 0; color: #92959d; } notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { color: #ff4d4d; } notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { color: #5294e2; } scrollbar { background-color: #fcfcfc; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid #dcdfe3; } scrollbar.bottom { border-top: 1px solid #dcdfe3; } scrollbar.left { border-right: 1px solid #dcdfe3; } scrollbar.right { border-left: 1px solid #dcdfe3; } scrollbar button { border: none; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #b8babf; } scrollbar slider:hover { background-color: #c7c9cd; } scrollbar slider:hover:active { background-color: #5294e2; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { min-width: 4px; min-height: 4px; } scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; } scrollbar.fine-tune.vertical slider { border-width: 4px 5px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 4px; min-height: 4px; background-color: #8a8e96; border: 1px solid rgba(255, 255, 255, 0.6); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.99; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } switch { font-size: 1px; min-width: 52px; min-height: 24px; background-size: 52px 24px; background-repeat: no-repeat; background-position: center center; } switch slider { min-width: 1px; min-height: 1px; } switch, switch slider { outline-color: transparent; color: transparent; border: none; box-shadow: none; } switch { background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } menuitem:hover switch, row:selected switch, infobar switch { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } headerbar switch, .primary-toolbar switch { background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); } switch:checked { background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } menuitem:hover switch:checked, row:selected switch:checked, infobar switch:checked { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } headerbar switch:checked, .primary-toolbar switch:checked { background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); } switch:disabled { background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } menuitem:hover switch:disabled, row:selected switch:disabled, infobar switch:disabled { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } headerbar switch:disabled, .primary-toolbar switch:disabled { background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); } switch:checked:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } menuitem:hover switch:checked:disabled, row:selected switch:checked:disabled, infobar switch:checked:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } headerbar switch:checked:disabled, .primary-toolbar switch:checked:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } .check, check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } .osd check, filechooser actionbar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } menuitem check:hover, .view check:selected, iconview check:selected, treeview.check:selected, row:selected check, infobar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:disabled, check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } .osd check:disabled, filechooser actionbar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } menuitem check:disabled:hover, .view check:disabled:selected, iconview check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, infobar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:indeterminate, check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } .osd check:indeterminate, filechooser actionbar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } menuitem check:indeterminate:hover, .view check:indeterminate:selected, iconview check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, infobar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:indeterminate:disabled, check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } .osd check:indeterminate:disabled, filechooser actionbar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } menuitem check:indeterminate:disabled:hover, .view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, infobar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked, check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } .osd check:checked, filechooser actionbar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } menuitem check:checked:hover, .view check:checked:selected, iconview check:checked:selected, treeview.check:checked:selected, row:selected check:checked, infobar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:disabled, check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } .osd check:checked:disabled, filechooser actionbar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } menuitem check:checked:disabled:hover, .view check:checked:disabled:selected, iconview check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, infobar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio, radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } .osd radio, filechooser actionbar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } menuitem radio:hover, .view radio:selected, iconview radio:selected, treeview.radio:selected, row:selected radio, infobar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:disabled, radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } .osd radio:disabled, filechooser actionbar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } menuitem radio:disabled:hover, .view radio:disabled:selected, iconview radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, infobar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:indeterminate, radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } .osd radio:indeterminate, filechooser actionbar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } menuitem radio:indeterminate:hover, .view radio:indeterminate:selected, iconview radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, infobar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:indeterminate:disabled, radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } .osd radio:indeterminate:disabled, filechooser actionbar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } menuitem radio:indeterminate:disabled:hover, .view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, infobar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked, radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } .osd radio:checked, filechooser actionbar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } menuitem radio:checked:hover, .view radio:checked:selected, iconview radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, infobar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:disabled, radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } .osd radio:checked:disabled, filechooser actionbar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } menuitem radio:checked:disabled:hover, .view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, infobar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } .view.content-view.check:not(list), iconview.content-view.check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { margin-left: 4px; } checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { margin-right: 4px; } check, radio { min-width: 16px; min-height: 16px; margin: 0 2px; } check:only-child, menu menuitem check, radio:only-child, menu menuitem radio { margin: 0; } scale { min-height: 15px; min-width: 15px; padding: 3px; } scale.horizontal trough { padding: 0 4px; } scale.horizontal highlight, scale.horizontal fill { margin: 0 -4px; } scale.vertical trough { padding: 4px 0; } scale.vertical highlight, scale.vertical fill { margin: -4px 0; } scale slider { min-height: 15px; min-width: 15px; margin: -6px; } scale.fine-tune slider { margin: -4px; } scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 5px; -gtk-outline-radius: 7px; } scale trough { outline-offset: 2px; -gtk-outline-radius: 4.5px; border-radius: 2.5px; background-color: #cfd6e6; } scale trough:disabled { background-color: rgba(207, 214, 230, 0.55); } .osd scale trough { background-color: #454a59; } .osd scale trough highlight { background-color: #5294e2; } menuitem:hover scale trough, row:selected scale trough, infobar scale trough { background-color: rgba(0, 0, 0, 0.2); } menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { background-color: #ffffff; } menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { background-color: #b1cff2; } menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { background-color: rgba(0, 0, 0, 0.1); } scale highlight { border-radius: 2.5px; background-color: #5294e2; } scale highlight:disabled { background-color: rgba(82, 148, 226, 0.55); } scale fill { border-radius: 2.5px; background-color: rgba(82, 148, 226, 0.5); } scale fill:disabled { background-color: transparent; } scale slider { background-color: #fbfbfc; border: 1px solid rgba(123, 142, 186, 0.5); border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border; } scale slider:hover { background-color: white; } scale slider:active { background-clip: border-box; background-color: #5294e2; border-color: #5294e2; } scale slider:disabled { background-color: #fbfbfb; border-color: rgba(123, 142, 186, 0.3); } menuitem:hover scale slider, row:selected scale slider, infobar scale slider { background-clip: border-box; background-color: #ffffff; border-color: #ffffff; } menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { background-color: #e5effb; border-color: #e5effb; } menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { background-color: #a9caf1; border-color: #a9caf1; } menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { background-color: #b1cff2; border-color: #b1cff2; } .osd scale slider { background-clip: border-box; background-color: #5294e2; border-color: #5294e2; } .osd scale slider:hover { background-color: #7eafe9; border-color: #7eafe9; } .osd scale slider:active { background-color: #2679db; border-color: #2679db; } scale value { color: alpha(currentColor,0.4); } scale marks { color: alpha(currentColor,0.4); } scale marks.top { margin-bottom: 1px; margin-top: -4px; } scale marks.bottom { margin-top: 1px; margin-bottom: -4px; } scale marks.top { margin-right: 1px; margin-left: -4px; } scale marks.bottom { margin-left: 1px; margin-right: -4px; } scale.fine-tune marks.top { margin-bottom: 0px; margin-top: -2px; } scale.fine-tune marks.bottom { margin-top: 0px; margin-bottom: -2px; } scale.fine-tune marks.top { margin-right: 0px; margin-left: -2px; } scale.fine-tune marks.bottom { margin-left: 0px; margin-right: -2px; } scale.horizontal indicator { min-height: 3px; min-width: 1px; } scale.horizontal.fine-tune indicator { min-height: 2px; } scale.vertical indicator { min-height: 1px; min-width: 3px; } scale.vertical.fine-tune indicator { min-width: 2px; } progressbar { padding: 0; font-size: smaller; color: rgba(92, 97, 108, 0.7); } progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } progressbar.osd trough { border-style: none; background-color: transparent; box-shadow: none; } progressbar progress { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } row:selected progressbar progress, infobar progressbar progress { background-color: #ffffff; } progressbar trough { border: none; border-radius: 3px; background-color: #cfd6e6; } row:selected progressbar trough, infobar progressbar trough { background-color: rgba(0, 0, 0, 0.2); } levelbar block { min-width: 32px; min-height: 1px; } levelbar.vertical block { min-width: 1px; min-height: 32px; } levelbar trough { border: none; padding: 3px; border-radius: 3px; background-color: #cfd6e6; } levelbar.horizontal.discrete block { margin: 0 1px; } levelbar.vertical.discrete block { margin: 1px 0; } levelbar block:not(.empty) { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } levelbar block.low { border-color: #F27835; background-color: #F27835; } levelbar block.high { border-color: #5294e2; background-color: #5294e2; } levelbar block.full { border-color: #73d216; background-color: #73d216; } levelbar block.empty { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } printdialog paper { border: 1px solid #dcdfe3; background: #ffffff; padding: 0; } printdialog .dialog-action-box { margin: 12px; } frame > border, .frame { margin: 0; padding: 0; border-radius: 0; border: 1px solid #dcdfe3; } frame.flat > border, frame > border.flat, .frame.flat { border-style: none; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; border: none; } scrolledwindow undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; border: none; } scrolledwindow undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; border: none; } scrolledwindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; border: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator { background-color: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } list { background-color: #ffffff; border-color: #dcdfe3; } list row { padding: 2px; } row:not(:hover) { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(0, 0, 0, 0.05); } row.activatable:active { color: #5c616c; } row.activatable:disabled { color: rgba(92, 97, 108, 0.55); } row.activatable:disabled image { color: inherit; } row.activatable:selected:active { color: #ffffff; } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #4a85cb; } .app-notification { padding: 10px; color: #BAC3CF; background-color: #353945; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #1f2128; } .app-notification border { border: none; } .app-notification button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .app-notification button.flat, .app-notification button.sidebar-button { border-color: rgba(82, 148, 226, 0); } .app-notification button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } .app-notification button:active, .app-notification button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; background-clip: padding-box; } .app-notification button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } expander arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander arrow:hover { color: #aaaeb7; } expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } calendar { color: #5c616c; border: 1px solid #dcdfe3; border-radius: 3px; padding: 2px; } calendar:selected { border-radius: 1.5px; } calendar.header { color: #5c616c; border: none; } calendar.button { color: rgba(92, 97, 108, 0.45); } calendar.button:hover { color: #5c616c; } calendar.button:disabled { color: rgba(92, 97, 108, 0.55); } calendar:indeterminate { color: alpha(currentColor,0.55); } calendar.highlight { color: #5c616c; } messagedialog .titlebar { min-height: 20px; background-color: #e7e8eb; border-bottom: 1px solid #d4d5db; } messagedialog .dialog-action-area button { padding: 8px; min-height: 0; } messagedialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } messagedialog.csd .dialog-action-area button { border-bottom-style: none; } messagedialog.csd .dialog-action-area button { border-radius: 0; border-right-style: none; } messagedialog.csd .dialog-action-area button:last-child { border-radius: 0 0 3px 0; border-right-style: none; } messagedialog.csd .dialog-action-area button:first-child { border-radius: 0 0 0 3px; border-left-style: none; } messagedialog.csd .dialog-action-area button:only-child { border-radius: 0 0 3px 3px; border-left-style: none; border-right-style: none; } filechooser #pathbarbox { border-bottom: 1px solid rgba(220, 223, 227, 0.5); } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } .sidebar { border-style: none; background-color: #fbfbfc; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: 1px solid #dcdfe3; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid #dcdfe3; border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } placessidebar > viewport.frame { border-style: none; } placessidebar row { min-height: 30px; padding: 0px; } placessidebar row > revealer { padding: 0 10px; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-width: 22px; min-height: 22px; margin-top: 2px; margin-bottom: 2px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: linear-gradient(to bottom, #F08437, #F08437); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #5294e2; } placessidebar row:drop(active):not(:disabled) { box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { color: #F08437; } placessidebar row:drop(active):not(:disabled):selected { background-color: #F08437; } placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { color: #ffffff; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3); background-size: 1px 1px; } paned > separator:selected { background-image: linear-gradient(to bottom, #5294e2, #5294e2); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #F5F6F7; background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3), linear-gradient(to bottom, #dcdfe3, #dcdfe3); background-size: 1px 1px, 1px 1px; } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } infobar { border-style: none; } infobar.info, infobar.question, infobar.warning, infobar.error { background-color: #5294e2; color: #ffffff; caret-color: currentColor; } infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { color: #5294e2; background-color: #ffffff; } .selection-mode.primary-toolbar button:hover, headerbar.selection-mode button:hover, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .nautilus-window .floating-bar button { color: #ffffff; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } row:selected button.flat, row:selected button.sidebar-button, infobar.info button.flat, infobar.info button.sidebar-button, infobar.question button.flat, infobar.question button.sidebar-button, infobar.warning button.flat, infobar.warning button.sidebar-button, infobar.error button.flat, infobar.error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .selection-mode.primary-toolbar button:disabled, headerbar.selection-mode button:disabled, row:selected button.flat:disabled, row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.info button.sidebar-button:disabled, infobar.question button.flat:disabled, infobar.question button.sidebar-button:disabled, infobar.warning button.flat:disabled, infobar.warning button.sidebar-button:disabled, infobar.error button.flat:disabled, infobar.error button.sidebar-button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.sidebar-button:disabled, .selection-mode.primary-toolbar button:disabled label, headerbar.selection-mode button:disabled label, row:selected button.flat:disabled label, row:selected button.sidebar-button:disabled label, infobar.info button.flat:disabled label, infobar.info button.sidebar-button:disabled label, infobar.question button.flat:disabled label, infobar.question button.sidebar-button:disabled label, infobar.warning button.flat:disabled label, infobar.warning button.sidebar-button:disabled label, infobar.error button.flat:disabled label, infobar.error button.sidebar-button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.sidebar-button:disabled label { color: rgba(255, 255, 255, 0.4); } row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .nautilus-window .floating-bar button:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .selection-mode.primary-toolbar button:active, headerbar.selection-mode button:active, .selection-mode.primary-toolbar button:checked, headerbar.selection-mode button:checked, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .nautilus-window .floating-bar button:active, .selection-mode.primary-toolbar button:hover:active, headerbar.selection-mode button:hover:active, .selection-mode.primary-toolbar button:hover:checked, headerbar.selection-mode button:hover:checked, row:selected button:active:hover, infobar.info button:active:hover, infobar.question button:active:hover, infobar.warning button:active:hover, infobar.error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .nautilus-window .floating-bar button:checked { color: #5294e2; background-color: #ffffff; border-color: #ffffff; } row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled { background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.4); } row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label, .nautilus-window .floating-bar button:disabled label { color: rgba(255, 255, 255, 0.5); } .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { color: #5294e2; background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.4); } tooltip { border-radius: 2px; box-shadow: none; } tooltip.background { background-color: #4b5162; background-clip: padding-box; } tooltip.background label { padding: 4px; } tooltip decoration { background-color: transparent; } tooltip * { background-color: transparent; color: #BAC3CF; } colorswatch, colorswatch:drop(active) { border-style: none; } colorswatch.top { border-top-left-radius: 2.5px; border-top-right-radius: 2.5px; } colorswatch.top overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } colorswatch.bottom { border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 2.5px; border-bottom-left-radius: 2.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.dark overlay { color: rgba(255, 255, 255, 0.7); } colorswatch.dark overlay:hover { border-color: rgba(0, 0, 0, 0.5); } colorswatch.light overlay { color: rgba(0, 0, 0, 0.7); } colorswatch.light overlay:hover { border-color: rgba(0, 0, 0, 0.3); } colorswatch overlay { border: 1px solid rgba(0, 0, 0, 0.15); } colorswatch overlay:hover { background-color: rgba(255, 255, 255, 0.2); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } colorswatch#add-color-button { border-style: solid; border-width: 1px; color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } colorswatch#add-color-button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; } colorswatch#add-color-button overlay { border-color: transparent; background-color: transparent; background-image: none; } button.color { padding: 0; } button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { margin: 4px; border-radius: 0; } colorchooser .popover.osd { border-radius: 3px; } .content-view { background-color: #ffffff; } .content-view:hover { -gtk-icon-effect: highlight; } .scale-popup button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; } .context-menu, popover.touch-selection, .csd popover.touch-selection, popover.background.touch-selection, .csd popover.background.touch-selection { font: initial; } .monospace { font-family: Monospace; } button.circular, button.nautilus-circular-button.image-button, button.circular-button { padding: 0; min-width: 16px; min-height: 24px; padding: 2px 6px; border-radius: 50%; -gtk-outline-radius: 50%; } button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { padding: 0; } .keycap { min-width: 16px; min-height: 20px; padding: 3px 6px 4px 6px; color: #5c616c; background-color: #ffffff; border: 1px solid #dcdfe3; border-radius: 2.5px; box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); } stackswitcher button.text-button { min-width: 80px; } stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { min-width: 0; } *:drop(active):focus, *:drop(active) { box-shadow: inset 0 0 0 1px #F08437; } decoration { border-radius: 4px 4px 0 0; border-width: 0px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.2); margin: 10px; } decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); transition: 200ms ease-out; } .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration { box-shadow: none; border-radius: 0; } .ssd decoration { border-radius: 4px 4px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } .ssd decoration.maximized { border-radius: 0; } .csd.popup decoration { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } tooltip.csd decoration { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } messagedialog.csd decoration { border-radius: 3px; } .solid-csd decoration { border-radius: 0; margin: 1px; background-color: #e7e8eb; box-shadow: none; } headerbar.default-decoration button.titlebutton, .titlebar.default-decoration button.titlebutton { padding: 0 4px; min-width: 0; min-height: 0; margin: 0; } headerbar button.titlebutton, .titlebar button.titlebutton { padding: 0; min-width: 24px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(231, 232, 235, 0); } headerbar button.titlebutton:hover, .titlebar button.titlebutton:hover { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } headerbar button.titlebutton:active, headerbar button.titlebutton:checked, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, .titlebar button.titlebutton.close, .titlebar button.titlebutton.maximize, .titlebar button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; } headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.close:backdrop, .titlebar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.minimize:backdrop { opacity: 1; } headerbar button.titlebutton.close, .titlebar button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } headerbar button.titlebutton.close:backdrop, .titlebar button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); } headerbar button.titlebutton.close:hover, .titlebar button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } headerbar button.titlebutton.close:active, .titlebar button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); } headerbar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); } headerbar button.titlebutton.maximize:hover, .titlebar button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); } headerbar button.titlebutton.maximize:active, .titlebar button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); } headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); } headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); } headerbar button.titlebutton.minimize:hover, .titlebar button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); } headerbar button.titlebutton.minimize:active, .titlebar button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); } .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { background-color: #5294e2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { color: #ffffff; } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, modelbutton.flat:disabled:active, modelbutton.flat:active arrow:disabled, modelbutton.flat:disabled:selected, modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:active:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:active:hover { color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked, terminal-window notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -1px #dcdfe3; } terminal-window notebook > header.top, .mate-terminal notebook > header.top { padding-top: 3px; box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } terminal-window notebook > header.top button, .mate-terminal notebook > header.top button { padding: 0; min-width: 24px; min-height: 24px; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item, .caja-desktop { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active, .caja-desktop:active { color: #5c616c; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected, .caja-desktop:selected { color: #ffffff; text-shadow: none; } .nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #a9acb2; } .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } .nautilus-window searchbar { border-top: 1px solid #dcdfe3; } .nautilus-window .searchbar-container { margin-top: -1px; } .nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #ffffff; } .disk-space-display { border-style: solid; border-width: 1px; } .disk-space-display.unknown { background-color: rgba(92, 97, 108, 0.5); border-color: rgba(69, 72, 80, 0.5); } .disk-space-display.used { background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { background-color: #edeef0; border-color: #d0d5da; } @keyframes needs_attention_keyframes { 0% { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } 100% { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes 2s ease-in-out; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes 3s ease-in-out; animation-iteration-count: 3; } .conflict-row.activatable, .conflict-row.activatable:active { color: white; background-color: #FC4138; } .conflict-row.activatable:hover { background-color: #fd716a; } .conflict-row.activatable:selected { color: #ffffff; background-color: #5294e2; } .nemo-window .nemo-places-sidebar.frame { border-width: 0; } .nemo-window notebook { background-color: #ffffff; } .nemo-window .nemo-window-pane widget.entry { border: 1px solid; border-radius: 3px; color: #5c616c; border-color: #5294e2; background-color: #ffffff; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { margin: 0 0 1px 0; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { background-color: rgba(255, 255, 255, 0.9); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(82, 93, 118, 0.4); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { border-left-style: none; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .caja-notebook { border-top: 1px solid #dcdfe3; } .caja-side-pane .frame { border-width: 1px 0 0; } .caja-notebook .frame { border-width: 0 0 1px; } .open-document-selector-treeview.view, iconview.open-document-selector-treeview { padding: 3px 6px 3px 6px; border-color: #ffffff; } .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { background-color: #f4f4f5; } .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { color: #ffffff; background-color: #5294e2; } .open-document-selector-name-label { color: #5c616c; } .open-document-selector-path-label { color: #aeb0b6; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } .gedit-document-panel row button { min-width: 22px; min-height: 22px; padding: 0; color: transparent; background: none; border: none; box-shadow: none; } .gedit-document-panel row button image { color: inherit; } .gedit-document-panel row:hover:not(:selected) button { color: #92959d; } .gedit-document-panel row:hover:not(:selected) button:hover { color: #ff4d4d; } .gedit-document-panel row:hover:not(:selected) button:active { color: #5c616c; } .gedit-document-panel row:hover:selected button:hover { color: #ff6666; background: none; border: none; box-shadow: none; } .gedit-document-panel row:hover:selected button:hover:active { color: #ffffff; } .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; color: #5c616c; } .gedit-side-panel-paned statusbar { border-top: 1px solid #dcdfe3; background-color: #F5F6F7; } .gedit-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); border: none; margin: 2px; padding: 2px; } .gedit-map-frame border { border-color: rgba(0, 0, 0, 0.3); border-width: 0; } .gedit-map-frame border:dir(ltr) { border-left-width: 1px; } .gedit-map-frame border:dir(rtl) { border-right-width: 1px; } .pluma-window statusbar frame > border { border: none; } .pluma-window notebook > stack scrolledwindow { border-width: 0 0 1px 0; } #pluma-status-combo-button { min-height: 0; padding: 0; border-top: none; border-bottom: none; border-radius: 0; } .gb-search-entry-occurrences-tag { background: none; } workbench.csd > stack.titlebar:not(headerbar) { padding: 0; background: none; border: none; box-shadow: none; } workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { border-radius: 4px 4px 0 0; } editortweak .linked > entry.search:focus + .gb-linked-scroller { border-top-color: #5294e2; } layouttab { background-color: #ffffff; } layout { border: 1px solid #dcdfe3; -PnlDockBin-handle-size: 1; } eggsearchbar box.search-bar { border-bottom: 1px solid #dcdfe3; } pillbox { color: #ffffff; background-color: #5294e2; border-radius: 3px; } pillbox:disabled label { color: rgba(255, 255, 255, 0.5); } docktabstrip { padding: 0 6px; background-color: #F5F6F7; border-bottom: 1px solid #dcdfe3; } docktabstrip docktab { min-height: 28px; border: solid transparent; border-width: 0 1px; } docktabstrip docktab label { opacity: 0.5; } docktabstrip docktab:checked label, docktabstrip docktab:hover label { opacity: 1; } docktabstrip docktab:checked { border-color: #dcdfe3; background-color: #ffffff; } dockbin { border: 1px solid #dcdfe3; -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid #dcdfe3; } dockoverlayedge { background-color: #F5F6F7; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { border-width: 1px 0; } popover.messagepopover.background { padding: 0; } popover.messagepopover .popover-content-area { margin: 16px; } popover.messagepopover .popover-action-area { margin: 8px; } popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { margin: 0 4px; } popover.popover-selector { padding: 0; } popover.popover-selector list row { padding: 5px 0; } popover.popover-selector list row image { margin-left: 3px; margin-right: 10px; } entry.search.preferences-search { border: none; border-right: 1px solid #dcdfe3; border-bottom: 1px solid #dcdfe3; border-radius: 0; } preferences stacksidebar.sidebar list { background-image: linear-gradient(to bottom, #ffffff, #ffffff); } preferences stacksidebar.sidebar list separator { background-color: transparent; } devhelppanel entry:focus, symboltreepanel entry:focus { border-color: #dcdfe3; } button.run-arrow-button { min-width: 12px; } omnibar.linked > entry:not(:only-child) { border-style: solid; border-radius: 3px; margin-left: 1px; margin-right: 1px; } gstyleslidein #scale_box button.toggle:checked, gstyleslidein #strings_controls button.toggle:checked, gstyleslidein #palette_controls button.toggle:checked, gstyleslidein #components_controls button.toggle:checked { color: #5c616c; } configurationview entry.flat { background: none; } configurationview list { border-width: 0; } .documents-scrolledwin.frame { border-width: 0; } button.documents-load-more { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon, .photos-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } button.documents-favorite:active, button.documents-favorite:active:hover { color: #a9caf1; } .documents-entry-tag, .photos-entry-tag { color: #ffffff; background: #5294e2; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover, .photos-entry-tag:hover { color: #ffffff; background: #639fe5; } .documents-entry-tag:active, .photos-entry-tag:active { color: #ffffff; background: #4189df; } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } .photos-fade-in { opacity: 1.0; transition: opacity 0.2s ease-out; } .photos-fade-out { opacity: 0.0; transition: opacity 0.2s ease-out; } .tweak-categories, .tweak-category:not(:selected):not(:hover) { background-image: linear-gradient(to bottom, #ffffff, #ffffff); } .tr-workarea undershoot, .tr-workarea overshoot { border-color: transparent; } .atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar { background: none; } #gf-bubble, #gf-bubble.solid, #gf-osd-window, #gf-osd-window.solid, #gf-input-source-popup, #gf-input-source-popup.solid, #gf-candidate-popup, #gf-candidate-popup.solid { color: #cfd5de; background-color: #353945; border: 1px solid #23262e; border-radius: 2px; } #gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, #gf-osd-window levelbar block.low, #gf-osd-window levelbar block.high, #gf-osd-window levelbar block.full, #gf-input-source-popup levelbar block.low, #gf-input-source-popup levelbar block.high, #gf-input-source-popup levelbar block.full, #gf-candidate-popup levelbar block.low, #gf-candidate-popup levelbar block.high, #gf-candidate-popup levelbar block.full { background-color: #5294e2; border-color: #5294e2; } #gf-bubble levelbar block.empty, #gf-osd-window levelbar block.empty, #gf-input-source-popup levelbar block.empty, #gf-candidate-popup levelbar block.empty { background-color: #2a2d37; } #gf-bubble levelbar trough, #gf-osd-window levelbar trough, #gf-input-source-popup levelbar trough, #gf-candidate-popup levelbar trough { background: none; } #gf-input-source { min-height: 32px; min-width: 40px; } #gf-input-source:selected { color: #ffffff; background-color: #5294e2; border-radius: 2px; } gf-candidate-box label { padding: 3px; } gf-candidate-box:hover, gf-candidate-box:selected { color: #ffffff; background-color: #5294e2; border-radius: 2px; } MsdOsdWindow.background.osd { border-radius: 2px; border: 1px solid #23262e; } MsdOsdWindow.background.osd .progressbar { background-color: #5294e2; border: none; border-color: red; border-radius: 5px; } MsdOsdWindow.background.osd .trough { background-color: #2a2d37; border: none; border-radius: 5px; } .mate-panel-menu-bar, .mate-panel-menu-bar menubar, panel-toplevel.background, panel-toplevel.background menubar { background-color: #2b2e37; } .mate-panel-menu-bar menubar, .mate-panel-menu-bar #PanelApplet label, .mate-panel-menu-bar #PanelApplet image, panel-toplevel.background menubar, panel-toplevel.background #PanelApplet label, panel-toplevel.background #PanelApplet image { color: #BAC3CF; } .mate-panel-menu-bar button label, .mate-panel-menu-bar button image, .mate-panel-menu-bar #tasklist-button label, .mate-panel-menu-bar #tasklist-button image, panel-toplevel.background button label, panel-toplevel.background button image, panel-toplevel.background #tasklist-button label, panel-toplevel.background #tasklist-button image { color: inherit; } .mate-panel-menu-bar .wnck-pager, panel-toplevel.background .wnck-pager { color: #5d6268; background-color: #14161b; } .mate-panel-menu-bar .wnck-pager:hover, panel-toplevel.background .wnck-pager:hover { background-color: #363a46; } .mate-panel-menu-bar .wnck-pager:selected, panel-toplevel.background .wnck-pager:selected { color: #a9caf1; background-color: #5294e2; } .mate-panel-menu-bar na-tray-applet, panel-toplevel.background na-tray-applet { -NaTrayApplet-icon-padding: 0; -NaTrayApplet-icon-size: 16px; } .xfce4-panel.panel { background-color: #2b2e37; text-shadow: none; -gtk-icon-shadow: none; } #tasklist-button { color: rgba(186, 195, 207, 0.8); border-radius: 0; border: none; background-color: rgba(43, 46, 55, 0); } #tasklist-button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); } #tasklist-button:checked { color: white; background-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } .mate-panel-menu-bar button:not(#tasklist-button), panel-toplevel.background button:not(#tasklist-button), .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { color: #BAC3CF; border-radius: 0; border: none; background-color: rgba(43, 46, 55, 0); } .mate-panel-menu-bar button:hover:not(#tasklist-button), panel-toplevel.background button:hover:not(#tasklist-button), .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { border: none; background-color: #414654; } .mate-panel-menu-bar button:active:not(#tasklist-button), panel-toplevel.background button:active:not(#tasklist-button), .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .mate-panel-menu-bar button:checked:not(#tasklist-button), panel-toplevel.background button:checked:not(#tasklist-button), .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { color: #ffffff; border: none; background-color: #5294e2; } .mate-panel-menu-bar button:active:not(#tasklist-button) label, panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.sidebar-button:active label, .mate-panel-menu-bar button:active:not(#tasklist-button) image, panel-toplevel.background button:active:not(#tasklist-button) image, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.sidebar-button:active image, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.sidebar-button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, panel-toplevel.background button:checked:not(#tasklist-button) image, .xfce4-panel.panel button.flat:checked image, .xfce4-panel.panel button.sidebar-button:checked image { color: inherit; } .nautilus-window .floating-bar { padding: 1px; background-color: #5294e2; color: #ffffff; border-radius: 2px 2px 0 0; } .nautilus-window .floating-bar.bottom.left { border-top-left-radius: 0; } .nautilus-window .floating-bar.bottom.right { border-top-right-radius: 0; } .nautilus-window .floating-bar button { border: none; border-radius: 0; min-height: 0; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(255, 255, 255, 0.9); } .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } .marlin-pathbar.pathbar:disabled { color: rgba(82, 93, 118, 0.35); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(255, 255, 255, 0.75); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; -gtk-icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { border: 1px solid rgba(0, 0, 0, 0.1); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #e7e8eb, #e7e8eb); color: rgba(82, 93, 118, 0.8); box-shadow: inset 0 1px #eff0f2; } UnityDecoration .top:backdrop { border-bottom-width: 0; color: rgba(82, 93, 118, 0.5); } UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: #fdfdfe; border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focus, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focus { background-image: none; border-image: none; } .lightdm.button:focus, .lightdm.entry:focus { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar label { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #dcdfe3; border-right: 1px solid #dcdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #dcdfe3; } toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { padding: 0 3px 0 3px; } toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #dcdfe3; background-color: #F5F6F7; } toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view, iconview.source-list { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:hover, iconview.source-list:hover { background-color: white; } .source-list.view:selected, iconview.source-list:selected, .source-list.view:hover:selected, iconview.source-list:hover:selected, .source-list.view:selected:focus, iconview.source-list:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list scrollbar, .source-list junction { border-image: none; border-color: transparent; background-color: #F5F6F7; background-image: none; } .source-list.badge, .source-list.badge:hover, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:hover:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:hover:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #5c616c; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome label { color: #a9acb2; font-size: 11px; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(92, 97, 108, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #ffffff, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry entry { padding: 4px; } .h1 { font-size: 24px; } .h2 { font-size: 18px; } .h3 { font-size: 11px; } .h4, .category-label { color: #8a8e96; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: #2b2e37; color: #BAC3CF; font-weight: bold; box-shadow: inset 0 -1px #1b1d23; } #panel_window menubar { padding-left: 5px; } #panel_window menubar, #panel_window menubar > menuitem { background-color: transparent; color: #BAC3CF; font-weight: bold; } #panel_window menubar menuitem:disabled { color: rgba(186, 195, 207, 0.5); } #panel_window menubar menuitem:disabled label { color: inherit; } #panel_window menubar menu > menuitem { font-weight: normal; } #login_window, #shutdown_dialog, #restart_dialog { font-weight: normal; border-style: none; background-color: transparent; color: #5c616c; } #content_frame { padding-bottom: 14px; background-color: #F5F6F7; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame button { color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } #content_frame button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; } #content_frame button:active, #content_frame button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } #content_frame button:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } #content_frame button:disabled label, #content_frame button:disabled { color: rgba(92, 97, 108, 0.55); } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: #353945; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px #353945; } #buttonbox_frame button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } #buttonbox_frame button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } #buttonbox_frame button:active, #buttonbox_frame button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } #buttonbox_frame button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } #login_window #user_combobox { color: #5c616c; font-size: 13px; } #login_window #user_combobox menu { font-weight: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font-weight: bold; } .nautilus-window paned > separator { background-image: linear-gradient(to bottom, #353945, #353945); } .nautilus-window paned > separator:dir(ltr) { margin-left: -1px; } .nautilus-window paned > separator:dir(rtl) { margin-right: -1px; } filechooser paned > separator { background-image: linear-gradient(to bottom, #353945, #353945); } filechooser.csd.background, filechooser placessidebar list, .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } filechooser placessidebar.sidebar, .nautilus-window placessidebar.sidebar { background-color: #353945; } filechooser placessidebar.sidebar row.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row { border: none; color: #BAC3CF; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { color: rgba(186, 195, 207, 0.6); } filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:hover, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row:hover { background-color: rgba(186, 195, 207, 0.15); } filechooser placessidebar.sidebar row.sidebar-row:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled label, filechooser placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image { color: rgba(186, 195, 207, 0.4); } filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon { color: inherit; } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button { color: #BAC3CF; } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { color: #5294e2; } filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { color: inherit; } filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { color: #F08437; } filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { background-color: #F08437; } filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { color: #ffffff; } filechooser placessidebar.sidebar separator, .nautilus-window placessidebar.sidebar separator { background-color: transparent; } filechooser.maximized placessidebar.sidebar, .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } .nemo-window .sidebar { color: #BAC3CF; background-color: #353945; } .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { background-color: transparent; color: #BAC3CF; } .nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { background-color: #5294e2; color: #ffffff; } .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { color: #787e8a; } .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { color: #BAC3CF; } .nemo-window .sidebar separator { background-color: transparent; } .caja-side-pane, .caja-side-pane > notebook > stack > widget > box, .caja-side-pane text, .caja-side-pane treeview { color: #BAC3CF; caret-color: #BAC3CF; background-color: #353945; } .caja-side-pane > box button:not(:active):not(:checked) { color: #BAC3CF; } .caja-side-pane .frame { border-color: #2a2d37; } .caja-side-pane junction { background-color: #2a2d37; } filechooser actionbar { color: #BAC3CF; background-color: #353945; border-color: #252831; } filechooser actionbar label, filechooser actionbar combobox { color: #BAC3CF; } .gedit-bottom-panel-paned { background-color: #ffffff; } .gedit-side-panel-paned > separator { background-image: linear-gradient(to bottom, #353945, #353945); } .gedit-bottom-panel-paned > separator { background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3); } .gedit-document-panel { background-color: #353945; } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel row { color: #BAC3CF; background-color: rgba(186, 195, 207, 0); } .gedit-document-panel row:hover { background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel row:active { color: #ffffff; background-color: #5294e2; } .gedit-document-panel row:active button { color: #ffffff; } .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { color: #ffffff; background-color: #5294e2; } .gedit-document-panel row:hover:not(:selected) button:active { color: #BAC3CF; } filechooser actionbar button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } .caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } filechooser actionbar button:active, filechooser actionbar button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } filechooser actionbar button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.25); } filechooser actionbar entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-color: rgba(102, 109, 132, 0.4); } filechooser actionbar entry image, filechooser actionbar entry image:hover { color: inherit; } filechooser actionbar entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-color: #5294e2; } filechooser actionbar entry:disabled { color: rgba(186, 195, 207, 0.55); background-color: rgba(102, 109, 132, 0.25); } filechooser placessidebar.sidebar scrollbar, .nautilus-window placessidebar.sidebar scrollbar, .nemo-window .sidebar scrollbar, .caja-side-pane scrollbar { border-color: #2a2d37; } filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nemo-window .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } filechooser placessidebar.sidebar scrollbar slider, .nautilus-window placessidebar.sidebar scrollbar slider, .nemo-window .sidebar scrollbar slider, .caja-side-pane scrollbar slider { background-color: rgba(231, 234, 238, 0.7); } filechooser placessidebar.sidebar scrollbar slider:hover, .nautilus-window placessidebar.sidebar scrollbar slider:hover, .nemo-window .sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { background-color: #f6f7f9; } filechooser placessidebar.sidebar scrollbar slider:hover:active, .nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .nemo-window .sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { background-color: #5294e2; } filechooser placessidebar.sidebar scrollbar slider:disabled, .nautilus-window placessidebar.sidebar scrollbar slider:disabled, .nemo-window .sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { background-color: transparent; } filechooser placessidebar.sidebar scrollbar trough, .nautilus-window placessidebar.sidebar scrollbar trough, .nemo-window .sidebar scrollbar trough, .caja-side-pane scrollbar trough { background-color: #2a2d37; } @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; @define-color theme_base_color #ffffff; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #5c616c; @define-color text_color #5c616c; @define-color bg_color #F5F6F7; @define-color base_color #ffffff; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #fbfbfc; @define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; @define-color borders #dcdfe3; @define-color unfocused_borders #dcdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #2679db; @define-color content_view_bg #ffffff; @define-color wm_title alpha(#525d76, 0.8); @define-color wm_unfocused_title alpha(#525d76, 0.5); @define-color wm_bg #e7e8eb; @define-color wm_bg_unfocused #eff0f2; @define-color wm_highlight #eff0f2; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #f46067; @define-color wm_button_close_hover_bg #f68086; @define-color wm_button_close_active_bg #f13039; @define-color wm_icon_close_bg #F8F8F9; @define-color wm_button_hover_bg #fdfdfd; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #D1D3DA; @define-color wm_icon_bg #90949E; @define-color wm_icon_unfocused_bg #B6B8C0; @define-color wm_icon_hover_bg #7A7F8B; @define-color wm_icon_active_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.20/gtk.css ================================================ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #FC4138; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 2px; } .background { color: #5c616c; background-color: rgba(245, 246, 247, 0.999); } *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { background-color: #F5F6F7; color: #5c616c; } .gtkstyle-fallback:hover { background-color: white; color: #5c616c; } .gtkstyle-fallback:active { background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:disabled { background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294e2; color: #ffffff; } .view, iconview, .view text, iconview text, textview text { color: #5c616c; background-color: #ffffff; } .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus { border-radius: 2px; } textview border { background-color: #fafbfb; } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .rubberband { border: 1px solid #2679db; background-color: rgba(38, 121, 219, 0.2); } flowbox flowboxchild { padding: 3px; border-radius: 2px; } flowbox flowboxchild:selected { outline-offset: -2px; } label.separator, popover label.separator, popover.background label.separator { color: #5c616c; } label selection { color: #ffffff; background-color: #5294e2; } label:disabled { color: rgba(92, 97, 108, 0.55); } .dim-label, label.separator, popover label.separator, popover.background label.separator, headerbar .subtitle, .titlebar:not(headerbar) .subtitle { opacity: 0.55; } assistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #5294e2; color: #ffffff; } textview { background-color: #ffffff; } popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.background.osd, popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { color: #BAC3CF; border: none; background-color: rgba(53, 57, 69, 0.95); background-clip: padding-box; box-shadow: none; } @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } entry { min-height: 22px; border: 1px solid; padding: 2px 8px; caret-color: currentColor; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; } entry.search { border-radius: 20px; } entry image { color: #7d8189; } entry image.left { padding-left: 0; padding-right: 5px; } entry image.right { padding-right: 0; padding-left: 5px; } entry.flat, entry.flat:focus { min-height: 0; padding: 2px; background-image: none; border-color: transparent; border-radius: 0; } entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294e2; background-color: #ffffff; } entry:disabled { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); } entry.warning { color: white; border-color: #F27835; background-color: #f7ae86; } entry.warning image { color: white; } entry.warning:focus { color: white; background-color: #F27835; box-shadow: none; } entry.warning selection, entry.warning selection:focus { background-color: white; color: #F27835; } entry.error { color: white; border-color: #FC4138; background-color: #fd8d88; } entry.error image { color: white; } entry.error:focus { color: white; background-color: #FC4138; box-shadow: none; } entry.error selection, entry.error selection:focus { background-color: white; color: #FC4138; } entry.search-missing { color: white; border-color: #FC4138; background-color: #fd8d88; } entry.search-missing image { color: white; } entry.search-missing:focus { color: white; background-color: #FC4138; box-shadow: none; } entry.search-missing selection, entry.search-missing selection:focus { background-color: white; color: #FC4138; } entry:drop(active):focus, entry:drop(active) { border-color: #F08437; box-shadow: none; } .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .osd entry image, .osd entry image:hover { color: inherit; } .osd entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-color: rgba(102, 109, 132, 0.2); } .osd entry selection:focus, .osd entry selection { color: #5294e2; background-color: #ffffff; } entry progress { margin: 0 -6px; border-radius: 0; border-width: 0 0 2px; border-color: #5294e2; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #ffffff; } treeview entry.flat:focus, treeview entry:focus { border-color: #5294e2; } @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294e2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); } } button { min-height: 22px; min-width: 20px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; padding: 2px 6px; color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } button separator { margin: 4px 1px; } button.flat, button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; transition: none; } button.flat:hover, button.sidebar-button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } button.flat:hover:active, button.sidebar-button:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; -gtk-icon-effect: highlight; } button:active, button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; background-clip: border-box; transition-duration: 50ms; } button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { color: inherit; opacity: 0.6; } button:active { color: #5c616c; } button:active:hover, button:checked { color: #ffffff; } button.flat:disabled, button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; } button:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } button:disabled label, button:disabled { color: rgba(92, 97, 108, 0.55); } button:disabled:active, button:disabled:checked { border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { color: rgba(255, 255, 255, 0.8); } button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } button.text-button { padding-left: 12px; padding-right: 12px; } button.text-button.image-button { padding-left: 5px; padding-right: 5px; } button.text-button.image-button label:first-child { padding-left: 8px; padding-right: 2px; } button.text-button.image-button label:last-child { padding-right: 8px; padding-left: 2px; } button.text-button.image-button label:only-child { padding-left: 8px; padding-right: 8px; } button.text-button.image-button.popup { padding-right: 8px; padding-left: 8px; } button:drop(active), combobox:drop(active) button.combo { color: #F08437; border-color: #F08437; box-shadow: none; } button.osd { color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } button.osd.image-button { padding: 0; min-height: 36px; min-width: 36px; } button.osd:hover { color: #5294e2; } button.osd:active, button.osd:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } button.osd:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .osd button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd button:active, .osd button:checked { background-clip: padding-box; color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } .osd button.flat, .osd button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .osd button.flat:hover, .osd button.sidebar-button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .osd button.flat:disabled, .osd button.sidebar-button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); background-image: none; } .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: none; } button.suggested-action { background-clip: border-box; color: white; background-color: #4DADD4; border-color: #4DADD4; } button.suggested-action.flat, button.suggested-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; } button.suggested-action:hover { background-clip: border-box; color: white; background-color: #76c0de; border-color: #76c0de; } button.suggested-action:active, button.suggested-action:checked { background-clip: border-box; color: white; background-color: #2e96c0; border-color: #2e96c0; } button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } button.suggested-action:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } button.suggested-action:disabled label, button.suggested-action:disabled { color: rgba(92, 97, 108, 0.55); } button.destructive-action { background-clip: border-box; color: white; background-color: #F04A50; border-color: #F04A50; } button.destructive-action.flat, button.destructive-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; } button.destructive-action:hover { background-clip: border-box; color: white; background-color: #f4797e; border-color: #f4797e; } button.destructive-action:active, button.destructive-action:checked { background-clip: border-box; color: white; background-color: #ec1b22; border-color: #ec1b22; } button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; color: rgba(92, 97, 108, 0.55); } button.destructive-action:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } button.destructive-action:disabled label, button.destructive-action:disabled { color: rgba(92, 97, 108, 0.55); } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294e2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { background-position: left 3px, left 4px; } button.font separator, button.file separator { background-color: transparent; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; border-width: 1px; } .inline-toolbar toolbutton > button { color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } .inline-toolbar toolbutton > button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } .inline-toolbar toolbutton > button:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { color: rgba(92, 97, 108, 0.55); } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { color: rgba(255, 255, 255, 0.8); } .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(207, 214, 230, 0.3); } .linked:not(.vertical):not(.path-bar) > entry.error + entry, .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { border-left-color: #f75d37; } .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { border-left-color: #F08437; } .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-left-color: #F08437; } .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > button:active + entry, .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: #5294e2; } .linked:not(.vertical):not(.path-bar) > button + button { border-left-style: none; } .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 1px 0 #cfd6e6; } .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.5); } .linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { box-shadow: none; } .linked:not(.vertical).path-bar > button + button { border-left-style: none; } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } .linked.vertical > entry + entry { border-top-color: rgba(207, 214, 230, 0.3); } .linked.vertical > entry.error + entry, .linked.vertical > entry + entry.error { border-top-color: #FC4138; } .linked.vertical > entry.warning + entry, .linked.vertical > entry + entry.warning { border-top-color: #F27835; } .linked.vertical > entry.error + entry.warning, .linked.vertical > entry.warning + entry.error { border-top-color: #f75d37; } .linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > entry + entry:focus:last-child { border-top-color: #5294e2; } .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #5294e2; } .linked.vertical > entry + entry:drop(active):not(:last-child), .linked.vertical > entry + entry:drop(active):last-child { border-top-color: #F08437; } .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #F08437; } .linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > entry + entry.warning:focus:last-child { border-top-color: #F27835; } .linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + button, .linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #F27835; } .linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > entry + entry.error:focus:last-child { border-top-color: #FC4138; } .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, .linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #FC4138; } .linked.vertical > button:active + entry, .linked.vertical > button:checked + entry { border-top-color: #5294e2; } .linked.vertical > button + button { border-top-style: none; } .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { box-shadow: inset 0 1px #cfd6e6; } .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { box-shadow: inset 0 1px rgba(207, 214, 230, 0.5); } .linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, .linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, .linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, .linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child) { box-shadow: none; } toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, .linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl) { border-radius: 0; border-right-style: none; } .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { border-radius: 0; border-bottom-style: none; } .linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } .linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, calendar.button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } menuitem.button.flat, modelbutton.flat { transition: none; min-height: 24px; padding-left: 8px; padding-right: 8px; outline-offset: -3px; border-radius: 2px; } menuitem.button.flat:hover, modelbutton.flat:hover { background-color: #edeff0; } menuitem.button.flat:checked, modelbutton.flat:checked { color: #5c616c; } menuitem.button.flat check:last-child, menuitem.button.flat radio:last-child, modelbutton.flat check:last-child, modelbutton.flat radio:last-child { margin-left: 8px; } menuitem.button.flat check:first-child, menuitem.button.flat radio:first-child, modelbutton.flat check:first-child, modelbutton.flat radio:first-child { margin-right: 8px; } modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } *:link, button:link, button:visited { color: #2679db; } *:link:visited, button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { color: #bad4f3; } *:link:hover, button:hover:link, button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { color: #eef4fc; } *:link:active, button:active:link, button:active:visited { color: #2679db; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #dceaf9; } infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #dceaf9; } button:link > label, button:visited > label { text-decoration-line: underline; } spinbutton:drop(active) { box-shadow: none; } spinbutton button:active { color: #ffffff; } spinbutton:disabled { color: rgba(92, 97, 108, 0.55); } spinbutton:not(.vertical) entry { min-width: 28px; } spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { border-radius: 3px 0 0 3px; } spinbutton:not(.vertical) > button + button { border-left-style: none; } spinbutton:not(.vertical) > button:hover:not(:active), spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 #cfd6e6; } spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.5); } spinbutton:not(.vertical) > button:first-child:hover:not(:active), spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294e2; } spinbutton:not(.vertical) > entry:drop(active) + button { border-left-color: #F08437; } .osd spinbutton:not(.vertical) > button:hover:not(:active), .osd spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 rgba(26, 28, 34, 0.35); } .osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), .osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), .osd spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } .osd spinbutton:not(.vertical) > entry:focus + button { border-left-color: rgba(26, 28, 34, 0.35); } spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; padding-right: 4px; min-width: 0; } spinbutton.vertical button.up { border-radius: 3px 3px 0 0; } spinbutton.vertical > entry:focus + button { border-top-color: #5294e2; } spinbutton.vertical > entry:drop(active) + button { border-top-color: #F08437; } combobox button.combo { min-width: 0; padding-left: 8px; padding-right: 8px; } combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } toolbar separator, .inline-toolbar separator { background: none; } toolbar.horizontal separator, .horizontal.inline-toolbar separator { margin: 0 6px; } toolbar.vertical separator, .vertical.inline-toolbar separator { margin: 6px 0; } .osd toolbar, .osd .inline-toolbar { background-color: transparent; } toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.85); } toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { border-radius: 0; } toolbar.osd.top, .osd.top.inline-toolbar { border-width: 0 0 1px 0; } toolbar.osd.bottom, .osd.bottom.inline-toolbar { border-width: 1px 0 0 0; } toolbar.osd.left, .osd.left.inline-toolbar { border-width: 0 1px 0 0; } toolbar.osd.right, .osd.right.inline-toolbar { border-width: 0 0 0 1px; } toolbar:not(.inline-toolbar) switch, .inline-toolbar:not(.inline-toolbar) switch, toolbar:not(.inline-toolbar) scale, .inline-toolbar:not(.inline-toolbar) scale, toolbar:not(.inline-toolbar) entry, .inline-toolbar:not(.inline-toolbar) entry, toolbar:not(.inline-toolbar) spinbutton, .inline-toolbar:not(.inline-toolbar) spinbutton, toolbar:not(.inline-toolbar) button, .inline-toolbar:not(.inline-toolbar) button { margin-right: 1px; margin-bottom: 1px; } toolbar:not(.inline-toolbar) .linked > button, .inline-toolbar:not(.inline-toolbar) .linked > button, toolbar:not(.inline-toolbar) .linked > entry, .inline-toolbar:not(.inline-toolbar) .linked > entry { margin-right: 0; } .primary-toolbar:not(.libreoffice-toolbar) { color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, #e7e8eb, rgba(212, 213, 219, 0.95)) 1 0 1 0; } .inline-toolbar { background-color: #edeef0; border-style: solid; border-color: #dcdfe3; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } searchbar { background-color: #F5F6F7; border-style: solid; border-color: #dcdfe3; border-width: 0 0 1px; padding: 3px; } actionbar { padding: 6px; border-top: 1px solid #dcdfe3; background-color: #edeef0; } headerbar, .titlebar:not(headerbar) { min-height: 42px; padding: 0 7px; border-width: 0 0 1px; border-style: solid; border-color: #d4d5db; color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } .csd headerbar, .csd .titlebar:not(headerbar) { background-color: rgba(231, 232, 235, 0.95); border-color: rgba(212, 213, 219, 0.95); } headerbar:backdrop, .titlebar:backdrop:not(headerbar) { transition: 200ms ease-out; color: rgba(82, 93, 118, 0.5); background-color: #eff0f2; } .csd headerbar:backdrop, .csd .titlebar:backdrop:not(headerbar) { background-color: rgba(239, 240, 242, 0.95); } headerbar .title, .titlebar:not(headerbar) .title { padding-left: 12px; padding-right: 12px; } headerbar .subtitle, .titlebar:not(headerbar) .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } headerbar.selection-mode, .selection-mode.titlebar:not(headerbar) { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } headerbar.selection-mode:backdrop, .selection-mode.titlebar:backdrop:not(headerbar) { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } headerbar.selection-mode .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } headerbar.selection-mode .selection-menu GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } headerbar.selection-mode .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .maximized headerbar.selection-mode, .maximized .selection-mode.titlebar:not(headerbar) { background-color: #5294e2; } .tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop, .tiled .titlebar:not(headerbar), .tiled .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar) { border-radius: 0; } .maximized headerbar, .maximized .titlebar:not(headerbar) { background-color: #e7e8eb; border-color: #d4d5db; } .maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar) { background-color: #eff0f2; } headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop, .default-decoration.titlebar:not(headerbar), .csd .default-decoration.titlebar:not(headerbar), .default-decoration.titlebar:backdrop:not(headerbar), .csd .default-decoration.titlebar:backdrop:not(headerbar) { min-height: 28px; padding: 0 3px; background-color: #e7e8eb; border-bottom-width: 0; } .maximized headerbar.default-decoration, .maximized .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized .csd headerbar.default-decoration:backdrop, .maximized .default-decoration.titlebar:not(headerbar), .maximized .csd .default-decoration.titlebar:not(headerbar), .maximized .default-decoration.titlebar:backdrop:not(headerbar), .maximized .csd .default-decoration.titlebar:backdrop:not(headerbar) { background-color: #e7e8eb; } .titlebar { border-radius: 4px 4px 0 0; } headerbar entry, headerbar button, headerbar separator { margin-top: 6px; margin-bottom: 6px; } separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { border-top-left-radius: 4px; } .maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop { border-radius: 0; } headerbar:last-child, headerbar:last-child:backdrop { border-top-right-radius: 4px; } .maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { border-radius: 0; } window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { padding: 0; background: none; border: none; box-shadow: none; } .titlebar:not(headerbar) > separator { background-image: linear-gradient(to bottom, rgba(212, 213, 219, 0.95), rgba(212, 213, 219, 0.95)); } .primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { min-width: 1px; min-height: 1px; background: none; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { opacity: 0.6; } .primary-toolbar entry, headerbar entry { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(255, 255, 255, 0.9); } .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { color: inherit; } .primary-toolbar entry:backdrop, headerbar entry:backdrop { opacity: 0.85; } .primary-toolbar entry:focus, headerbar entry:focus { color: #ffffff; border-color: #5294e2; background-color: #5294e2; background-clip: border-box; } .primary-toolbar entry:focus image, headerbar entry:focus image { color: #ffffff; } .primary-toolbar entry:disabled, headerbar entry:disabled { color: rgba(82, 93, 118, 0.35); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(255, 255, 255, 0.75); } .primary-toolbar entry selection:focus, headerbar entry selection:focus { background-color: #ffffff; color: #5294e2; } .primary-toolbar entry progress, headerbar entry progress { border-color: #5294e2; background-image: none; background-color: transparent; } .primary-toolbar entry.warning, headerbar entry.warning { color: white; border-color: #F27835; background-color: rgba(238, 162, 121, 0.98); } .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { color: white; background-color: #F27835; } .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { background-color: white; color: #F27835; } .primary-toolbar entry.error, headerbar entry.error { color: white; border-color: #FC4138; background-color: rgba(244, 128, 123, 0.98); } .primary-toolbar entry.error:focus, headerbar entry.error:focus { color: white; background-color: #FC4138; } .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { background-color: white; color: #FC4138; } .primary-toolbar button, headerbar button { color: rgba(82, 93, 118, 0.8); outline-offset: -3px; background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar button:backdrop, headerbar button:backdrop { opacity: 0.7; } .primary-toolbar button:hover, headerbar button:hover { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; background-clip: border-box; } .primary-toolbar button:disabled, headerbar button:disabled { background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { color: rgba(82, 93, 118, 0.35); } .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } .selection-mode.primary-toolbar button, headerbar.selection-mode button, .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.flat, .selection-mode.primary-toolbar button.sidebar-button, headerbar.selection-mode button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:last-child):not(:only-child) { margin-right: 1px; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { border-radius: 3px; border-style: solid; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { box-shadow: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { background-color: rgba(255, 255, 255, 0.9); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { color: rgba(82, 93, 118, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { border-left-style: none; } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(82, 93, 118, 0); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: #FC4138; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: #F27835; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { border-left-color: #f75d37; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294e2; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { border-left-color: #F08437; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-left-color: #F08437; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #F27835; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #FC4138; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #FC4138; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:active + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: #5294e2; } .primary-toolbar button.suggested-action, headerbar button.suggested-action { background-clip: border-box; color: white; background-color: #4DADD4; border-color: #4DADD4; } .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #4DADD4; } .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { background-clip: border-box; color: white; background-color: #76c0de; border-color: #76c0de; } .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { background-clip: border-box; color: white; background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { color: rgba(82, 93, 118, 0.35); } .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { opacity: 0.8; } .primary-toolbar button.destructive-action, headerbar button.destructive-action { background-clip: border-box; color: white; background-color: #F04A50; border-color: #F04A50; } .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #F04A50; } .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { background-clip: border-box; color: white; background-color: #f4797e; border-color: #f4797e; } .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { background-clip: border-box; color: white; background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { color: rgba(82, 93, 118, 0.35); } .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { opacity: 0.8; } .primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { color: #ffffff; caret-color: #ffffff; } .primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { background-color: rgba(255, 255, 255, 0.9); } .primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { color: rgba(82, 93, 118, 0.4); } .primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { border-left-style: none; } .primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), headerbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), .primary-toolbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled, headerbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } .primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294e2; } .primary-toolbar combobox:disabled, headerbar combobox:disabled { color: rgba(82, 93, 118, 0.2); } .primary-toolbar combobox > .linked > button.combo, headerbar combobox > .linked > button.combo { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(255, 255, 255, 0.9); } .primary-toolbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image, .primary-toolbar combobox > .linked > button.combo image:hover, headerbar combobox > .linked > button.combo image:hover { color: inherit; } .primary-toolbar combobox > .linked > button.combo:hover, headerbar combobox > .linked > button.combo:hover { color: #ffffff; border-color: #5294e2; background-color: #5294e2; box-shadow: none; } .primary-toolbar combobox > .linked > button.combo:disabled, headerbar combobox > .linked > button.combo:disabled { color: rgba(82, 93, 118, 0.35); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(255, 255, 255, 0.75); } .primary-toolbar combobox > .linked > entry.combo:dir(ltr), headerbar combobox > .linked > entry.combo:dir(ltr) { border-right-style: none; } .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus, headerbar combobox > .linked > entry.combo:dir(ltr):focus { box-shadow: none; } .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus, headerbar combobox > .linked > entry.combo:dir(ltr):focus { box-shadow: 1px 0 #5294e2; } .primary-toolbar combobox > .linked > entry.combo:dir(rtl), headerbar combobox > .linked > entry.combo:dir(rtl) { border-left-style: none; } .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus, headerbar combobox > .linked > entry.combo:dir(rtl):focus { box-shadow: none; } .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus, headerbar combobox > .linked > entry.combo:dir(rtl):focus { box-shadow: -1px 0 #5294e2; } .primary-toolbar combobox > .linked > button.combo:dir(ltr), headerbar combobox > .linked > button.combo:dir(ltr), .primary-toolbar combobox > .linked > button.combo:dir(ltr):hover, headerbar combobox > .linked > button.combo:dir(ltr):hover, .primary-toolbar combobox > .linked > button.combo:dir(ltr):active, headerbar combobox > .linked > button.combo:dir(ltr):active, .primary-toolbar combobox > .linked > button.combo:dir(ltr):checked, headerbar combobox > .linked > button.combo:dir(ltr):checked, .primary-toolbar combobox > .linked > button.combo:dir(ltr):disabled, headerbar combobox > .linked > button.combo:dir(ltr):disabled { border-top-left-radius: 0; border-bottom-left-radius: 0; } .primary-toolbar combobox > .linked > button.combo:dir(rtl), headerbar combobox > .linked > button.combo:dir(rtl), .primary-toolbar combobox > .linked > button.combo:dir(rtl):hover, headerbar combobox > .linked > button.combo:dir(rtl):hover, .primary-toolbar combobox > .linked > button.combo:dir(rtl):active, headerbar combobox > .linked > button.combo:dir(rtl):active, .primary-toolbar combobox > .linked > button.combo:dir(rtl):checked, headerbar combobox > .linked > button.combo:dir(rtl):checked, .primary-toolbar combobox > .linked > button.combo:dir(rtl):disabled, headerbar combobox > .linked > button.combo:dir(rtl):disabled { border-top-right-radius: 0; border-bottom-right-radius: 0; } .primary-toolbar switch:backdrop, headerbar switch:backdrop { opacity: 0.75; } .primary-toolbar progressbar trough, headerbar progressbar trough { background-color: rgba(82, 93, 118, 0.15); } .primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { opacity: 0.75; } .primary-toolbar scale:backdrop, headerbar scale:backdrop { opacity: 0.75; } .primary-toolbar scale slider, headerbar scale slider { background-color: #fbfbfc; border-color: rgba(82, 93, 118, 0.3); } .primary-toolbar scale slider:hover, headerbar scale slider:hover { background-color: white; border-color: rgba(82, 93, 118, 0.3); } .primary-toolbar scale slider:active, headerbar scale slider:active { background-color: #5294e2; border-color: #5294e2; } .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { background-color: rgba(245, 246, 247, 0.985); border-color: rgba(82, 93, 118, 0.3); } .primary-toolbar scale trough, headerbar scale trough { background-color: rgba(82, 93, 118, 0.15); } .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { background-color: rgba(82, 93, 118, 0.1); } .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 6px; padding-right: 6px; } .path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; } .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 10px; } .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 10px; } .path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { padding-left: 1px; padding-right: 1px; } .path-bar button image { padding-left: 4px; padding-right: 4px; } treeview.view { border-left-color: rgba(92, 97, 108, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } treeview.view acceleditor > label { background-color: #5294e2; } treeview.view:selected, treeview.view:selected:focus { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } treeview.view:disabled { color: rgba(92, 97, 108, 0.55); } treeview.view:disabled:selected { color: #97bfee; } treeview.view.separator { min-height: 2px; color: rgba(0, 0, 0, 0.1); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #577ba7; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #aeb0b6; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { color: #5c616c; } treeview.view.expander:selected { color: #cbdff6; } treeview.view.expander:selected:hover { color: #ffffff; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.progressbar, treeview.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-color: #5294e2; } treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-color: #ffffff; } treeview.view.trough { color: #5c616c; background-color: #cfd6e6; border-radius: 3px; border-width: 0; } treeview.view.trough:selected, treeview.view.trough:selected:focus { color: #ffffff; background-color: rgba(0, 0, 0, 0.2); border-radius: 3px; border-width: 0; } treeview.view header button { min-height: 0; min-width: 0; padding: 3px 6px; font-weight: bold; color: #7d8189; background-color: #ffffff; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header button:hover { color: #5294e2; } treeview.view header button:active { color: #5c616c; } treeview.view header button:active, treeview.view header button:hover { background-color: #ffffff; } treeview.view header button:active:hover { color: #5c616c; } treeview.view header button:disabled { border-color: #F5F6F7; background-image: none; } treeview.view header button:last-child { border-right-style: none; border-image: none; } treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, treeview.view header.button.dnd, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd:active { padding: 0 6px; transition: none; color: #ffffff; background-color: #5294e2; border-radius: 0; border-style: none; } menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #e7e8eb; color: rgba(82, 93, 118, 0.8); } menubar:backdrop, .menubar:backdrop { color: rgba(82, 93, 118, 0.5); } menubar > menuitem, .menubar > menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; } menubar > menuitem:hover, .menubar > menuitem:hover { background-color: #5294e2; color: #ffffff; } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: rgba(82, 93, 118, 0.2); border-color: transparent; } menu, .menu { margin: 4px; padding: 0; border-radius: 0; background-color: #ffffff; border: 1px solid #dcdfe3; } .csd menu, .csd .menu { padding: 4px 0px; border-radius: 2px; border: none; } menu separator, .csd menu separator, .menu separator, .csd .menu separator { margin: 2px 0; background-color: #ffffff; } menu .separator:not(label), .csd menu .separator:not(label), .menu .separator:not(label), .csd .menu .separator:not(label) { color: #ffffff; } menu menuitem, .menu menuitem { min-height: 16px; min-width: 40px; padding: 5px; } menu menuitem:hover, .menu menuitem:hover { color: #ffffff; background-color: #5294e2; } menu menuitem:disabled, .menu menuitem:disabled { color: rgba(92, 97, 108, 0.55); } menu menuitem arrow, .menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } menuitem accelerator { color: alpha(currentColor,0.55); } menuitem check, menuitem radio { min-height: 16px; min-width: 16px; } menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 6px; margin-left: 2px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 6px; margin-right: 2px; } menu > arrow, .menu > arrow { border-color: transparent; background-color: transparent; background-image: none; min-width: 16px; min-height: 16px; padding: 4px; background-color: #ffffff; border-radius: 0; } menu > arrow.top, .menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #efeff0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom { margin-bottom: -6px; border-top: 1px solid #efeff0; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover { background-color: #efeff0; } menu > arrow:disabled, .menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } popover, popover.background { padding: 2px; border-radius: 3px; background-clip: border-box; background-color: #ffffff; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .csd popover, popover, .csd popover.background, popover.background { border: 1px solid #cdd2d7; } popover separator, popover.background separator { background-color: #ffffff; } popover > list, popover > .view, popover > iconview, popover > toolbar, popover > .inline-toolbar, popover.background > list, popover.background > .view, popover.background > iconview, popover.background > toolbar, popover.background > .inline-toolbar { border-style: none; background-color: transparent; } cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } notebook { padding: 0; } notebook.frame { border: 1px solid #dcdfe3; } notebook.frame > header { margin: -1px; } notebook.frame > header.top { margin-bottom: 0; } notebook.frame > header.bottom { margin-top: 0; } notebook.frame > header.left { margin-right: 0; } notebook.frame > header.right { margin-left: 0; } notebook.frame > header.top, notebook.frame > header.bottom { padding-left: 0; padding-right: 0; } notebook.frame > header.left, notebook.frame > header.right { padding-top: 0; padding-bottom: 0; } notebook > stack:not(:only-child) { background-color: #ffffff; } notebook > header { padding: 2px; background-color: #F5F6F7; } notebook > header.top { box-shadow: inset 0 -1px #dcdfe3; } notebook > header.bottom { box-shadow: inset 0 1px #dcdfe3; } notebook > header.right { box-shadow: inset 1px 0 #dcdfe3; } notebook > header.left { box-shadow: inset -1px 0 #dcdfe3; } notebook > header.top { padding-bottom: 0; } notebook > header.top > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-bottom: none; border-radius: 1px 1px 0 0; } notebook > header.top > tabs > tab + tab { margin-left: -1px; } notebook > header.bottom { padding-top: 0; } notebook > header.bottom > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-top: none; border-radius: 0 0 1px 1px; } notebook > header.bottom > tabs > tab + tab { margin-left: -1px; } notebook > header.right { padding-left: 0; } notebook > header.right > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-left: none; border-radius: 0 1px 1px 0; } notebook > header.right > tabs > tab + tab { margin-top: -1px; } notebook > header.left { padding-right: 0; } notebook > header.left > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-right: none; border-radius: 1px 0 0 1px; } notebook > header.left > tabs > tab + tab { margin-top: -1px; } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { margin-left: 2px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { margin-right: 2px; } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { margin-top: 2px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { margin-bottom: 2px; } notebook > header > tabs > arrow { color: rgba(92, 97, 108, 0.55); } notebook > header > tabs > arrow:hover { color: rgba(92, 97, 108, 0.775); } notebook > header > tabs > arrow:active { color: #5c616c; } notebook > header > tabs > arrow:disabled { color: rgba(92, 97, 108, 0.25); } notebook > header.top > tabs > tab:hover:not(:checked) { box-shadow: inset 0 -1px #dcdfe3; } notebook > header.bottom > tabs > tab:hover:not(:checked) { box-shadow: inset 0 1px #dcdfe3; } notebook > header.left > tabs > tab:hover:not(:checked) { box-shadow: inset -1px 0 #dcdfe3; } notebook > header.right > tabs > tab:hover:not(:checked) { box-shadow: inset 1px 0 #dcdfe3; } notebook > header > tabs > tab { color: rgba(92, 97, 108, 0.55); background-color: rgba(255, 255, 255, 0); } notebook > header > tabs > tab:hover:not(:checked) { color: rgba(92, 97, 108, 0.775); background-color: rgba(255, 255, 255, 0.5); border-color: #dcdfe3; } notebook > header > tabs > tab:checked { color: #5c616c; background-color: #ffffff; border-color: #dcdfe3; } notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { min-height: 22px; min-width: 16px; padding: 0; color: #92959d; } notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { color: #ff4d4d; } notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { color: #5294e2; } scrollbar { background-color: #fcfcfc; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { border-bottom: 1px solid #dcdfe3; } scrollbar.bottom { border-top: 1px solid #dcdfe3; } scrollbar.left { border-right: 1px solid #dcdfe3; } scrollbar.right { border-left: 1px solid #dcdfe3; } scrollbar button { border: none; } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #b8babf; } scrollbar slider:hover { background-color: #c7c9cd; } scrollbar slider:hover:active { background-color: #5294e2; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { min-width: 4px; min-height: 4px; } scrollbar.fine-tune.horizontal slider { border-width: 5px 4px; } scrollbar.fine-tune.vertical slider { border-width: 4px 5px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; border-color: transparent; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 4px; min-height: 4px; background-color: #8a8e96; border: 1px solid rgba(255, 255, 255, 0.6); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.99; } scrollbar.horizontal slider { min-width: 40px; } scrollbar.vertical slider { min-height: 40px; } switch { font-size: 1px; min-width: 52px; min-height: 24px; background-size: 52px 24px; background-repeat: no-repeat; background-position: center center; } switch slider { min-width: 1px; min-height: 1px; } switch, switch slider { outline-color: transparent; color: transparent; border: none; box-shadow: none; } switch { background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } menuitem:hover switch, row:selected switch, infobar switch { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } headerbar switch, .primary-toolbar switch { background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); } switch:checked { background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } menuitem:hover switch:checked, row:selected switch:checked, infobar switch:checked { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } headerbar switch:checked, .primary-toolbar switch:checked { background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); } switch:disabled { background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } menuitem:hover switch:disabled, row:selected switch:disabled, infobar switch:disabled { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } headerbar switch:disabled, .primary-toolbar switch:disabled { background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); } switch:checked:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } menuitem:hover switch:checked:disabled, row:selected switch:checked:disabled, infobar switch:checked:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } headerbar switch:checked:disabled, .primary-toolbar switch:checked:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } .check, check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } .osd check, filechooser actionbar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } menuitem check:hover, .view check:selected, iconview check:selected, treeview.check:selected, row:selected check, infobar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } .check:disabled, check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } .osd check:disabled, filechooser actionbar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } menuitem check:disabled:hover, .view check:disabled:selected, iconview check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, infobar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } .check:indeterminate, check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } .osd check:indeterminate, filechooser actionbar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } menuitem check:indeterminate:hover, .view check:indeterminate:selected, iconview check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, infobar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } .check:indeterminate:disabled, check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } .osd check:indeterminate:disabled, filechooser actionbar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } menuitem check:indeterminate:disabled:hover, .view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, infobar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } .check:checked, check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } .osd check:checked, filechooser actionbar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } menuitem check:checked:hover, .view check:checked:selected, iconview check:checked:selected, treeview.check:checked:selected, row:selected check:checked, infobar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } .check:checked:disabled, check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } .osd check:checked:disabled, filechooser actionbar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } menuitem check:checked:disabled:hover, .view check:checked:disabled:selected, iconview check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, infobar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } .radio, radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } .osd radio, filechooser actionbar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } menuitem radio:hover, .view radio:selected, iconview radio:selected, treeview.radio:selected, row:selected radio, infobar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } .radio:disabled, radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } .osd radio:disabled, filechooser actionbar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } menuitem radio:disabled:hover, .view radio:disabled:selected, iconview radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, infobar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } .radio:indeterminate, radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } .osd radio:indeterminate, filechooser actionbar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } menuitem radio:indeterminate:hover, .view radio:indeterminate:selected, iconview radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, infobar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } .radio:indeterminate:disabled, radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } .osd radio:indeterminate:disabled, filechooser actionbar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } menuitem radio:indeterminate:disabled:hover, .view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, infobar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } .radio:checked, radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } .osd radio:checked, filechooser actionbar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } menuitem radio:checked:hover, .view radio:checked:selected, iconview radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, infobar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } .radio:checked:disabled, radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } .osd radio:checked:disabled, filechooser actionbar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } menuitem radio:checked:disabled:hover, .view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, infobar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } .view.content-view.check:not(list), iconview.content-view.check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { margin-left: 4px; } checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { margin-right: 4px; } check, radio { min-width: 16px; min-height: 16px; margin: 0 2px; } check:only-child, menu menuitem check, radio:only-child, menu menuitem radio { margin: 0; } scale { min-height: 15px; min-width: 15px; padding: 3px; } scale.horizontal trough { padding: 0 4px; } scale.horizontal highlight, scale.horizontal fill { margin: 0 -4px; } scale.vertical trough { padding: 4px 0; } scale.vertical highlight, scale.vertical fill { margin: -4px 0; } scale slider { min-height: 15px; min-width: 15px; margin: -6px; } scale.fine-tune slider { margin: -4px; } scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 5px; -gtk-outline-radius: 7px; } scale trough { outline-offset: 2px; -gtk-outline-radius: 4.5px; border-radius: 2.5px; background-color: #cfd6e6; } scale trough:disabled { background-color: rgba(207, 214, 230, 0.55); } .osd scale trough { background-color: rgba(69, 74, 89, 0.95); } .osd scale trough highlight { background-color: #5294e2; } menuitem:hover scale trough, row:selected scale trough, infobar scale trough { background-color: rgba(0, 0, 0, 0.2); } menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { background-color: #ffffff; } menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { background-color: #b1cff2; } menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { background-color: rgba(0, 0, 0, 0.1); } scale highlight { border-radius: 2.5px; background-color: #5294e2; } scale highlight:disabled { background-color: rgba(82, 148, 226, 0.55); } scale fill { border-radius: 2.5px; background-color: rgba(82, 148, 226, 0.5); } scale fill:disabled { background-color: transparent; } scale slider { background-color: #fbfbfc; border: 1px solid rgba(123, 142, 186, 0.5); border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border; } scale slider:hover { background-color: white; } scale slider:active { background-clip: border-box; background-color: #5294e2; border-color: #5294e2; } scale slider:disabled { background-color: #fbfbfb; border-color: rgba(123, 142, 186, 0.3); } menuitem:hover scale slider, row:selected scale slider, infobar scale slider { background-clip: border-box; background-color: #ffffff; border-color: #ffffff; } menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { background-color: #e5effb; border-color: #e5effb; } menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { background-color: #a9caf1; border-color: #a9caf1; } menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { background-color: #b1cff2; border-color: #b1cff2; } .osd scale slider { background-clip: border-box; background-color: #5294e2; border-color: #5294e2; } .osd scale slider:hover { background-color: #7eafe9; border-color: #7eafe9; } .osd scale slider:active { background-color: #2679db; border-color: #2679db; } scale value { color: alpha(currentColor,0.4); } scale marks { color: alpha(currentColor,0.4); } scale marks.top { margin-bottom: 1px; margin-top: -4px; } scale marks.bottom { margin-top: 1px; margin-bottom: -4px; } scale marks.top { margin-right: 1px; margin-left: -4px; } scale marks.bottom { margin-left: 1px; margin-right: -4px; } scale.fine-tune marks.top { margin-bottom: 0px; margin-top: -2px; } scale.fine-tune marks.bottom { margin-top: 0px; margin-bottom: -2px; } scale.fine-tune marks.top { margin-right: 0px; margin-left: -2px; } scale.fine-tune marks.bottom { margin-left: 0px; margin-right: -2px; } scale.horizontal indicator { min-height: 3px; min-width: 1px; } scale.horizontal.fine-tune indicator { min-height: 2px; } scale.vertical indicator { min-height: 1px; min-width: 3px; } scale.vertical.fine-tune indicator { min-width: 2px; } progressbar { padding: 0; font-size: smaller; color: rgba(92, 97, 108, 0.7); } progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } progressbar.osd trough { border-style: none; background-color: transparent; box-shadow: none; } progressbar progress { background-color: #5294e2; border: none; border-radius: 3px; box-shadow: none; } row:selected progressbar progress, infobar progressbar progress { background-color: #ffffff; } progressbar trough { border: none; border-radius: 3px; background-color: #cfd6e6; } row:selected progressbar trough, infobar progressbar trough { background-color: rgba(0, 0, 0, 0.2); } levelbar block { min-width: 32px; min-height: 1px; } levelbar.vertical block { min-width: 1px; min-height: 32px; } levelbar trough { border: none; padding: 3px; border-radius: 3px; background-color: #cfd6e6; } levelbar.horizontal.discrete block { margin: 0 1px; } levelbar.vertical.discrete block { margin: 1px 0; } levelbar block:not(.empty) { border: 1px solid #5294e2; background-color: #5294e2; border-radius: 2px; } levelbar block.low { border-color: #F27835; background-color: #F27835; } levelbar block.high { border-color: #5294e2; background-color: #5294e2; } levelbar block.full { border-color: #73d216; background-color: #73d216; } levelbar block.empty { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } printdialog paper { border: 1px solid #dcdfe3; background: #ffffff; padding: 0; } printdialog .dialog-action-box { margin: 12px; } frame > border, .frame { margin: 0; padding: 0; border-radius: 0; border: 1px solid #dcdfe3; } frame.flat > border, frame > border.flat, .frame.flat { border-style: none; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; border: none; } scrolledwindow undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; border: none; } scrolledwindow undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; border: none; } scrolledwindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; border: none; } scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator { background-color: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } list { background-color: #ffffff; border-color: #dcdfe3; } list row { padding: 2px; } row:not(:hover) { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(0, 0, 0, 0.05); } row.activatable:active { color: #5c616c; } row.activatable:disabled { color: rgba(92, 97, 108, 0.55); } row.activatable:disabled image { color: inherit; } row.activatable:selected:active { color: #ffffff; } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #4a85cb; } .app-notification { padding: 10px; color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: rgba(31, 33, 40, 0.95); } .app-notification border { border: none; } .app-notification button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .app-notification button.flat, .app-notification button.sidebar-button { border-color: rgba(82, 148, 226, 0); } .app-notification button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } .app-notification button:active, .app-notification button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; background-clip: padding-box; } .app-notification button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } expander arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander arrow:hover { color: #aaaeb7; } expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } calendar { color: #5c616c; border: 1px solid #dcdfe3; border-radius: 3px; padding: 2px; } calendar:selected { border-radius: 1.5px; } calendar.header { color: #5c616c; border: none; } calendar.button { color: rgba(92, 97, 108, 0.45); } calendar.button:hover { color: #5c616c; } calendar.button:disabled { color: rgba(92, 97, 108, 0.55); } calendar:indeterminate { color: alpha(currentColor,0.55); } calendar.highlight { color: #5c616c; } messagedialog .titlebar { min-height: 20px; background-color: rgba(231, 232, 235, 0.95); border-bottom: 1px solid rgba(212, 213, 219, 0.95); } messagedialog .dialog-action-area button { padding: 8px; min-height: 0; } messagedialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } messagedialog.csd .dialog-action-area button { border-bottom-style: none; } messagedialog.csd .dialog-action-area button { border-radius: 0; border-right-style: none; } messagedialog.csd .dialog-action-area button:last-child { border-radius: 0 0 3px 0; border-right-style: none; } messagedialog.csd .dialog-action-area button:first-child { border-radius: 0 0 0 3px; border-left-style: none; } messagedialog.csd .dialog-action-area button:only-child { border-radius: 0 0 3px 3px; border-left-style: none; border-right-style: none; } filechooser #pathbarbox { border-bottom: 1px solid rgba(220, 223, 227, 0.5); } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } .sidebar { border-style: none; background-color: #fbfbfc; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: 1px solid #dcdfe3; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid #dcdfe3; border-right-style: none; } .sidebar list { background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } stacksidebar row { padding: 10px 4px; } stacksidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } placessidebar > viewport.frame { border-style: none; } placessidebar row { min-height: 30px; padding: 0px; } placessidebar row > revealer { padding: 0 10px; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-width: 22px; min-height: 22px; margin-top: 2px; margin-bottom: 2px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: linear-gradient(to bottom, #F08437, #F08437); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #5294e2; } placessidebar row:drop(active):not(:disabled) { box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { color: #F08437; } placessidebar row:drop(active):not(:disabled):selected { background-color: #F08437; } placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { color: #ffffff; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3); background-size: 1px 1px; } paned > separator:selected { background-image: linear-gradient(to bottom, #5294e2, #5294e2); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #F5F6F7; background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3), linear-gradient(to bottom, #dcdfe3, #dcdfe3); background-size: 1px 1px, 1px 1px; } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } infobar { border-style: none; } infobar.info, infobar.question, infobar.warning, infobar.error { background-color: #5294e2; color: #ffffff; caret-color: currentColor; } infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { color: #5294e2; background-color: #ffffff; } .selection-mode.primary-toolbar button:hover, headerbar.selection-mode button:hover, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .nautilus-window .floating-bar button { color: #ffffff; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } row:selected button.flat, row:selected button.sidebar-button, infobar.info button.flat, infobar.info button.sidebar-button, infobar.question button.flat, infobar.question button.sidebar-button, infobar.warning button.flat, infobar.warning button.sidebar-button, infobar.error button.flat, infobar.error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } .selection-mode.primary-toolbar button:disabled, headerbar.selection-mode button:disabled, row:selected button.flat:disabled, row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.info button.sidebar-button:disabled, infobar.question button.flat:disabled, infobar.question button.sidebar-button:disabled, infobar.warning button.flat:disabled, infobar.warning button.sidebar-button:disabled, infobar.error button.flat:disabled, infobar.error button.sidebar-button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.sidebar-button:disabled, .selection-mode.primary-toolbar button:disabled label, headerbar.selection-mode button:disabled label, row:selected button.flat:disabled label, row:selected button.sidebar-button:disabled label, infobar.info button.flat:disabled label, infobar.info button.sidebar-button:disabled label, infobar.question button.flat:disabled label, infobar.question button.sidebar-button:disabled label, infobar.warning button.flat:disabled label, infobar.warning button.sidebar-button:disabled label, infobar.error button.flat:disabled label, infobar.error button.sidebar-button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.sidebar-button:disabled label { color: rgba(255, 255, 255, 0.4); } row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .nautilus-window .floating-bar button:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } .selection-mode.primary-toolbar button:active, headerbar.selection-mode button:active, .selection-mode.primary-toolbar button:checked, headerbar.selection-mode button:checked, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .nautilus-window .floating-bar button:active, .selection-mode.primary-toolbar button:hover:active, headerbar.selection-mode button:hover:active, .selection-mode.primary-toolbar button:hover:checked, headerbar.selection-mode button:hover:checked, row:selected button:active:hover, infobar.info button:active:hover, infobar.question button:active:hover, infobar.warning button:active:hover, infobar.error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .nautilus-window .floating-bar button:checked { color: #5294e2; background-color: #ffffff; border-color: #ffffff; } row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled { background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.4); } row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label, .nautilus-window .floating-bar button:disabled label { color: rgba(255, 255, 255, 0.5); } .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:checked, .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:active, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { color: #5294e2; background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.4); } tooltip { border-radius: 2px; box-shadow: none; } tooltip.background { background-color: rgba(75, 81, 98, 0.95); background-clip: padding-box; } tooltip.background label { padding: 4px; } tooltip decoration { background-color: transparent; } tooltip * { background-color: transparent; color: #BAC3CF; } colorswatch, colorswatch:drop(active) { border-style: none; } colorswatch.top { border-top-left-radius: 2.5px; border-top-right-radius: 2.5px; } colorswatch.top overlay { border-top-left-radius: 2px; border-top-right-radius: 2px; } colorswatch.bottom { border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 2.5px; border-bottom-left-radius: 2.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 2.5px; border-bottom-right-radius: 2.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } colorswatch.dark overlay { color: rgba(255, 255, 255, 0.7); } colorswatch.dark overlay:hover { border-color: rgba(0, 0, 0, 0.5); } colorswatch.light overlay { color: rgba(0, 0, 0, 0.7); } colorswatch.light overlay:hover { border-color: rgba(0, 0, 0, 0.3); } colorswatch overlay { border: 1px solid rgba(0, 0, 0, 0.15); } colorswatch overlay:hover { background-color: rgba(255, 255, 255, 0.2); } colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } colorswatch#add-color-button { border-style: solid; border-width: 1px; color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } colorswatch#add-color-button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; } colorswatch#add-color-button overlay { border-color: transparent; background-color: transparent; background-image: none; } button.color { padding: 0; } button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { margin: 4px; border-radius: 0; } colorchooser .popover.osd { border-radius: 3px; } .content-view { background-color: #ffffff; } .content-view:hover { -gtk-icon-effect: highlight; } .scale-popup button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; } .context-menu, popover.touch-selection, .csd popover.touch-selection, popover.background.touch-selection, .csd popover.background.touch-selection { font: initial; } .monospace { font-family: Monospace; } button.circular, button.nautilus-circular-button.image-button, button.circular-button { padding: 0; min-width: 16px; min-height: 24px; padding: 2px 6px; border-radius: 50%; -gtk-outline-radius: 50%; } button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { padding: 0; } .keycap { min-width: 16px; min-height: 20px; padding: 3px 6px 4px 6px; color: #5c616c; background-color: #ffffff; border: 1px solid #dcdfe3; border-radius: 2.5px; box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); } stackswitcher button.text-button { min-width: 80px; } stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { min-width: 0; } *:drop(active):focus, *:drop(active) { box-shadow: inset 0 0 0 1px #F08437; } decoration { border-radius: 4px 4px 0 0; border-width: 0px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.2); margin: 10px; } decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); transition: 200ms ease-out; } .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration { box-shadow: none; border-radius: 0; } .ssd decoration { border-radius: 4px 4px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } .ssd decoration.maximized { border-radius: 0; } .csd.popup decoration { border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } tooltip.csd decoration { border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } messagedialog.csd decoration { border-radius: 3px; } .solid-csd decoration { border-radius: 0; margin: 1px; background-color: rgba(231, 232, 235, 0.95); box-shadow: none; } headerbar.default-decoration button.titlebutton, .titlebar.default-decoration button.titlebutton { padding: 0 4px; min-width: 0; min-height: 0; margin: 0; } headerbar button.titlebutton, .titlebar button.titlebutton { padding: 0; min-width: 24px; border-color: transparent; background-color: transparent; background-image: none; background-color: rgba(231, 232, 235, 0); } headerbar button.titlebutton:hover, .titlebar button.titlebutton:hover { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } headerbar button.titlebutton:active, headerbar button.titlebutton:checked, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, .titlebar button.titlebutton.close, .titlebar button.titlebutton.maximize, .titlebar button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; } headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.close:backdrop, .titlebar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.minimize:backdrop { opacity: 1; } headerbar button.titlebutton.close, .titlebar button.titlebutton.close { background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } headerbar button.titlebutton.close:backdrop, .titlebar button.titlebutton.close:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); } headerbar button.titlebutton.close:hover, .titlebar button.titlebutton.close:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } headerbar button.titlebutton.close:active, .titlebar button.titlebutton.close:active { background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize { background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); } headerbar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.maximize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); } headerbar button.titlebutton.maximize:hover, .titlebar button.titlebutton.maximize:hover { background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); } headerbar button.titlebutton.maximize:active, .titlebar button.titlebutton.maximize:active { background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); } headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize { background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); } headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.minimize:backdrop { background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); } headerbar button.titlebutton.minimize:hover, .titlebar button.titlebutton.minimize:hover { background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); } headerbar button.titlebutton.minimize:active, .titlebar button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); } .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { background-color: #5294e2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { color: #ffffff; } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, modelbutton.flat:disabled:active, modelbutton.flat:active arrow:disabled, modelbutton.flat:disabled:selected, modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:active:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:active:hover { color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked, terminal-window notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -1px #dcdfe3; } terminal-window notebook > header.top, .mate-terminal notebook > header.top { padding-top: 3px; box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } terminal-window notebook > header.top button, .mate-terminal notebook > header.top button { padding: 0; min-width: 24px; min-height: 24px; } .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item, .caja-desktop { color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active, .caja-desktop:active { color: #5c616c; } .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected, .caja-desktop:selected { color: #ffffff; text-shadow: none; } .nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { color: #a9acb2; } .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { color: #dceaf9; } .nautilus-window searchbar { border-top: 1px solid #dcdfe3; } .nautilus-window .searchbar-container { margin-top: -1px; } .nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #ffffff; } .disk-space-display { border-style: solid; border-width: 1px; } .disk-space-display.unknown { background-color: rgba(92, 97, 108, 0.5); border-color: rgba(69, 72, 80, 0.5); } .disk-space-display.used { background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { background-color: #edeef0; border-color: #d0d5da; } @keyframes needs_attention_keyframes { 0% { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } 100% { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes 2s ease-in-out; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes 3s ease-in-out; animation-iteration-count: 3; } .conflict-row.activatable, .conflict-row.activatable:active { color: white; background-color: #FC4138; } .conflict-row.activatable:hover { background-color: #fd716a; } .conflict-row.activatable:selected { color: #ffffff; background-color: #5294e2; } .nemo-window .nemo-places-sidebar.frame { border-width: 0; } .nemo-window notebook { background-color: #ffffff; } .nemo-window .nemo-window-pane widget.entry { border: 1px solid; border-radius: 3px; color: #5c616c; border-color: #5294e2; background-color: #ffffff; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { margin: 0 0 1px 0; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { background-color: rgba(255, 255, 255, 0.9); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { color: rgba(82, 93, 118, 0.4); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { border-left-style: none; } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } .caja-notebook { border-top: 1px solid #dcdfe3; } .caja-side-pane .frame { border-width: 1px 0 0; } .caja-notebook .frame { border-width: 0 0 1px; } .open-document-selector-treeview.view, iconview.open-document-selector-treeview { padding: 3px 6px 3px 6px; border-color: #ffffff; } .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { background-color: #f4f4f5; } .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { color: #ffffff; background-color: #5294e2; } .open-document-selector-name-label { color: #5c616c; } .open-document-selector-path-label { color: #aeb0b6; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } .gedit-document-panel row button { min-width: 22px; min-height: 22px; padding: 0; color: transparent; background: none; border: none; box-shadow: none; } .gedit-document-panel row button image { color: inherit; } .gedit-document-panel row:hover:not(:selected) button { color: #92959d; } .gedit-document-panel row:hover:not(:selected) button:hover { color: #ff4d4d; } .gedit-document-panel row:hover:not(:selected) button:active { color: #5c616c; } .gedit-document-panel row:hover:selected button:hover { color: #ff6666; background: none; border: none; box-shadow: none; } .gedit-document-panel row:hover:selected button:hover:active { color: #ffffff; } .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; color: #5c616c; } .gedit-side-panel-paned statusbar { border-top: 1px solid #dcdfe3; background-color: #F5F6F7; } .gedit-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); border: none; margin: 2px; padding: 2px; } .gedit-map-frame border { border-color: rgba(0, 0, 0, 0.3); border-width: 0; } .gedit-map-frame border:dir(ltr) { border-left-width: 1px; } .gedit-map-frame border:dir(rtl) { border-right-width: 1px; } .pluma-window statusbar frame > border { border: none; } .pluma-window notebook > stack scrolledwindow { border-width: 0 0 1px 0; } #pluma-status-combo-button { min-height: 0; padding: 0; border-top: none; border-bottom: none; border-radius: 0; } .gb-search-entry-occurrences-tag { background: none; } workbench.csd > stack.titlebar:not(headerbar) { padding: 0; background: none; border: none; box-shadow: none; } workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { border-radius: 4px 4px 0 0; } editortweak .linked > entry.search:focus + .gb-linked-scroller { border-top-color: #5294e2; } layouttab { background-color: #ffffff; } layout { border: 1px solid #dcdfe3; -PnlDockBin-handle-size: 1; } eggsearchbar box.search-bar { border-bottom: 1px solid #dcdfe3; } pillbox { color: #ffffff; background-color: #5294e2; border-radius: 3px; } pillbox:disabled label { color: rgba(255, 255, 255, 0.5); } docktabstrip { padding: 0 6px; background-color: #F5F6F7; border-bottom: 1px solid #dcdfe3; } docktabstrip docktab { min-height: 28px; border: solid transparent; border-width: 0 1px; } docktabstrip docktab label { opacity: 0.5; } docktabstrip docktab:checked label, docktabstrip docktab:hover label { opacity: 1; } docktabstrip docktab:checked { border-color: #dcdfe3; background-color: #ffffff; } dockbin { border: 1px solid #dcdfe3; -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid #dcdfe3; } dockoverlayedge { background-color: #F5F6F7; } dockoverlayedge docktabstrip { padding: 0; border: none; } dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { border-width: 1px 0; } popover.messagepopover.background { padding: 0; } popover.messagepopover .popover-content-area { margin: 16px; } popover.messagepopover .popover-action-area { margin: 8px; } popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { margin: 0 4px; } popover.popover-selector { padding: 0; } popover.popover-selector list row { padding: 5px 0; } popover.popover-selector list row image { margin-left: 3px; margin-right: 10px; } entry.search.preferences-search { border: none; border-right: 1px solid #dcdfe3; border-bottom: 1px solid #dcdfe3; border-radius: 0; } preferences stacksidebar.sidebar list { background-image: linear-gradient(to bottom, #ffffff, #ffffff); } preferences stacksidebar.sidebar list separator { background-color: transparent; } devhelppanel entry:focus, symboltreepanel entry:focus { border-color: #dcdfe3; } button.run-arrow-button { min-width: 12px; } omnibar.linked > entry:not(:only-child) { border-style: solid; border-radius: 3px; margin-left: 1px; margin-right: 1px; } gstyleslidein #scale_box button.toggle:checked, gstyleslidein #strings_controls button.toggle:checked, gstyleslidein #palette_controls button.toggle:checked, gstyleslidein #components_controls button.toggle:checked { color: #5c616c; } configurationview entry.flat { background: none; } configurationview list { border-width: 0; } .documents-scrolledwin.frame { border-width: 0; } button.documents-load-more { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: #5294e2; color: #ffffff; border-radius: 2px; } .documents-collection-icon, .photos-collection-icon { background-color: rgba(92, 97, 108, 0.3); border-radius: 2px; } button.documents-favorite:active, button.documents-favorite:active:hover { color: #a9caf1; } .documents-entry-tag, .photos-entry-tag { color: #ffffff; background: #5294e2; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover, .photos-entry-tag:hover { color: #ffffff; background: #639fe5; } .documents-entry-tag:active, .photos-entry-tag:active { color: #ffffff; background: #4189df; } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } .photos-fade-in { opacity: 1.0; transition: opacity 0.2s ease-out; } .photos-fade-out { opacity: 0.0; transition: opacity 0.2s ease-out; } .tweak-categories, .tweak-category:not(:selected):not(:hover) { background-image: linear-gradient(to bottom, #ffffff, #ffffff); } .tr-workarea undershoot, .tr-workarea overshoot { border-color: transparent; } .atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar { background: none; } #gf-bubble, #gf-bubble.solid, #gf-osd-window, #gf-osd-window.solid, #gf-input-source-popup, #gf-input-source-popup.solid, #gf-candidate-popup, #gf-candidate-popup.solid { color: #cfd5de; background-color: rgba(53, 57, 69, 0.95); border: 1px solid rgba(35, 38, 46, 0.95); border-radius: 2px; } #gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, #gf-osd-window levelbar block.low, #gf-osd-window levelbar block.high, #gf-osd-window levelbar block.full, #gf-input-source-popup levelbar block.low, #gf-input-source-popup levelbar block.high, #gf-input-source-popup levelbar block.full, #gf-candidate-popup levelbar block.low, #gf-candidate-popup levelbar block.high, #gf-candidate-popup levelbar block.full { background-color: #5294e2; border-color: #5294e2; } #gf-bubble levelbar block.empty, #gf-osd-window levelbar block.empty, #gf-input-source-popup levelbar block.empty, #gf-candidate-popup levelbar block.empty { background-color: rgba(42, 45, 55, 0.95); } #gf-bubble levelbar trough, #gf-osd-window levelbar trough, #gf-input-source-popup levelbar trough, #gf-candidate-popup levelbar trough { background: none; } #gf-input-source { min-height: 32px; min-width: 40px; } #gf-input-source:selected { color: #ffffff; background-color: #5294e2; border-radius: 2px; } gf-candidate-box label { padding: 3px; } gf-candidate-box:hover, gf-candidate-box:selected { color: #ffffff; background-color: #5294e2; border-radius: 2px; } MsdOsdWindow.background.osd { border-radius: 2px; border: 1px solid rgba(35, 38, 46, 0.95); } MsdOsdWindow.background.osd .progressbar { background-color: #5294e2; border: none; border-color: red; border-radius: 5px; } MsdOsdWindow.background.osd .trough { background-color: rgba(42, 45, 55, 0.95); border: none; border-radius: 5px; } .mate-panel-menu-bar, .mate-panel-menu-bar menubar, panel-toplevel.background, panel-toplevel.background menubar { background-color: #2b2e37; } .mate-panel-menu-bar menubar, .mate-panel-menu-bar #PanelApplet label, .mate-panel-menu-bar #PanelApplet image, panel-toplevel.background menubar, panel-toplevel.background #PanelApplet label, panel-toplevel.background #PanelApplet image { color: #BAC3CF; } .mate-panel-menu-bar button label, .mate-panel-menu-bar button image, .mate-panel-menu-bar #tasklist-button label, .mate-panel-menu-bar #tasklist-button image, panel-toplevel.background button label, panel-toplevel.background button image, panel-toplevel.background #tasklist-button label, panel-toplevel.background #tasklist-button image { color: inherit; } .mate-panel-menu-bar .wnck-pager, panel-toplevel.background .wnck-pager { color: #5d6268; background-color: rgba(20, 22, 27, 0.95); } .mate-panel-menu-bar .wnck-pager:hover, panel-toplevel.background .wnck-pager:hover { background-color: rgba(54, 58, 70, 0.95); } .mate-panel-menu-bar .wnck-pager:selected, panel-toplevel.background .wnck-pager:selected { color: #a9caf1; background-color: #5294e2; } .mate-panel-menu-bar na-tray-applet, panel-toplevel.background na-tray-applet { -NaTrayApplet-icon-padding: 0; -NaTrayApplet-icon-size: 16px; } .xfce4-panel.panel { background-color: rgba(43, 46, 55, 0.95); text-shadow: none; -gtk-icon-shadow: none; } #tasklist-button { color: rgba(186, 195, 207, 0.8); border-radius: 0; border: none; background-color: rgba(43, 46, 55, 0); } #tasklist-button:hover { color: #d8dde4; background-color: rgba(0, 0, 0, 0.17); } #tasklist-button:checked { color: white; background-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 -2px #5294e2; } .mate-panel-menu-bar button:not(#tasklist-button), panel-toplevel.background button:not(#tasklist-button), .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { color: #BAC3CF; border-radius: 0; border: none; background-color: rgba(43, 46, 55, 0); } .mate-panel-menu-bar button:hover:not(#tasklist-button), panel-toplevel.background button:hover:not(#tasklist-button), .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { border: none; background-color: rgba(65, 70, 84, 0.95); } .mate-panel-menu-bar button:active:not(#tasklist-button), panel-toplevel.background button:active:not(#tasklist-button), .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .mate-panel-menu-bar button:checked:not(#tasklist-button), panel-toplevel.background button:checked:not(#tasklist-button), .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { color: #ffffff; border: none; background-color: #5294e2; } .mate-panel-menu-bar button:active:not(#tasklist-button) label, panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.sidebar-button:active label, .mate-panel-menu-bar button:active:not(#tasklist-button) image, panel-toplevel.background button:active:not(#tasklist-button) image, .xfce4-panel.panel button.flat:active image, .xfce4-panel.panel button.sidebar-button:active image, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.sidebar-button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, panel-toplevel.background button:checked:not(#tasklist-button) image, .xfce4-panel.panel button.flat:checked image, .xfce4-panel.panel button.sidebar-button:checked image { color: inherit; } .nautilus-window .floating-bar { padding: 1px; background-color: #5294e2; color: #ffffff; border-radius: 2px 2px 0 0; } .nautilus-window .floating-bar.bottom.left { border-top-left-radius: 0; } .nautilus-window .floating-bar.bottom.right { border-top-right-radius: 0; } .nautilus-window .floating-bar button { border: none; border-radius: 0; min-height: 0; } .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(255, 255, 255, 0.9); } .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } .marlin-pathbar.pathbar:disabled { color: rgba(82, 93, 118, 0.35); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(255, 255, 255, 0.75); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294e2; } .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, white, white); background-color: transparent; } .gala-notification .title, .gala-notification .label { color: #5c616c; } .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .panel-shadow { background-image: none; background-color: transparent; } .panel .menu { box-shadow: none; } .panel .menu .menuitem { font-weight: normal; text-shadow: none; -gtk-icon-shadow: none; } .panel .menu .window-frame.menu.csd, .panel .menu .window-frame.popup.csd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .panel .menubar > .menuitem { padding: 3px 6px; } .panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { box-shadow: none; } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { border-style: none; background-image: none; box-shadow: none; } .composited-indicator > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1; } UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: #5294e2; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration .top { border: 1px solid rgba(0, 0, 0, 0.1); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: linear-gradient(to bottom, #e7e8eb, #e7e8eb); color: rgba(82, 93, 118, 0.8); box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } UnityDecoration .top:backdrop { border-bottom-width: 0; color: rgba(82, 93, 118, 0.5); } UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #2f343f, #2f343f); color: #f6f7f9; box-shadow: none; } UnityPanelWidget:backdrop, .unity-panel:backdrop { color: #bdc6d1; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: #ffffff; background-image: linear-gradient(to bottom, #5294e2, #5294e2); border-bottom: none; } .lightdm.menu { background-image: none; background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.8); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: rgba(253, 253, 254, 0.95); border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: rgba(255, 255, 255, 0.8); background-image: none; background-color: rgba(0, 0, 0, 0.5); } .lightdm.menubar > .menuitem { padding: 2px 6px; } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focus, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focus { background-image: none; border-image: none; } .lightdm.button:focus, .lightdm.entry:focus { border-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: rgba(255, 255, 255, 0.8); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; } .lightdm.toggle-button.selected { background-color: rgba(0, 0, 0, 0.7); border-width: 1px; } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } .overlay-bar { background-color: #5294e2; border-color: #5294e2; border-radius: 2px; padding: 3px 6px; margin: 3px; } .overlay-bar label { color: #ffffff; } GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid #dcdfe3; border-right: 1px solid #dcdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } .help_button { border-radius: 100px; padding: 3px 9px; } toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; border-bottom: 1px solid #dcdfe3; } toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { padding: 0 3px 0 3px; } toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: #dcdfe3; background-color: #F5F6F7; } toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { padding: 2px 3px 2px 3px; } .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view, iconview.source-list { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:hover, iconview.source-list:hover { background-color: white; } .source-list.view:selected, iconview.source-list:selected, .source-list.view:hover:selected, iconview.source-list:hover:selected, .source-list.view:selected:focus, iconview.source-list:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294e2; } .source-list scrollbar, .source-list junction { border-image: none; border-color: transparent; background-color: #F5F6F7; background-image: none; } .source-list.badge, .source-list.badge:hover, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:hover:selected { background-image: none; background-color: #5294e2; color: #ffffff; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:hover:selected { background-color: #ffffff; color: #5294e2; } .source-list.category-expander { color: #5c616c; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome label { color: #a9acb2; font-size: 11px; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(92, 97, 108, 0.8); } .help_button { border-radius: 0; } GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid rgba(0, 0, 0, 0.3); margin: 0; } .popover_bg { background-image: linear-gradient(to bottom, #ffffff, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, GraniteWidgetsPopOver * { background-color: transparent; } GraniteWidgetsXsEntry entry { padding: 4px; } .h1 { font-size: 24px; } .h2 { font-size: 18px; } .h3 { font-size: 11px; } .h4, .category-label { color: #8a8e96; font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4 { padding-left: 6px; } #panel_window { background-color: rgba(43, 46, 55, 0.95); color: #BAC3CF; font-weight: bold; box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } #panel_window menubar { padding-left: 5px; } #panel_window menubar, #panel_window menubar > menuitem { background-color: transparent; color: #BAC3CF; font-weight: bold; } #panel_window menubar menuitem:disabled { color: rgba(186, 195, 207, 0.5); } #panel_window menubar menuitem:disabled label { color: inherit; } #panel_window menubar menu > menuitem { font-weight: normal; } #login_window, #shutdown_dialog, #restart_dialog { font-weight: normal; border-style: none; background-color: transparent; color: #5c616c; } #content_frame { padding-bottom: 14px; background-color: #F5F6F7; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame button { color: #5c616c; border-color: #cfd6e6; background-color: #fbfbfc; } #content_frame button:hover { color: #5c616c; border-color: #cfd6e6; background-color: white; } #content_frame button:active, #content_frame button:checked { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } #content_frame button:disabled { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } #content_frame button:disabled label, #content_frame button:disabled { color: rgba(92, 97, 108, 0.55); } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: rgba(53, 57, 69, 0.95); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px rgba(53, 57, 69, 0.95); } #buttonbox_frame button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } #buttonbox_frame button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } #buttonbox_frame button:active, #buttonbox_frame button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } #buttonbox_frame button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } #login_window #user_combobox { color: #5c616c; font-size: 13px; } #login_window #user_combobox menu { font-weight: normal; } #user_image { padding: 3px; border-radius: 2px; } #shutdown_button.button { background-clip: border-box; color: green; background-color: #F04A50; border-color: #F04A50; } #shutdown_button.button:hover { background-clip: border-box; color: green; background-color: #f4797e; border-color: #f4797e; } #shutdown_button.button:active, #shutdown_button.button:checked { background-clip: border-box; color: green; background-color: #ec1b22; border-color: #ec1b22; } #restart_button.button { background-clip: border-box; color: green; background-color: #4DADD4; border-color: #4DADD4; } #restart_button.button:hover { background-clip: border-box; color: green; background-color: #76c0de; border-color: #76c0de; } #restart_button.button:active, #restart_button.button:checked { background-clip: border-box; color: green; background-color: #2e96c0; border-color: #2e96c0; } #greeter_infobar { border-bottom-width: 0; font-weight: bold; } .nautilus-window paned > separator { background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95), rgba(53, 57, 69, 0.95)); } .nautilus-window paned > separator:dir(ltr) { margin-left: -1px; } .nautilus-window paned > separator:dir(rtl) { margin-right: -1px; } filechooser paned > separator { background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95), rgba(53, 57, 69, 0.95)); } filechooser.csd.background, filechooser placessidebar list, .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } filechooser placessidebar.sidebar, .nautilus-window placessidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } filechooser placessidebar.sidebar row.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row { border: none; color: #BAC3CF; } filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { color: rgba(186, 195, 207, 0.6); } filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:hover, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row:hover { background-color: rgba(186, 195, 207, 0.15); } filechooser placessidebar.sidebar row.sidebar-row:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled label, filechooser placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image { color: rgba(186, 195, 207, 0.4); } filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon { color: inherit; } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button { color: #BAC3CF; } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { color: #ffffff; border-color: #5294e2; background-color: #5294e2; } filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { color: #5294e2; } filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { color: inherit; } filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { color: #F08437; } filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { background-color: #F08437; } filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { color: #ffffff; } filechooser placessidebar.sidebar separator, .nautilus-window placessidebar.sidebar separator { background-color: transparent; } filechooser.maximized placessidebar.sidebar, .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } .nemo-window .sidebar { color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); } .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { background-color: transparent; color: #BAC3CF; } .nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { background-color: #5294e2; color: #ffffff; } .nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { color: rgba(123, 129, 141, 0.975); } .nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { color: #BAC3CF; } .nemo-window .sidebar separator { background-color: transparent; } .caja-side-pane, .caja-side-pane > notebook > stack > widget > box, .caja-side-pane text, .caja-side-pane treeview { color: #BAC3CF; caret-color: #BAC3CF; background-color: #353945; } .caja-side-pane > box button:not(:active):not(:checked) { color: #BAC3CF; } .caja-side-pane .frame { border-color: #2a2d37; } .caja-side-pane junction { background-color: rgba(42, 45, 55, 0.95); } filechooser actionbar { color: #BAC3CF; background-color: rgba(53, 57, 69, 0.95); border-color: rgba(37, 40, 49, 0.95); } filechooser actionbar label, filechooser actionbar combobox { color: #BAC3CF; } .gedit-bottom-panel-paned { background-color: #ffffff; } .gedit-side-panel-paned > separator { background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95), rgba(53, 57, 69, 0.95)); } .gedit-bottom-panel-paned > separator { background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3); } .gedit-document-panel { background-color: rgba(53, 57, 69, 0.95); } .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel row { color: #BAC3CF; background-color: rgba(186, 195, 207, 0); } .gedit-document-panel row:hover { background-color: rgba(186, 195, 207, 0.15); } .gedit-document-panel row:active { color: #ffffff; background-color: #5294e2; } .gedit-document-panel row:active button { color: #ffffff; } .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { color: #ffffff; background-color: #5294e2; } .gedit-document-panel row:hover:not(:selected) button:active { color: #BAC3CF; } filechooser actionbar button { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } .caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } filechooser actionbar button:active, filechooser actionbar button:checked { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } filechooser actionbar button:disabled { color: #5d626e; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.2); } filechooser actionbar entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-color: rgba(102, 109, 132, 0.35); } filechooser actionbar entry image, filechooser actionbar entry image:hover { color: inherit; } filechooser actionbar entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-color: #5294e2; } filechooser actionbar entry:disabled { color: rgba(186, 195, 207, 0.55); background-color: rgba(102, 109, 132, 0.2); } filechooser placessidebar.sidebar scrollbar, .nautilus-window placessidebar.sidebar scrollbar, .nemo-window .sidebar scrollbar, .caja-side-pane scrollbar { border-color: rgba(42, 45, 55, 0.95); } filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nemo-window .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } filechooser placessidebar.sidebar scrollbar slider, .nautilus-window placessidebar.sidebar scrollbar slider, .nemo-window .sidebar scrollbar slider, .caja-side-pane scrollbar slider { background-color: rgba(231, 234, 238, 0.7); } filechooser placessidebar.sidebar scrollbar slider:hover, .nautilus-window placessidebar.sidebar scrollbar slider:hover, .nemo-window .sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { background-color: #f6f7f9; } filechooser placessidebar.sidebar scrollbar slider:hover:active, .nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .nemo-window .sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { background-color: #5294e2; } filechooser placessidebar.sidebar scrollbar slider:disabled, .nautilus-window placessidebar.sidebar scrollbar slider:disabled, .nemo-window .sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { background-color: transparent; } filechooser placessidebar.sidebar scrollbar trough, .nautilus-window placessidebar.sidebar scrollbar trough, .nemo-window .sidebar scrollbar trough, .caja-side-pane scrollbar trough { background-color: rgba(42, 45, 55, 0.95); } @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; @define-color theme_base_color #ffffff; @define-color theme_selected_bg_color #5294e2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #5c616c; @define-color text_color #5c616c; @define-color bg_color #F5F6F7; @define-color base_color #ffffff; @define-color selected_bg_color #5294e2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #fbfbfc; @define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; @define-color borders #dcdfe3; @define-color unfocused_borders #dcdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; @define-color link_color #2679db; @define-color content_view_bg #ffffff; @define-color wm_title alpha(#525d76, 0.8); @define-color wm_unfocused_title alpha(#525d76, 0.5); @define-color wm_bg #e7e8eb; @define-color wm_bg_unfocused #eff0f2; @define-color wm_highlight #eff0f2; @define-color wm_shadow alpha(black, 0.35); @define-color wm_button_close_bg #f46067; @define-color wm_button_close_hover_bg #f68086; @define-color wm_button_close_active_bg #f13039; @define-color wm_icon_close_bg #F8F8F9; @define-color wm_button_hover_bg #fdfdfd; @define-color wm_button_active_bg #5294e2; @define-color wm_button_hover_border #D1D3DA; @define-color wm_icon_bg #90949E; @define-color wm_icon_unfocused_bg #B6B8C0; @define-color wm_icon_hover_bg #7A7F8B; @define-color wm_icon_active_bg #ffffff; ================================================ FILE: common/gtk-3.0/3.20/render-assets.sh ================================================ #! /bin/bash INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" SRC_FILE="assets.svg" ASSETS_DIR="assets" INDEX="assets.txt" for i in `cat $INDEX` do if [ -f $ASSETS_DIR/$i.png ]; then echo $ASSETS_DIR/$i.png exists. else echo echo Rendering $ASSETS_DIR/$i.png $INKSCAPE --export-id=$i \ --export-id-only \ --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null \ && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png fi if [ -f $ASSETS_DIR/$i@2.png ]; then echo $ASSETS_DIR/$i@2.png exists. else echo echo Rendering $ASSETS_DIR/$i@2.png $INKSCAPE --export-id=$i \ --export-dpi=180 \ --export-id-only \ --export-png=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null \ && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png fi done exit 0 ================================================ FILE: common/gtk-3.0/3.20/sass/_applications.scss ================================================ // // Tab overrides // .gedit-bottom-panel-paned notebook, terminal-window notebook { > header.top > tabs > tab:checked { box-shadow: inset 0 -1px $borders_color; } } // // GNOME Terminal, MATE Terminal // terminal-window, .mate-terminal { notebook { > header.top { padding-top: 3px; box-shadow: inset 0 1px opacify($header_border, 1), inset 0 -1px $borders_color; button { padding: 0; min-width: 24px; min-height: 24px; } } } } // // Nautilus // .nautilus-canvas-item { border-radius: 2px; } .nautilus-desktop.nautilus-canvas-item { color: white; text-shadow: 1px 1px transparentize(black, 0.4); &:active { color: $fg_color; } &:selected { color: $selected_fg_color; text-shadow: none; } } .nautilus-canvas-item.dim-label, .nautilus-list-dim-label { color: mix($fg_color, $bg_color, 50%); &:selected, &:selected:focus { color: mix($selected_fg_color, $selected_bg_color, 80%); } } .nautilus-window { // Workaround for https://bugzilla.gnome.org/show_bug.cgi?id=724096 searchbar { border-top: 1px solid $borders_color; } .searchbar-container { margin-top: -1px; } } .nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: $base_color; } button.nautilus-circular-button.image-button { @extend button.circular; } $disk_space_unknown: transparentize($fg_color, 0.5); $disk_space_used: transparentize($selected_bg_color, 0.2); $disk_space_free: darken($bg_color, 3%); .disk-space-display { border-style: solid; border-width: 1px; &.unknown { background-color: $disk_space_unknown; border-color: darken($disk_space_unknown, 10%); } &.used { background-color: $disk_space_used; border-color: darken($disk_space_used, 10%); } &.free { background-color: $disk_space_free; border-color: darken($disk_space_free, 10%); } } @keyframes needs_attention_keyframes { 0% { @include button(header-hover); } 100% { @include button(header-active) } } .nautilus-operations-button-needs-attention { animation: needs_attention_keyframes 2s ease-in-out; } .nautilus-operations-button-needs-attention-multiple { animation: needs_attention_keyframes 3s ease-in-out; animation-iteration-count: 3; } // Batch renaming dialog .conflict-row.activatable { &, &:active { color: $error_fg_color; background-color: $error_color; } &:hover { background-color: lighten($error_color, 10%); } &:selected { color: $selected_fg_color; background-color: $selected_bg_color; } } // // Nemo // .nemo-desktop.nemo-canvas-item { @extend .nautilus-desktop.nautilus-canvas-item; } .nemo-window { .nemo-places-sidebar.frame { border-width: 0; } notebook { background-color: $base_color; } // Rename entry .nemo-window-pane widget.entry { border: 1px solid; border-radius: 3px; @include entry(focus); &:selected { &:focus, & { @extend %selected_items; }} } // Pathbar .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) { > button { &:not(:last-child):not(:only-child) { margin: 0 0 1px 0; } @include button(header-hover); &:hover { background-color: lighten($header_button_bg, 15%); } &:active, &:checked { @include button(header-active); } &:disabled { color: transparentize($header_fg, 0.4); } &, &:hover, &:active, &:checked, &:disabled { @extend %linked; } } @include pathbar_linking_rules($sep_color:$header_button_border); } } // // Caja // .caja-desktop { @extend .nautilus-desktop.nautilus-canvas-item; } .caja-notebook { border-top: 1px solid $borders_color; } .caja-side-pane .frame { border-width: 1px 0 0; } .caja-notebook .frame { border-width: 0 0 1px; } // // Gedit // .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: $base_color; // disable borders, making them transparent doesn't work for some reason &:hover { background-color: mix($fg_color, $base_color, 7%); &:selected { color: $selected_fg_color; background-color: $selected_bg_color; } } } .open-document-selector-name-label { color: $fg_color; } .open-document-selector-path-label { color: mix($fg_color, $base_color, 50%); font-size: smaller; &:selected { color: transparentize($selected_fg_color, 0.1); } } .gedit-document-panel { row button { min-width: 22px; min-height: 22px; padding: 0; color: transparent; background: none; border: none; box-shadow: none; image { color: inherit; } } row:hover:not(:selected) button { color: mix($bg_color, $fg_color, 35%); &:hover { color: lighten(red, 15%); } &:active { color: $fg_color; } } row:hover:selected button:hover { color: lighten(red, 20%); background: none; border: none; box-shadow: none; &:active { color: $selected_fg_color; } } } .gedit-document-panel-dragged-row { border: 1px solid $borders_color; background-color: darken($bg_color, 10%); color: $fg_color; } .gedit-side-panel-paned statusbar { border-top: 1px solid $borders_color; background-color: $bg_color; } .gedit-search-slider { background-color: lighten($bg_color, 2%); padding: 6px; border-color: $borders_color; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } .gedit-search-entry-occurrences-tag { color: transparentize($fg_color, 0.4); border: none; margin: 2px; padding: 2px; } .gedit-map-frame { border { @if $variant=='light' { border-color: transparentize(black, 0.7); } border-width: 0; &:dir(ltr) { border-left-width: 1px; } &:dir(rtl) { border-right-width: 1px; } } } // // Pluma // .pluma-window statusbar frame > border { border: none; } .pluma-window notebook > stack scrolledwindow { border-width: 0 0 1px 0; } #pluma-status-combo-button { min-height: 0; padding: 0; border-top: none; border-bottom: none; border-radius: 0; } // // Gnome Builder // // TODO: Merge this with the upstream stylesheet .gb-search-entry-occurrences-tag { background: none; } workbench.csd > stack.titlebar:not(headerbar) { padding: 0; background: none; border: none; box-shadow: none; headerbar { &, &:first-child, &:last-child { border-radius: $_header_radius $_header_radius 0 0; } } } editortweak .linked > entry.search:focus + .gb-linked-scroller { border-top-color: $selected_bg_color; } layouttab { background-color: $base_color; } layout { border: 1px solid $borders_color; -PnlDockBin-handle-size: 1; } eggsearchbar box.search-bar { border-bottom: 1px solid $borders_color; } pillbox { color: $selected_fg_color; background-color: $selected_bg_color; border-radius: 3px; &:disabled label { color: transparentize($selected_fg_color, 0.5) } } docktabstrip { padding: 0 6px; background-color: $bg_color; border-bottom: 1px solid $borders_color; docktab { min-height: 28px; border: solid transparent; border-width: 0 1px; label { opacity: 0.5; } &:checked, &:hover { label { opacity: 1; }} &:checked { border-color: $borders_color; background-color: $base_color; } } } dockbin { border: 1px solid $borders_color; -PnlDockBin-handle-size: 1; } dockpaned { border: 1px solid $borders_color; } dockoverlayedge { background-color: $bg_color; docktabstrip { padding: 0; border: none; } &.left-edge tab:checked, &.right-edge tab:checked { border-width: 1px 0; } } popover.messagepopover { &.background { padding: 0; } .popover-content-area { margin: 16px; } .popover-action-area { margin: 8px; button:not(:first-child):not(:last-child) { margin: 0 4px; } } } popover.popover-selector { padding: 0; list { row { padding: 5px 0; } row image { margin-left: 3px; margin-right: 10px; } } } entry.search.preferences-search { border: none; border-right: 1px solid $borders_color; border-bottom: 1px solid $borders_color; border-radius: 0; } preferences stacksidebar.sidebar { list { background-image: _solid($base_color); } list separator { background-color: transparent; } } devhelppanel entry:focus, symboltreepanel entry:focus { border-color: $borders_color } button.run-arrow-button { min-width: 12px; } omnibar.linked > entry:not(:only-child) { border-style: solid; border-radius: 3px; margin-left: 1px; margin-right: 1px; } gstyleslidein { #scale_box, #strings_controls, #palette_controls, #components_controls { button.toggle:checked { color: $fg_color; } } } configurationview { entry.flat { background: none; } list { border-width: 0; } } // // Epiphany // //EphyWindow .floating-bar { // Epiphany overrides the floating-bar style, so reset it // color: $fg_color; //} // // Gnome Documents // .documents-scrolledwin.frame { border-width: 0; } button.documents-load-more { border-width: 1px 0 0; border-radius: 0; } .documents-icon-bg { background-color: $selected_bg_color; color: $selected_fg_color; border-radius: 2px; } .documents-collection-icon { background-color: transparentize($fg_color, 0.7); border-radius: 2px; } button.documents-favorite:active, button.documents-favorite:active:hover { color: lighten($selected_bg_color, 20%); } .documents-entry-tag { color: $selected_fg_color; background: $selected_bg_color; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; &:hover { color: $selected_fg_color; background: lighten($selected_bg_color, 4%); } &:active { color: $selected_fg_color; background: darken($selected_bg_color, 4%); } } .content-view.document-page { border-style: solid; border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } // // Gnome Photos // .photos-entry-tag { @extend .documents-entry-tag; } .photos-collection-icon { @extend .documents-collection-icon; } .photos-fade-in { opacity: 1.0; transition: opacity 0.2s ease-out; } .photos-fade-out { opacity: 0.0; transition: opacity 0.2s ease-out; } // // Gnome Tweak Tool // .tweak-categories, .tweak-category:not(:selected):not(:hover) { background-image: _solid($base_color); } // // Transmission // .tr-workarea undershoot, .tr-workarea overshoot { border-color: transparent; // Remove black border on over- and undershoot } // // Atril (MATE pdf viewer) // .atril-window .primary-toolbar toolbar { background: none; } // // Gnome Flashback // #gf-bubble, #gf-osd-window, #gf-input-source-popup, #gf-candidate-popup { &, &.solid { color: lighten($osd_fg_color, 7%); background-color: $osd_bg_color; border: 1px solid darken($osd_bg_color, 8%); border-radius: 2px; } levelbar { block { &.low, &.high, &.full { background-color: $selected_bg_color; border-color: $selected_bg_color; } &.empty { background-color: darken($osd_bg_color, 5%); } } trough { background: none; } } // FIXME still needs button styling } #gf-input-source { min-height: 32px; min-width: 40px; &:selected { color: $selected_fg_color; background-color: $selected_bg_color; border-radius: 2px; } } gf-candidate-box { label { padding: 3px; } &:hover, &:selected { color: $selected_fg_color; background-color: $selected_bg_color; border-radius: 2px; } } // // Mate OSD Window // MsdOsdWindow.background.osd { border-radius: 2px; border: 1px solid darken($osd_bg_color, 8%); .progressbar { background-color: $selected_bg_color; border: none; border-color: red; border-radius: 5px; } .trough { background-color: darken($osd_bg_color, 5%); border: none; border-radius: 5px; } } // // Mate/Gnome Flashback Panel // .mate-panel-menu-bar, panel-toplevel.background { &, menubar { background-color: opacify($panel_bg, 1); } menubar, #PanelApplet label, #PanelApplet image { color: $panel_fg; } // Panel buttons button:not(#tasklist-button) { @extend %panelbutton; } button, #tasklist-button { label, image { color: inherit; } } .wnck-pager { color: mix($panel_fg, black, 50%); background-color: darken($panel_bg, 10%); &:hover { background-color: lighten($panel_bg, 5%); } &:selected { color: lighten($selected_bg_color, 20%); background-color: $selected_bg_color; } } na-tray-applet { -NaTrayApplet-icon-padding: 0; -NaTrayApplet-icon-size: 16px; } } // Xfce Panel .xfce4-panel.panel { background-color: $panel_bg; text-shadow: none; -gtk-icon-shadow: none; button.flat { @extend %panelbutton; } } #tasklist-button { color: transparentize($panel_fg, 0.2); border-radius: 0; border: none; background-color: transparentize($panel_bg, 1); &:hover { color: lighten($panel_fg, 10%); background-color: transparentize(black, 0.83); } &:checked { color: white; background-color: transparentize(black, 0.75); box-shadow: inset 0 -2px $selected_bg_color; } } %panelbutton { color: $panel_fg; border-radius: 0; border: none; background-color: transparentize($panel_bg, 1); &:hover { border: none; background-color: lighten($panel_bg, 10%); } &:active, &:checked { color: $selected_fg_color; border: none; background-color: $selected_bg_color; label, image { color: inherit; } } } // // Floating Bar // .nautilus-window .floating-bar { padding: 1px; background-color: $selected_bg_color; color: $selected_fg_color; border-radius: 2px 2px 0 0; &.bottom.left { border-top-left-radius: 0; } &.bottom.right { border-top-right-radius: 0; } button { border: none; border-radius: 0; min-height: 0; @extend %selected-button; } } // Elementary Apps // // Birdie // //BirdieWidgetsTweetList * { // background-image: none; // background-color: transparent; //} // // Marlin / Pantheon Files // //MarlinViewWindow { // // *:selected, *:selected:focus { // color: $selected_fg_color; // background-color: $selected_bg_color; // outline-color: transparent; // } // GtkIconView.view:selected { // &, &:focus, &:hover, &:focus:hover { background-color: transparent; } // } // FMListView, FMColumnView { outline-color: transparent; } //} .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; padding-right: 4px; @include entry(header-normal); &:focus { @include entry(header-focus) } &:disabled { @include entry(header-insensitive) } &:active, &:checked { color: $selected_bg_color; } } // // Gala // .gala-notification { border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-image: _solid(white); background-color: transparent; .title, .label { color: #5c616c; } } // // Wingpanel // .panel { background-color: transparent; color: white; font-weight: bold; text-shadow: 0 1px 2px transparentize(black, 0.4); -gtk-icon-shadow: 0 1px 2px transparentize(black, 0.4); &-shadow { background-image: none; background-color: transparent; } .menu { box-shadow: none; .menuitem { font-weight: normal; text-shadow: none; -gtk-icon-shadow: none; } .window-frame.menu.csd, .window-frame.popup.csd { box-shadow: 0 0 0 1px transparentize(black, 0.8), 0 10px 20px transparentize(black, 0.81), 0 6px 6px transparentize(black, 0.77); } } .menubar > .menuitem { padding: 3px 6px; &:hover { background-color: transparent; } } .window-frame.menu.csd, .window-frame.popup.csd { box-shadow: none; } } .composited-indicator { background-color: transparent; color: white; text-shadow: 0 1px 2px transparentize(black, 0.4); -gtk-icon-shadow: 0 1px 2px transparentize(black, 0.4); > GtkWidget > GtkWidget:first-child { padding: 0 2px; } .menuitem:active, .menuitem:hover { border-style: none; background-image: none; box-shadow: none; } > .popup > .menu { padding-top: 8px; padding-bottom: 8px; } } .panel-app-button > GtkWidget > GtkWidget:first-child { padding: 0 2px 0 4px; } .panel .menu .spinner, .menu .spinner { opacity: 1 } // Fixes sound indicator buttons // // Wingpanel Popover // //WingpanelWidgetsIndicatorPopover.popover { // padding: 0; // // text-shadow: none; // -gtk-icon-shadow: none; // // menuitem { // padding: 5px; // outline-color: transparent; // text-shadow: none; // -gtk-icon-shadow: none; // border: solid transparent; // border-width: 1px 0; // // label, image { padding: 0 3px; } // // &:hover, &:active { // background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95)); // border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93)); // border-width: 1px 0; // } // *:disabled { color: $insensitive_fg_color; } // } //} // // Pantheon Terminal // //PantheonTerminalPantheonTerminalWindow.background { // background-color: transparent; //} // // Switchboard // //SwitchboardCategoryView .view:selected, //SwitchboardCategoryView .view:selected:focus { // color: $fg_color; //} ================================================ FILE: common/gtk-3.0/3.20/sass/_colors-public.scss ================================================ //apps rely on some named colors to be exported // Sass thinks we're using the colors in the variables as strings and may shoot // warning, it's innocuous and can be defeated by using "" + $var @define-color theme_fg_color #{"" + $fg_color}; @define-color theme_text_color #{"" + $text_color}; @define-color theme_bg_color #{"" + $bg_color}; @define-color theme_base_color #{"" + $base_color}; @define-color theme_selected_bg_color #{"" + $selected_bg_color}; @define-color theme_selected_fg_color #{"" + $selected_fg_color}; @define-color fg_color #{"" + $fg_color}; @define-color text_color #{"" + $text_color}; @define-color bg_color #{"" + $bg_color}; @define-color base_color #{"" + $base_color}; @define-color selected_bg_color #{"" + $selected_bg_color}; @define-color selected_fg_color #{"" + $selected_fg_color}; @define-color insensitive_bg_color #{"" + $insensitive_bg_color}; @define-color insensitive_fg_color alpha(#{"" + opacify($insensitive_fg_color, 1)}, 0.5); @define-color insensitive_base_color #{"" + $base_color}; @define-color theme_unfocused_fg_color #{"" + $fg_color}; @define-color theme_unfocused_text_color #{"" + $text_color}; @define-color theme_unfocused_bg_color #{"" + $bg_color}; @define-color theme_unfocused_base_color #{"" + $base_color}; @define-color borders #{"" + $borders_color}; @define-color unfocused_borders #{"" + $borders_color}; @define-color warning_color #{"" + $warning_color}; @define-color error_color #{"" + $error_color}; @define-color success_color #{"" + $success_color}; @define-color placeholder_text_color #{#A8A8A8}; @define-color link_color #{"" + $link_color}; @define-color content_view_bg #{"" + $base_color}; //WM $wm_highlight: lighten(opacify($header_bg, 1), 3%); $wm_bg_unfocused: opacify($header_bg_backdrop, 1); @define-color wm_title alpha(#{"" + opacify($header_fg, 1)}, 0.8); @define-color wm_unfocused_title alpha(#{"" + opacify($header_fg, 1)}, 0.5); @define-color wm_bg #{"" + opacify($header_bg, 1)}; @define-color wm_bg_unfocused #{"" + $wm_bg_unfocused}; @define-color wm_highlight #{"" + $wm_highlight}; @define-color wm_shadow alpha(#{black}, 0.35); //WM Buttons // Close @define-color wm_button_close_bg #{"" + $wm_button_close_bg}; @define-color wm_button_close_hover_bg #{"" + $wm_button_close_hover_bg}; @define-color wm_button_close_active_bg #{"" + $wm_button_close_active_bg}; @define-color wm_icon_close_bg #{"" + $wm_icon_close_bg}; // Minimize, Maximize @define-color wm_button_hover_bg #{"" + $wm_button_hover_bg}; @define-color wm_button_active_bg #{"" + $wm_button_active_bg}; @define-color wm_button_hover_border #{"" + $wm_button_hover_border}; @define-color wm_icon_bg #{"" + $wm_icon_bg}; @define-color wm_icon_unfocused_bg #{"" + $wm_icon_unfocused_bg}; @define-color wm_icon_hover_bg #{"" + $wm_icon_hover_bg}; @define-color wm_icon_active_bg #{"" + $wm_icon_active_bg}; ================================================ FILE: common/gtk-3.0/3.20/sass/_colors.scss ================================================ // When color definition differs for dark and light variant, // it gets @if ed depending on $variant $base_color: if($variant =='light', #ffffff, #404552); $text_color: if($variant == 'light', #5c616c, #D3DAE3); $bg_color: if($variant =='light', #F5F6F7, #383C4A); $fg_color: if($variant =='light', #5c616c, #D3DAE3); $selected_fg_color: #ffffff; $selected_bg_color: #5294e2; $selected_borders_color: darken($selected_bg_color, 20%); $borders_color: if($variant =='light', darken($bg_color,9%), darken($bg_color,6%)); $link_color: if($variant == 'light', darken($selected_bg_color,10%), lighten($selected_bg_color,20%)); $link_visited_color: if($variant == 'light', darken($selected_bg_color,20%), lighten($selected_bg_color,10%)); $selection_mode_bg: if($transparency == 'true', transparentize($selected_bg_color, 0.05), $selected_bg_color); $selection_mode_fg: $selected_fg_color; $warning_color: #F27835; $error_color: #FC4138; $warning_fg_color: white; $error_fg_color: white; $success_color: #73d216; $destructive_color: #F04A50; $suggested_color: #4DADD4; $destructive_fg_color: white; $suggested_fg_color: white; $drop_target_color: #F08437; //insensitive state derived colors $insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); $insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); $header_bg: red; @if $transparency=='true' and $variant=='light' { $header_bg: transparentize(#e7e8eb, 0.05); } @if $transparency=='false' and $variant=='light' { $header_bg: #e7e8eb; } @if $transparency=='true' and ($variant=='dark' or $darker=='true') { $header_bg: transparentize(#2f343f, 0.03); } @if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343f; } $header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%)); $header_border: if($variant == 'light' and $darker=='false', darken($header_bg, 7%), darken($header_bg, 4%)); $header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%)); $header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg); $dark_sidebar_bg: if($transparency == 'true', transparentize(#353945, 0.05), #353945); $dark_sidebar_fg: #BAC3CF; $dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 5%)); $osd_fg_color: $dark_sidebar_fg; $osd_bg_color: $dark_sidebar_bg; $osd_button_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); $osd_button_border: transparentize(darken($osd_bg_color, 12%), 0.6); $osd_entry_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); $osd_entry_border: transparentize(darken($osd_bg_color, 12%), 0.6); $osd_insensitive_bg_color: darken($osd_bg_color, 3%); $osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); $osd_borders_color: transparentize(black, 0.3); $panel_bg: darken($dark_sidebar_bg, 4.7%); $panel_fg: $dark_sidebar_fg; $entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); $entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); $header_entry_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($base_color, 0.1)); $header_entry_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); $button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); $button_border: $entry_border; $header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($button_bg, 0.1)); $header_button_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); //WM Buttons // Close $wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f46067, #cc575d); $wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f68086, #d7787d); $wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #f13039, #be3841); $wm_icon_close_bg: if($variant == 'light' and $darker == 'false',#F8F8F9 , #2f343f); // Minimize, Maximize $wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #454C5C); $wm_button_active_bg: $selected_bg_color; $wm_button_hover_border: if($variant == 'light' and $darker == 'false', #D1D3DA, #262932); $wm_icon_bg: if($variant == 'light' and $darker == 'false', #90949E, #90939B); $wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #B6B8C0, #666A74); $wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #7A7F8B, #C4C7CC); $wm_icon_active_bg: $selected_fg_color; ================================================ FILE: common/gtk-3.0/3.20/sass/_common.scss ================================================ @function gtkalpha($c,$a) { @return unquote("alpha(#{$c},#{$a})"); } $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); $backdrop_transition: 200ms ease-out; $asset_suffix: if($variant=='dark', '-dark', ''); // use dark assets in dark variant $darker_asset_suffix: if($darker=='true', '-dark', $asset_suffix); * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: $error_color; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; // We use the outline properties to signal the focus properties outline-color: gtkalpha(currentColor, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 2px; } // // Base States // .background { color: $fg_color; background-color: if($transparency == 'true', transparentize($bg_color, 0.001), $bg_color); // without this headerbar transparency doesn't seem to work } *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { background-color: $bg_color; color: $fg_color; &:hover { background-color: lighten($bg_color, 10%); color: $fg_color; } &:active { background-color: darken($bg_color, 10%); color: $fg_color; } &:disabled { background-color: $insensitive_bg_color; color: $insensitive_fg_color; } &:selected { background-color: $selected_bg_color; color: $selected_fg_color; } } .view, %view { color: $text_color; background-color: $base_color; &:selected { &, &:focus { @extend %selected_items; border-radius: 2px; } } } .view, textview { text { @extend %view; selection { &:focus, & { @extend %selected_items; }} } } textview border { background-color: mix($bg_color, $base_color, 50%); } iconview { @extend .view; } rubberband, .rubberband { border: 1px solid darken($selected_bg_color, 10%); background-color: transparentize(darken($selected_bg_color, 10%), 0.8); } flowbox { rubberband { @extend rubberband } flowboxchild { padding: 3px; border-radius: 2px; &:selected { @extend %selected_items; outline-offset: -2px; } } } label { &.separator { @extend .dim-label; color: $fg_color; } row:selected &, &:selected { @extend %nobg_selected_items; } selection { color: $selected_fg_color; background-color: $selected_bg_color; } &:disabled { color: $insensitive_fg_color; selection { @extend %selected_items:disabled; } } } .dim-label { opacity: 0.55; } assistant { .sidebar { background-color: $base_color; border-top: 1px solid $borders_color; } &.csd .sidebar { border-top-style: none; } .sidebar label { padding: 6px 12px; } .sidebar label.highlight { background-color: $selected_bg_color; color: $selected_fg_color; } } textview { // This will get overridden by .view, needed by gedit line numbers background-color: $base_color; } %osd, .osd { color: $osd_fg_color; border: none; background-color: $osd_bg_color; background-clip: padding-box; box-shadow: none; } // // Spinner Animations // @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background: none; opacity: 0; // non spinning spinner makes no sense -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); &:checked { opacity: 1; animation: spin 1s linear infinite; &:disabled { opacity: 0.5; } } } // // Text Entries // entry { min-height: 22px; border: 1px solid; padding: 2px 8px; caret-color: currentColor; border-radius: 3px; transition: all 200ms $ease-out-quad; &.search { border-radius: 20px; } @include entry(normal); image { // icons inside the entry color: mix($fg_color,$base_color,80%); &.left { padding-left: 0; padding-right: 5px; } &.right { padding-right: 0; padding-left: 5px; } } &.flat { &, &:focus { min-height: 0; padding: 2px; background-image: none; border-color: transparent; border-radius: 0; } } &:focus { background-clip: border-box; @include entry(focus); } &:disabled { @include entry(insensitive); } selection { &:focus, & { @extend %selected_items; }} // error and warning style @each $e_type, $e_color, $e_fg_color in (warning, $warning_color, $warning_fg_color), (error, $error_color, $error_fg_color), // entry.search-missing for Gnome-Builder (search-missing, $error_color, $error_fg_color) { &.#{$e_type} { color: $e_fg_color; border-color: if($variant=='light', $e_color, $entry_border); background-color: mix($e_color, $base_color, 60%); image { color: $e_fg_color; } &:focus { color: $e_fg_color; background-color: $e_color; box-shadow: none; } selection, selection:focus { background-color: $e_fg_color; color: $e_color; } } } &:drop(active) { &:focus, & { border-color: $drop_target_color; box-shadow: none; } } .osd & { @include entry(osd); &:focus { @include entry(osd-focus); } &:disabled { @include entry(osd-insensitive); } selection { &:focus, & { color: $selected_bg_color; background-color: $selected_fg_color; } } } progress { margin: 0 -6px; border-radius: 0; border-width: 0 0 2px; border-color: $selected_bg_color; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } // linked entries .linked:not(.vertical) > &, .linked:not(.vertical) > &:focus { @extend %linked; } .linked.vertical > &, .linked.vertical > &:focus { @extend %linked_vertical; } } treeview entry { &.flat, & { border-radius: 0; background-image: none; background-color: $base_color; &:focus { border-color: $selected_bg_color; } } } // // Buttons // // stuff for .needs-attention $_dot_color: $selected_bg_color; @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to($_dot_color), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to($selected_bg_color), to(transparent)); } } $button_transition: all 200ms $ease-out-quad; button { min-height: 22px; min-width: 20px; transition: $button_transition; border: 1px solid; border-radius: 3px; padding: 2px 6px; @include button(normal); separator { margin: 4px 1px; } &.flat { @include button(undecorated); // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but // it won't fade out when the pointer leave the button allocation area. To make the transition more evident // in this case the duration is increased. transition: none; &:hover { transition: $button_transition; transition-duration: 350ms; &:active { transition: $button_transition; } } } &:hover { @include button(hover); -gtk-icon-effect: highlight; } &:active, &:checked { @include button(active); background-clip: if($variant=='light', border-box, padding-box); transition-duration: 50ms; &:not(:disabled) label:disabled { color: inherit; opacity: 0.6; } } //Webkitgtk workaround start &:active { color: $fg_color; } &:active:hover, &:checked { color: $selected_fg_color; } //Webkitgtk workaround end &.flat:disabled { @include button(undecorated); } &:disabled { @include button(insensitive); &:active, &:checked { @include button(insensitive-active); } } &.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } &.text-button { padding-left: 12px; padding-right: 12px; } &.text-button.image-button { padding-left: 5px; padding-right: 5px; label { &:first-child { padding-left: 8px; padding-right: 2px; } &:last-child { padding-right: 8px; padding-left: 2px; } &:only-child { padding-left: 8px; padding-right: 8px; } } &.popup { padding-right: 8px; padding-left: 8px; } } &:drop(active) { color: $drop_target_color; border-color: $drop_target_color; box-shadow: none; } // big standalone buttons like in Documents pager &.osd { color: $osd_fg_color; background-color: $osd_bg_color; border-color: darken($osd_bg_color, 8%); &.image-button { padding: 0; min-height: 36px; min-width: 36px; } &:hover { color: $selected_bg_color; } &:active, &:checked { @include button(osd-active); } &:disabled { @include button(osd-insensitive); } } //overlay / OSD style .osd & { @include button(osd); &:hover { @include button(osd-hover); } &:active, &:checked { background-clip: padding-box; @include button(osd-active); } &:disabled { @include button(osd-insensitive); } &.flat { @include button(undecorated); box-shadow: none; &:hover { @include button(osd-hover); } &:disabled { @include button(osd-insensitive); background-image: none; } &:active, &:checked { @include button(osd-active); } } } .osd .linked:not(.vertical):not(.path-bar) > &:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > &:hover:not(:checked):not(:active) + &:not(:checked):not(:active) { box-shadow: none; } // Suggested and Destructive Action buttons @each $b_type, $b_color, $b_fg in (suggested-action, $suggested_color, $suggested_fg_color), (destructive-action, $destructive_color, $destructive_fg_color) { &.#{$b_type} { @include button(suggested_destructive, $b_color, $b_fg); &.flat { @include button(undecorated); color: $b_color; } &:hover { @include button(suggested_destructive, lighten($b_color, 10%), $b_fg); } &:active, &:checked { @include button(suggested_destructive, darken($b_color, 10%), $b_fg); } &.flat:disabled { @include button(undecorated); color: $insensitive_fg_color; } &:disabled { @include button(insensitive); } } } .stack-switcher > & { // to position the needs attention dot, padding is added to the button // child, a label needs just lateral padding while an icon needs vertical // padding added too. outline-offset: -3px; // needs to be set or it gets overridden by GtkRadioButton outline-offset > label { padding-left: 6px; // label padding padding-right: 6px; // } > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } &.text-button { padding-left: 10px; padding-right: 10px; } &.image-button { padding-left: 2px; padding-right: 2px; } &.needs-attention { > label, > image { @extend %needs_attention; } &:active, &:checked { > label, > image { animation: none; background-image: none; } } } } %needs_attention { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to($_dot_color), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; @if $variant == 'light' { background-position: right 3px, right 4px; } @else { background-position: right 3px, right 2px; } &:dir(rtl) { @if $variant == 'light' { background-position: left 3px, left 4px; } @else { background-position: left 3px, left 2px; } } } // hide separators &.font, &.file { separator { background-color: transparent; }} //inline-toolbar buttons .inline-toolbar &, .inline-toolbar &:backdrop { border-radius: 2px; border-width: 1px; @extend %linked; } .linked:not(.vertical) > &, .linked:not(.vertical) > &:hover, .linked:not(.vertical) > &:active, .linked:not(.vertical) > &:checked { @extend %linked; } .linked.vertical > &, .linked.vertical > &:hover, .linked.vertical > &:active, .linked.vertical > &:checked { @extend %linked_vertical; } } // all the following is for the +|- buttons on inline toolbars, that way // should really be deprecated... .inline-toolbar toolbutton > button { // redefining the button look is // needed since those are flat... @include button(normal); &:hover { @include button(hover); } &:active, &:checked{ @include button(active); } &:disabled { @include button(insensitive); } &:disabled:active, &:disabled:checked { @include button(insensitive-active); } } // More inline toolbar buttons toolbar.inline-toolbar toolbutton { & > button.flat { @extend %linked_middle; } &:first-child > button.flat { @extend %linked:first-child; } &:last-child > button.flat { @extend %linked:last-child; } &:only-child > button.flat { @extend %linked:only-child; } } // Some crazy linking stuff @mixin linking_rules($a:0.7, $var:$variant, $vert:'false', $entry_rules:'true', $button_rules:'true', $e_border:$entry_border, $b_border:$button_border) { $_border: if($vert=='false', left, top); @if $entry_rules=='true' { > entry + entry { border-#{$_border}-color: transparentize($e_border, $a); } > entry.error + entry, > entry + entry.error { border-#{$_border}-color: if($var=='light', $error_color, transparentize($e_border, $a)); } > entry.warning + entry, > entry + entry.warning { border-#{$_border}-color: if($var=='light', $warning_color, transparentize($e_border, $a)); } > entry.error + entry.warning, > entry.warning + entry.error { border-#{$_border}-color: if($var=='light', mix($error_color, $warning_color, 50%), transparentize($e_border, $a));} @each $e_type, $e_color in (':focus',$selected_bg_color), (':drop(active)', $drop_target_color), ('.warning:focus', $warning_color), ('.error:focus', $error_color) { > entry + entry#{$e_type}:not(:last-child), > entry + entry#{$e_type}:last-child { border-#{$_border}-color: if($var=='light', $e_color, $e_border); } > entry#{$e_type}:not(:only-child) { + entry, + button, + combobox > box > button.combo { border-#{$_border}-color: if($var=='light', $e_color, $e_border); } } } > button:active + entry, > button:checked + entry { border-#{$_border}-color: if($var=='light', $selected_bg_color, $e_border); } } @if $button_rules=='true' { $_uncolored_button: 'button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action)'; > button + button { border-#{$_border}-style: none; } > #{$_uncolored_button}:hover:not(:only-child), > #{$_uncolored_button}:hover + #{$_uncolored_button} { box-shadow: inset if($vert=='false', 1px 0, 0 1px) $b_border; } > #{$_uncolored_button}:disabled:not(:only-child), > #{$_uncolored_button}:disabled + #{$_uncolored_button}:not(:hover) { box-shadow: inset if($vert=='false', 1px 0, 0 1px) transparentize($b_border, 0.5); } > button:active + #{$_uncolored_button}:hover, > button:checked + #{$_uncolored_button}:hover, > button.suggested-action + #{$_uncolored_button}:hover, > button.destructive-action + #{$_uncolored_button}:hover, > entry + #{$_uncolored_button}:hover:not(:only-child), > #{$_uncolored_button}:first-child:disabled, > #{$_uncolored_button}:disabled + #{$_uncolored_button}:disabled, > #{$_uncolored_button}:first-child:hover, > button:active + #{$_uncolored_button}:disabled, > button:checked + #{$_uncolored_button}:disabled, > button.suggested-action + #{$_uncolored_button}:disabled, > button.destructive-action + #{$_uncolored_button}:disabled, > entry + #{$_uncolored_button}:disabled:not(:only-child), { box-shadow: none; } } } // special case, because path-bars are bugged @mixin pathbar_linking_rules($sep_color:if($variant=='light', transparentize($button_border, 0.6), transparentize($button_border, 0.5))) { > button + button { border-left-style: none; } > button:hover:not(:checked):not(:active):not(:only-child) { &:hover { box-shadow: inset 1px 0 $sep_color, inset -1px 0 $sep_color; } &:first-child:hover { box-shadow: inset -1px 0 $sep_color; } &:last-child:hover { box-shadow: inset 1px 0 $sep_color; } } } // Apply the rules defined above .linked:not(.vertical) { &:not(.path-bar) { @include linking_rules(); } &.path-bar { @include pathbar_linking_rules(); } } .linked.vertical { @include linking_rules($vert:'true'); } %linked_middle { border-radius: 0; border-right-style: none; } %linked { @extend %linked_middle; &:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } &:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } &:only-child { border-radius: 3px; border-style: solid; } } %linked_vertical_middle { border-radius: 0; border-bottom-style: none; } %linked_vertical{ @extend %linked_vertical_middle; &:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } &:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } &:only-child { border-radius: 3px; border-style: solid; } } %undecorated_button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } // menu buttons menuitem.button.flat, modelbutton.flat { transition: none; min-height: 24px; padding-left: 8px; padding-right: 8px; outline-offset: -3px; border-radius: 2px; @extend %undecorated_button; &:hover { background-color: if($variant=='light', mix($fg_color,$bg_color,5%), mix($fg_color,$bg_color,10%)); } &:active, &:selected { &, arrow { @extend %selected_items; } } &:checked { color: $fg_color; } // FIXME: temporary workaround check:last-child, radio:last-child { margin-left: 8px; } check:first-child, radio:first-child { margin-right: 8px; } } modelbutton.flat arrow { &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } } // // Links // *:link { color: $link_color; &:visited { color: $link_visited_color; *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } } &:hover { color: lighten($link_color,10%); *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); } } &:active { color: $link_color; *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } } @at-root %link_selected, &:selected, *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } } button:link, button:visited { @extend %undecorated_button; @extend *:link; &:hover, &:active, &:checked { @extend %undecorated_button; } > label { text-decoration-line: underline; } } // // Spinbuttons // spinbutton { &:drop(active) { box-shadow: none; } button:active { color: $selected_fg_color; } &:disabled { color: $insensitive_fg_color; } &:not(.vertical) { entry { min-width: 28px; } button, entry { @extend %linked; } &:dir(ltr) entry, &:dir(rtl) button.up { border-radius: 3px 0 0 3px; } > button + button { border-left-style: none; } > button:hover:not(:active), > button:hover + button { box-shadow: inset 1px 0 $button_border; } > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { box-shadow: inset 1px 0 transparentize($button_border, 0.5); } > button:first-child:hover:not(:active), > button.up:dir(rtl):hover:not(:active), > entry + button:not(:active):hover { box-shadow: none; } > entry:focus + button { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); } > entry:drop(active) + button { border-left-color: $drop_target_color; } .osd & { > button:hover:not(:active), > button:hover + button { box-shadow: inset 1px 0 $osd_button_border; } > button:first-child:hover:not(:active), > button.up:dir(rtl):hover:not(:active), > entry + button:not(:active):hover { box-shadow: none; } > entry:focus + button { border-left-color: $osd_button_border; } } } &.vertical { button, entry { padding-left: 4px; padding-right: 4px; min-width: 0; @extend %linked_vertical; } button.up { border-radius: 3px 3px 0 0; } > entry:focus + button { border-top-color: if($variant=='light', $selected_bg_color, $entry_border); } > entry:drop(active) + button { border-top-color: $drop_target_color; } } } // // Comboboxes // combobox { button.combo { min-width: 0; // otherwise the arrow placement is unsymmetric padding-left: 8px; // padding-right: 8px // } arrow { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); min-height: 16px; min-width: 16px; } &:drop(active) button.combo { @extend button:drop(active); } .linked:not(.vertical) > & > box > button.combo { // the combobox is a composite widget so the way we do button linking doesn't // work, special case needed. &:dir(ltr), &:dir(rtl) { @extend %linked_middle; } // specificity bump } .linked:not(.vertical) > &:first-child > box > button.combo { @extend %linked:first-child; } .linked:not(.vertical) > &:last-child > box > button.combo { @extend %linked:last-child; } .linked:not(.vertical) > &:only-child > box > button.combo { @extend %linked:only-child; } .linked.vertical > & > box > button.combo { @extend %linked_vertical_middle; } .linked.vertical > &:first-child > box > button.combo { @extend %linked_vertical:first-child; } .linked.vertical > &:last-child > box > button.combo { @extend %linked_vertical:last-child; } .linked.vertical > &:only-child > box > button.combo { @extend %linked_vertical:only-child; } } // // Toolbars // toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: $bg_color; separator { background: none; } &.horizontal separator { margin: 0 6px; } &.vertical separator { margin: 6px 0; } .osd & { background-color: transparent; } &.osd { padding: 7px; border: 1px solid transparentize(black, 0.5); border-radius: 3px; background-color: transparentize($osd_bg_color, 0.1); &.left, &.right, &.top, &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars &.top { border-width: 0 0 1px 0; } &.bottom { border-width: 1px 0 0 0; } &.left { border-width: 0 1px 0 0; } &.right { border-width: 0 0 0 1px; } } &:not(.inline-toolbar) { switch, scale, entry, spinbutton, button { margin-right: 1px; margin-bottom: 1px; } .linked > button, .linked > entry { margin-right:0; } } } .primary-toolbar:not(.libreoffice-toolbar) { // LO messes up the toolbar styling, so exclude LO toolbars color: $header_fg; background-color: opacify($header_bg, 1); box-shadow: none; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to bottom, opacify($header_bg, 1), darken($header_bg, 7%)) 1 0 1 0; //temporary hack for rhythmbox 3.1 //&:backdrop { background-color: opacify($header_bg_backdrop, 1); } separator { @extend %header_separator; } } .primary-toolbar { @extend %header_widgets; } .inline-toolbar { @extend toolbar; background-color: darken($bg_color, 3%); border-style: solid; border-color: $borders_color; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } searchbar { background-color: $bg_color; border-style: solid; border-color: $borders_color; border-width: 0 0 1px; padding: 3px; } actionbar { padding: 6px; border-top: 1px solid $borders_color; background-color: darken($bg_color, 3%); } // // Headerbars // $_header_radius: if($darker=='false' and $variant=='light', 4px, 3px); headerbar, %titlebar { min-height: 42px; padding: 0 7px; border-width: 0 0 1px; border-style: solid; border-color: opacify($header_border, 1); color: $header_fg; background-color: opacify($header_bg, 1); box-shadow: inset 0 1px lighten($header_bg, 3%); .csd & { // Transparent header-bars only in csd windows background-color: $header_bg; border-color: $header_border; } &:backdrop { transition: $backdrop_transition; color: transparentize($header_fg, 0.3); background-color: opacify($header_bg_backdrop, 1); .csd & { background-color: $header_bg_backdrop; } } .title { padding-left: 12px; padding-right: 12px; } .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; @extend .dim-label; } // Selectionmode &.selection-mode { color: $selection_mode_fg; background-color: $selection_mode_bg; border-color: darken($selection_mode_bg, 4%); box-shadow: none; &:backdrop { background-color: $selection_mode_bg; color: transparentize($selection_mode_fg, 0.4); } .subtitle:link { @extend *:link:selected; } .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; GtkArrow { -GtkArrow-arrow-scaling: 1; } .arrow { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } } .maximized & { background-color: opacify($selection_mode_bg, 1); } } .tiled &, .tiled &:backdrop, .maximized &, .maximized &:backdrop { border-radius: 0; // squared corners when the window is max'd or tiled } .maximized & { background-color: opacify($header_bg, 1); border-color: opacify($header_border, 1); &:backdrop { background-color: opacify($header_bg_backdrop, 1); } } &.default-decoration, .csd &.default-decoration, // needed under wayland, since all gtk3 windows are csd windows &.default-decoration:backdrop, .csd &.default-decoration:backdrop { min-height: 28px; padding: 0 3px; background-color: opacify($header_bg, 1); border-bottom-width: 0; .maximized & { background-color: opacify($header_bg, 1); } } separator.titlebutton { @extend %header_separator; } } .titlebar { border-radius: $_header_radius $_header_radius 0 0; } headerbar { @extend %header_widgets; entry, button, separator { margin-top: 6px; margin-bottom: 6px; } // Fixes split headerbars separator:first-child + &, &:first-child { &, &:backdrop { border-top-left-radius: $_header_radius; .maximized &, .tiled & { border-radius: 0; } } } &:last-child { &, &:backdrop { border-top-right-radius: $_header_radius; .maximized &, .tiled & { border-radius: 0; } } } } // Fixes split headerbars too .titlebar:not(headerbar) { window > &, window.csd > & { &, &:backdrop { padding: 0; background: none; border: none; box-shadow: none; } } > separator { background-image: _solid($header_border); } @extend %titlebar; } %header_separator { min-width: 1px; min-height: 1px; background: none; border-width: 0 1px; border-image: linear-gradient(to bottom, transparentize($header_fg, 1) 25%, transparentize($header_fg, 0.65) 25%, transparentize($header_fg, 0.65) 75%, transparentize($header_fg, 1) 75%) 0 1/0 1px stretch; &:backdrop { opacity: 0.6; } } %header_widgets { // Headerbar Entries entry { @include entry(header-normal); &:backdrop { opacity: 0.85; } &:focus { @include entry(header-focus); background-clip: if($darker=='false' and $variant=='light', border-box, padding-box); image { color: $selected_fg_color; } } &:disabled { @include entry(header-insensitive); } selection:focus { background-color: $selected_fg_color; color: $selected_bg_color; } progress { border-color: $selected_bg_color; background-image: none; background-color: transparent; } @each $e_type, $e_color, $e_fg_color in (warning, $warning_color, $warning_fg_color), (error, $error_color, $error_fg_color) { &.#{$e_type} { color: $e_fg_color; border-color: if($darker=='false' and $variant=='light', $e_color, $header_entry_border); background-color: mix($e_color, $header_bg, 60%); &:focus { color: $e_fg_color; background-color: $e_color; } selection, selection:focus { background-color: $e_fg_color; color: $e_color; } } } } // Headerbar Buttons button { @include button(header-normal); &:backdrop { opacity: 0.7; } &:hover { @include button(header-hover); } &:active, &:checked { @include button(header-active); background-clip: if($darker=='false' and $variant=='light', border-box, padding-box); } &:disabled { @include button(header-insensitive); } &:disabled:active, &:disabled:checked { @include button(header-insensitive-active); } } &.selection-mode button { &, &.flat { @include button(undecorated); color: $selection_mode_fg; background-color: transparentize($selection_mode_fg, 1); } &:hover { @extend %normal_selected_button; } &:active, &:checked { @extend %selected-button:active; } &:disabled { @extend %selected-button.flat:disabled; &:checked, &:active { @extend %selected-button:disabled:checked; } } } // Linking stuff // Disconnect linked buttons .linked:not(.vertical):not(.path-bar):not(.stack-switcher) { button:not(:last-child):not(:only-child) { margin-right: 1px; } } // Reset buttons .linked:not(.vertical):not(.path-bar) > button { &, &:hover, &:active, &:checked, &:disabled { border-radius: 3px; border-style: solid; } } .linked:not(.vertical):not(.path-bar) { $_uncolored_button: 'button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action)'; > #{$_uncolored_button}:hover:not(:only-child), > #{$_uncolored_button}:hover + #{$_uncolored_button}, > #{$_uncolored_button}:disabled:not(:only-child), > #{$_uncolored_button}:disabled + #{$_uncolored_button}:not(:hover) { box-shadow: none; } } // special case for path-bars and stack-switchers .linked:not(.vertical):not(.path-bar).stack-switcher, .linked:not(.vertical).path-bar { > button { @include button(header-hover); &:hover { background-color: lighten($header_button_bg, 15%); } &:active, &:checked { @include button(header-active); } &:disabled { color: transparentize($header_fg, 0.4); } &, &:hover, &:active, &:checked, &:disabled { @extend %linked; } } @include pathbar_linking_rules($sep_color:$header_button_border); } // use linking rules for entries only .linked:not(.vertical):not(.path-bar) { @include linking_rules( $a:0.5, $var:if($variant=='light' and $darker=='false', 'light', 'dark'), $button_rules:'false', $e_border:$header_entry_border, $b_border:$header_button_border ); } // Headerbar Suggested and Destructive Action buttons @each $b_type, $b_color, $b_fg in (suggested-action, $suggested_color, $suggested_fg_color), (destructive-action, $destructive_color, $destructive_fg_color) { button.#{$b_type} { @include button(suggested_destructive, $b_color, $b_fg); &.flat { @include button(undecorated); color: $b_color; } &:hover { @include button(suggested_destructive, lighten($b_color, 10%), $b_fg); } &:active, &:checked { @include button(suggested_destructive, darken($b_color, 10%), $b_fg); } &.flat:disabled, &:disabled { @include button(header-insensitive); } } button.#{$b_type}:backdrop, button.#{$b_type}:backdrop { opacity: 0.8; } } // Headerbar Spinbuttons spinbutton:not(.vertical) { &:focus { color: $selected_fg_color; caret-color: $selected_fg_color; } button { &,&:disabled { @include button(header-hover); } &:hover { background-color: lighten($header_button_bg, 15%); } &:active, &:checked { @include button(header-active); } &:disabled { color: transparentize($header_fg, 0.4); } } > button + button { border-left-style: none; } > button:hover:not(:active), > button:hover + button { box-shadow: inset 1px 0 $header_button_border; } > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { box-shadow: inset 1px 0 $header_button_border; } > button:first-child:hover:not(:active), > entry + button:not(:active):hover { box-shadow: none; } > entry:focus + button { border-left-color: if($variant=='light' and $darker=='false', $selected_bg_color, $header_entry_border); } } // Headerbar ComboBoxes combobox { &:disabled { color: transparentize($header_fg, 0.6); } > .linked > button.combo { @include entry(header-normal); &:hover { @include entry(header-focus); box-shadow: none; } &:disabled { @include entry(header-insensitive); } } > .linked > entry.combo { &:dir(ltr) { border-right-style: none; &:focus { box-shadow: none; } @if $variant=='light' and $darker=='false' { &:focus { box-shadow: 1px 0 $selected_bg_color; } } } &:dir(rtl) { border-left-style: none; &:focus { box-shadow: none; } @if $variant=='light' and $darker=='false' { &:focus { box-shadow: -1px 0 $selected_bg_color; } } } } > .linked > button.combo { &:dir(ltr) { &, &:hover, &:active, &:checked, &:disabled { border-top-left-radius: 0; border-bottom-left-radius: 0; } } &:dir(rtl) { &, &:hover, &:active, &:checked, &:disabled { border-top-right-radius: 0; border-bottom-right-radius: 0; } } } } // Headerbar Switches switch { &:backdrop { opacity: 0.75; } } progressbar { trough { background-color: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.05), $header_button_border); } &:backdrop { opacity: 0.75; } } // Headerbar Scale scale { $_trough_bg: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.05), $header_button_border); &:backdrop { opacity: 0.75; } slider { $_slider_border: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.2), opacify($header_button_border, 0.3)); $_slider_bg: if($variant=='light' and $darker=='false', opacify($header_button_bg,1), lighten(opacify($header_bg,1), 10%)); background-color: $_slider_bg; border-color: $_slider_border; &:hover { background-color: lighten($_slider_bg, 5%); border-color: $_slider_border; } &:active { background-color: $selected_bg_color; border-color: $selected_bg_color; } &:disabled { background-color: mix($_slider_bg, $header_bg, 70%); border-color: $_slider_border; } } trough { background-color: $_trough_bg; &:disabled { background-color: if($variant=='light' and $darker=='false', transparentize($_trough_bg, 0.05), transparentize($_trough_bg, 0.1)); } } } } // // Pathbars // .path-bar button { &.text-button, &.image-button, & { padding-left: 6px; padding-right: 6px; } &.text-button.image-button label { padding-left: 0; padding-right: 0; } &.text-button.image-button, & { label:last-child { padding-right: 10px; } label:first-child { padding-left: 10px; } } &.slider-button, &:not(.image-button):not(.text-button) { padding-left: 1px; padding-right: 1px; } image { padding-left: 4px; padding-right: 4px; } } // // Tree Views // treeview.view { @at-root * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } border-left-color: transparentize($fg_color, 0.85); // this is actually the tree lines color, border-top-color: transparentize(black, 0.9); // while this is the grid lines color, better then nothing rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props acceleditor > label { background-color: $selected_bg_color; } &:selected { &, &:focus { border-radius: 0; border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunately @extend %selected_items; } } &:disabled { color: $insensitive_fg_color; &:selected { color: mix($selected_fg_color, $selected_bg_color, 40%); } } &.separator { min-height: 2px; color: transparentize(black, 0.9); } &:drop(active) { border-style: solid none; border-width: 1px; border-color: mix($fg_color, $selected_bg_color, 50%); &.after { border-top-style: none; } &.before { border-bottom-style: none; } } &.expander { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } color: mix($fg_color, $base_color, 50%); &:hover { color: $fg_color; } &:selected { color: mix($selected_fg_color, $selected_bg_color, 70%); &:hover { color: $selected_fg_color; } } &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } } &.progressbar, &.progressbar:focus { // progress bar in treeviews color: $selected_fg_color; border-radius: 3px; background-color: $selected_bg_color; &:selected, &:selected:focus { color: $selected_bg_color; box-shadow: none; background-color: $selected_fg_color; } } &.trough { // progress bar trough in treeviews color: $fg_color; background-color: $button_border; border-radius: 3px; border-width: 0; &:selected, &:selected:focus { color: $selected_fg_color; background-color: transparentize(black, 0.8); border-radius: 3px; border-width: 0; } } header { button { $_column_header_color: mix($fg_color,$base_color,80%); min-height: 0; min-width: 0; padding: 3px 6px; font-weight: bold; color: $_column_header_color; background-color: $base_color; background-image: none; border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, $base_color 20%, transparentize(if($variant == 'light', black, white), 0.89) 20%, transparentize(if($variant == 'light', black, white), 0.89) 80%, $base_color 80%) 0 1 0 0 / 0 1px 0 0 stretch; &:hover { color: $selected_bg_color; } &:active { color: $fg_color; } &:active, &:hover { background-color: $base_color; } &:active:hover { color: $fg_color; } &:disabled { border-color: $bg_color; background-image: none; } &:last-child { border-right-style: none; border-image: none; } } } button.dnd, header.button.dnd { &, &:selected, &:hover, &:active { padding: 0 6px; transition: none; color: $selected_fg_color; background-color: $selected_bg_color; border-radius: 0; border-style: none; } } } // // Menus // menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; background-color: opacify($header_bg, 1); color: $header_fg; &:backdrop { color: transparentize($header_fg, 0.3); //background-color: opacify($header_bg_backdrop, 1); } > menuitem { padding: 4px 8px; border: solid transparent; border-width: 0; &:hover { //Seems like it :hover even with keyboard focus background-color: $selected_bg_color; color: $selected_fg_color; } &:disabled { color: transparentize($header_fg, 0.6); border-color: transparent; } } } menu, .menu { $_menu_bg: if($variant=='light', $base_color, $bg_color); margin: 4px; padding: 0; border-radius: 0; background-color: $_menu_bg; border: 1px solid $borders_color; .csd & { padding: 4px 0px; border-radius: 2px; border: none; } separator, .csd & separator { margin: 2px 0; background-color: $_menu_bg; } // Firefox workaround .separator:not(label), .csd & .separator:not(label) { color: $_menu_bg; } // Firefox workaround end menuitem { min-height: 16px; min-width: 40px; padding: 5px; &:hover { color: $selected_fg_color; background-color: $selected_bg_color; } &:disabled { color: $insensitive_fg_color; } //submenu indicators arrow { min-height: 16px; min-width: 16px; &:dir(ltr) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); margin-left: 10px; } &:dir(rtl) { -gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); margin-right: 10px; } } @at-root menuitem { accelerator { color: gtkalpha(currentColor,0.55); } check, radio { min-height: 16px; min-width: 16px; &:dir(ltr) { margin-right: 6px; margin-left: 2px; } &:dir(rtl) { margin-left: 6px; margin-right: 2px; } } } } // overflow buttons > arrow { @include button(undecorated); min-width: 16px; min-height: 16px; padding: 4px; background-color: $_menu_bg; border-radius: 0; &.top { margin-top: -6px; border-bottom: 1px solid mix($fg_color, $base_color, 10%); -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } &.bottom { margin-bottom: -6px; border-top: 1px solid mix($fg_color, $base_color, 10%); -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } &:hover { background-color: mix($fg_color, $base_color, 10%); } &:disabled { color: transparent; background-color: transparent; border-color: transparent ; } } } // // Popovers // popover, popover.background { $_popover_bg: if($variant=='light', $base_color, $bg_color); padding: 2px; border-radius: 3px; background-clip: border-box; background-color: $_popover_bg; box-shadow: 0 2px 6px 1px if($variant=='light', transparentize(black, 0.93), transparentize(black, 0.65)); .csd &, & { border: 1px solid darken($borders_color, 5%); } & separator { background-color: $_popover_bg; } label.separator { @extend label.separator; } // Noice > list, > .view, > toolbar { border-style: none; background-color: transparent; } &, .csd & { &.osd, &.magnifier { @extend %osd; } &.touch-selection { @extend .context-menu } &.osd { @extend %osd; } } } //touch selection handlebars for the Popover.osd above cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; &.top { -gtk-icon-source: -gtk-icontheme('selection-start-symbolic'); } &.bottom { -gtk-icon-source: -gtk-icontheme('selection-end-symbolic'); } } // // Notebooks and Tabs // notebook { padding: 0; &.frame { border: 1px solid $borders_color; > header { // ugly hack to hide the borders around the header margin: -1px; &.top { margin-bottom: 0; } &.bottom { margin-top: 0; } &.left { margin-right: 0; } &.right { margin-left: 0; } &.top, &.bottom { padding-left: 0; padding-right: 0; } &.left, &.right { padding-top: 0; padding-bottom: 0; } } } > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks background-color: $base_color; } > header { padding: 2px; background-color: $bg_color; &.top { box-shadow: inset 0 -1px $borders_color; } &.bottom { box-shadow: inset 0 1px $borders_color; } &.right { box-shadow: inset 1px 0 $borders_color; } &.left { box-shadow: inset -1px 0 $borders_color; } @each $_pos, $_bpos in (top, bottom), (bottom, top), (right, left), (left, right) { // sizing and borders &.#{$_pos} { padding-#{$_bpos}: 0; > tabs > tab { padding: 2px 10px; min-width: 20px; min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-#{$_bpos}: none; // tab overlap + tab { @if $_pos==top or $_pos==bottom { margin-left: -1px; } @else { margin-top: -1px; } } // tab border radius @if $_pos==top { border-radius: 1px 1px 0 0; } @else if $_pos==bottom { border-radius: 0 0 1px 1px; } @else if $_pos==left { border-radius: 1px 0 0 1px; } @else if $_pos==right { border-radius: 0 1px 1px 0; } } } } // overflow arrows &.top, &.bottom { > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); &:last-child { margin-left: 2px; } } > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); &:first-child { margin-right: 2px; } } } &.left, &.right { > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); &:last-child { margin-top: 2px; } } > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); &:first-child { margin-bottom: 2px; } } } > tabs > arrow { color: $insensitive_fg_color; &:hover { color: mix($fg_color, $insensitive_fg_color, 50%); } &:active { color: $fg_color; } &:disabled { color: transparentize($insensitive_fg_color,0.3); } } // tab colors &.top > tabs > tab:hover:not(:checked) { box-shadow: inset 0 -1px $borders_color; } &.bottom > tabs > tab:hover:not(:checked) { box-shadow: inset 0 1px $borders_color; } &.left > tabs > tab:hover:not(:checked) { box-shadow: inset -1px 0 $borders_color; } &.right > tabs > tab:hover:not(:checked) { box-shadow: inset 1px 0 $borders_color; } > tabs > tab { color: $insensitive_fg_color; background-color: transparentize($base_color, 1); &:hover:not(:checked) { color: mix($fg_color, $insensitive_fg_color, 50%); background-color: transparentize($base_color, 0.5); border-color: $borders_color; } &:checked { color: $fg_color; background-color: $base_color; border-color: $borders_color; } // close button button.flat { min-height: 22px; min-width: 16px; padding: 0; color: mix($bg_color, $fg_color, 35%); &:hover { @extend %undecorated_button; color: lighten(red, 15%); } &:active, &:active:hover { @extend %undecorated_button; color: $selected_bg_color; } } } } } // // Scrollbars // $_scrollbar_bg_color: darken($base_color, 1%); scrollbar { $_slider_min_length: 40px; // disable steppers @at-root * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } background-color: $_scrollbar_bg_color; transition: 300ms $ease-out-quad; // scrollbar border &.top { border-bottom: 1px solid $borders_color; } &.bottom { border-top: 1px solid $borders_color; } &.left { border-right: 1px solid $borders_color; } &.right { border-left: 1px solid $borders_color; } button { border: none; } &.vertical button { &.down { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } &.up { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } } &.horizontal button { &.down { -gtk-icon-source: -gtk-icontheme('pan-right-symbolic'); } &.up { -gtk-icon-source: -gtk-icontheme('pan-left-symbolic'); } } // slider slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: mix($fg_color, $bg_color, 40%); &:hover { background-color: mix($fg_color, $bg_color, 30%); } &:hover:active { background-color: $selected_bg_color;} &:disabled { background-color: transparent; } } &.fine-tune { slider { min-width: 4px; min-height: 4px; } &.horizontal slider { border-width: 5px 4px; } &.vertical slider { border-width: 4px 5px; } } &.overlay-indicator { &:not(.dragging):not(.hovering) { opacity: 0.4; border-color: transparent; background-color: transparent; slider { margin: 0; min-width: 4px; min-height: 4px; background-color: mix($fg_color, $bg_color, 70%); border: 1px solid if($variant == 'light', transparentize(white, 0.4), transparentize(black, 0.7)); } &.horizontal slider { margin: 0 2px; min-width: $_slider_min_length; } &.vertical slider { margin: 2px 0; min-height: $_slider_min_length; } } &.dragging, &.hovering { opacity: 0.99; } } &.horizontal slider { min-width: $_slider_min_length; } &.vertical slider { min-height: $_slider_min_length; } } // // Switches // switch { font-size: 1px; min-width: 52px; min-height: 24px; background-size: 52px 24px; background-repeat: no-repeat; background-position: center center; slider { min-width: 1px; min-height: 1px; } &, slider { outline-color: transparent; color: transparent; border: none; box-shadow: none; } } @each $k,$l in ('',''), (':checked','-active'), (':disabled','-insensitive'), (':checked:disabled','-active-insensitive') { // load switch troughs from .png files in assets directory switch#{$k} { background-image: -gtk-scaled(url("assets/switch#{$l}#{$asset_suffix}.png"),url("assets/switch#{$l}#{$asset_suffix}@2.png")); } menuitem:hover switch#{$k}, row:selected switch#{$k}, infobar switch#{$k} { background-image: -gtk-scaled(url("assets/switch#{$l}-selected.png"),url("assets/switch#{$l}-selected@2.png")); } headerbar switch#{$k}, .primary-toolbar switch#{$k} { background-image: -gtk-scaled(url("assets/switch#{$l}-header#{$darker_asset_suffix}.png"),url("assets/switch#{$l}-header#{$darker_asset_suffix}@2.png")); } } // // Check and Radio items // @each $w,$a in ('check', 'checkbox'), ('radio','radio') { //standard checks and radios @each $s,$as in ('','-unchecked'), (':disabled','-unchecked-insensitive'), (':indeterminate', '-mixed'), (':indeterminate:disabled', '-mixed-insensitive'), (':checked', '-checked'), (':checked:disabled','-checked-insensitive') { .#{$w}#{$s}, #{$w}#{$s}, treeview.#{$w}#{$s} { -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); } .osd, %osd_check_radio { #{$w}#{$s} { -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-dark.png"), url("assets/#{$a}#{$as}-dark@2.png")); } } // the borders of checks and radios are // too similar in luminosity to the selected background color, hence // we need special casing. menuitem #{$w}#{$s}:hover, .view #{$w}#{$s}:selected, treeview.#{$w}#{$s}:selected, row:selected #{$w}#{$s}, infobar #{$w}#{$s} { -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-selected.png"), url("assets/#{$a}#{$as}-selected@2.png")); } } } // Selectionmode @each $s,$as in ('','-selectionmode'), (':checked', '-checked-selectionmode') { .view.content-view.check#{$s}:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"), url("assets/checkbox#{$as}#{$asset_suffix}@2.png")); background-color: transparent; } } checkbutton, radiobutton { // this is for a nice focus on check and radios text &.text-button { padding: 2px 0; outline-offset: 0; } label:not(:only-child) { &:first-child { margin-left: 4px; } &:last-child { margin-right: 4px; } } } check, radio { min-width: 16px; min-height: 16px; margin: 0 2px; &:only-child, menu menuitem & { margin: 0; } } // // GtkScale // scale { $_marks_length: 3px; $_marks_distance: 1px; min-height: 15px; min-width: 15px; padding: 3px; &.horizontal { trough { padding: 0 4px; } highlight, fill { margin: 0 -4px; } } &.vertical { trough { padding: 4px 0; } highlight, fill { margin: -4px 0; } } // The slider is inside the trough, negative margin to make it bigger slider { min-height: 15px; min-width: 15px; margin: -6px; } // Click-and-hold the slider to activate &.fine-tune { // Make the trough grow in fine-tune mode slider { margin: -4px; } fill, highlight, trough { border-radius: 5px; -gtk-outline-radius: 7px; } } // Trough trough { $_scale_trough_bg: if($variant == 'light', $button_border, darken($bg_color, 5%)); outline-offset: 2px; -gtk-outline-radius: 4.5px; border-radius: 2.5px; background-color: $_scale_trough_bg; &:disabled { background-color: transparentize($_scale_trough_bg, 0.45); } //OSD troughs .osd & { background-color: lighten($osd_bg_color, 7%); highlight { background-color: $selected_bg_color; &:disabled { } } &:disabled { } } // Troughs in selected list-rows and infobars menuitem:hover &, row:selected &, infobar & { background-color: transparentize(black, 0.8); highlight { background-color: $selected_fg_color; &:disabled { background-color: mix($selected_fg_color, $selected_bg_color, 55%); } } &:disabled { background-color: transparentize(black, 0.9); } } } // The colored part of trough highlight { border-radius: 2.5px; background-color: $selected_bg_color; &:disabled { background-color: transparentize($selected_bg_color, 0.45); } } // this is another differently styled part of the trough, the most relevant use case is for example // in media player to indicate how much video stream as been cached fill { border-radius: 2.5px; background-color: transparentize($selected_bg_color, 0.5); &:disabled { background-color: transparent; } } slider { $_slider_border: if($variant=='light', transparentize(darken($button_border,25%), 0.5), darken($button_border,2%)); background-color: $button_bg; border: 1px solid $_slider_border; border-radius: 100%; transition: $button_transition; transition-property: background, border; &:hover { background-color: lighten($button_bg, 5%); } &:active { background-clip: border-box; background-color: $selected_bg_color; border-color: $selected_bg_color; } &:disabled { background-color: mix($entry_bg, $bg_color, 55%); border-color: transparentize($_slider_border, 0.2); } // Selected list-row and infobar sliders menuitem:hover &, row:selected &, infobar & { background-clip: border-box; background-color: $selected_fg_color; border-color: $selected_fg_color; &:hover { background-color: mix($selected_fg_color, $selected_bg_color, 85%); border-color: mix($selected_fg_color, $selected_bg_color, 85%); } &:active { background-color: mix($selected_fg_color, $selected_bg_color, 50%); border-color: mix($selected_fg_color, $selected_bg_color, 50%); } &:disabled{ background-color: mix($selected_fg_color, $selected_bg_color, 55%); border-color: mix($selected_fg_color, $selected_bg_color, 55%); } } // OSD sliders .osd & { background-clip: border-box; background-color: $selected_bg_color; border-color: $selected_bg_color; &:hover { background-color: lighten($selected_bg_color, 10%); border-color: lighten($selected_bg_color, 10%) } &:active { background-color: darken($selected_bg_color, 10%); border-color: darken($selected_bg_color, 10%); } &:disabled { } } } value { color: gtkalpha(currentColor, 0.4); } marks { color: gtkalpha(currentColor, 0.4); @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), (bottom, bottom, top), (top, left, right), (bottom, right, left) { &.#{$marks_class} { margin-#{$marks_margin}: $_marks_distance; margin-#{$marks_pos}: -($_marks_distance + $_marks_length); } } } &.fine-tune marks { @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), (bottom, bottom, top), (top, left, right), (bottom, right, left) { &.#{$marks_class} { margin-#{$marks_margin}: ($_marks_distance - 1px); margin-#{$marks_pos}: -($_marks_distance + $_marks_length - 2px); } } } &.horizontal { indicator { min-height: $_marks_length; min-width: 1px; } &.fine-tune indicator { min-height: ($_marks_length - 1px); } } &.vertical { indicator { min-height: 1px; min-width: $_marks_length; } &.fine-tune indicator { min-width: ($_marks_length - 1px); } } } // // Progress bars // progressbar { padding: 0; font-size: smaller; color: transparentize($fg_color, 0.3); &.osd { min-width: 3px; min-height: 3px; background-color: transparent; trough { border-style: none; background-color: transparent; box-shadow: none; } } // Moving bit progress { background-color: $selected_bg_color; border: none; border-radius: 3px; box-shadow: none; //needed for clipping row:selected &, infobar & { background-color: $selected_fg_color; } } // Trough trough { border: none; border-radius: 3px; background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); row:selected &, infobar & { background-color: transparentize(black, 0.8); } } } // // Level Bar // levelbar { block { min-width: 32px; min-height: 1px; } &.vertical block { min-width: 1px; min-height: 32px; } trough { border: none; padding: 3px; border-radius: 3px; background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); } &.horizontal.discrete block { margin: 0 1px; } &.vertical.discrete block { margin: 1px 0; } block:not(.empty) { border: 1px solid $selected_bg_color; background-color: $selected_bg_color; border-radius: 2px; } block.low { border-color: $warning_color; background-color: $warning_color; } block.high { border-color: $selected_bg_color; background-color: $selected_bg_color; } block.full { border-color: $success_color; background-color: $success_color; } block.empty { background-color: if($variant=='light', transparentize($fg_color,0.8), $base_color); border-color: if($variant=='light', transparentize($fg_color,0.8), $base_color); } } // // Print dialog // printdialog { paper { border: 1px solid $borders_color; background: $base_color; padding: 0; } .dialog-action-box { margin: 12px; } } // // Frames // frame > border, .frame { margin: 0; padding: 0; border-radius: 0; border: 1px solid $borders_color; } frame.flat > border, frame > border.flat, .frame.flat { border-style: none; } scrolledwindow { viewport.frame { // avoid double borders when viewport inside scrolled window border-style: none; } // This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. // This draws a box on top of the content, the size changes programmatically. overshoot { &.top { @include overshoot(top); } &.bottom { @include overshoot(bottom); } &.left { @include overshoot(left); } &.right { @include overshoot(right); } } // Overflow indication, works similarly to the overshoot, the size if fixed tho. undershoot { &.top { @include undershoot(top); } &.bottom { @include undershoot(bottom); } &.left { @include undershoot(left); } &.right { @include undershoot(right); } } junction { // the small square between two scrollbars border-color: transparent; // the border image is used to add the missing dot between the borders, details, details, details... border-image: linear-gradient(to bottom, $borders_color 1px, transparent 1px) 0 0 0 1 / 0 1px stretch; background-color: $_scrollbar_bg_color; &:dir(rtl) { border-image-slice: 0 1 0 0; } } } //vbox and hbox separators separator { background-color: transparentize(black, 0.9); min-width: 1px; min-height: 1px; } // // Lists // list { background-color: $base_color; border-color: $borders_color; row { padding: 2px; } } row { &:not(:hover) { transition: all 150ms $ease-out-quad; } &:selected { @extend %selected_items; button { @extend %selected-button; } } &.activatable { &.has-open-popup, &:hover { background-color: if($variant == 'light', transparentize(black, 0.95), transparentize(white, 0.97)); } &:active { color: $fg_color; } &:disabled { color: $insensitive_fg_color; image { color: inherit; } } &:selected { &:active { color: $selected_fg_color; } &.has-open-popup, &:hover { background-color: mix(black, $selected_bg_color, 10%); } } } } // // App Notifications // .app-notification { padding: 10px; color: $dark_sidebar_fg; background-color: $dark_sidebar_bg; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: darken($dark_sidebar_bg, 10%); border { border: none; } button { @include button(osd); &.flat { @extend %undecorated_button; border-color: transparentize($selected_bg_color, 1); &:disabled { @extend %undecorated_button; } } &:hover { @include button(osd-hover); } &:active, &:checked { @include button(osd-active); background-clip: padding-box; } &:disabled { @include button(osd-insensitive); } } } // // Expanders // expander { arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } &:hover { color: lighten($fg_color,30%); } //only lightens the arrow &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } } } // // Calendar // calendar { color: $fg_color; border: 1px solid $borders_color; border-radius: 3px; padding: 2px; &:selected { @extend %selected_items; border-radius: 1.5px; } &.header { color: $fg_color; border: none; } &.button { @extend %undecorated_button; color: transparentize($fg_color,0.55); &:hover { color: $fg_color; } &:disabled { color: $insensitive_fg_color; } } &:indeterminate { color: gtkalpha(currentColor,0.55); } &.highlight { color: $fg_color; } } // // Dialogs // messagedialog { // Message Dialog styling .titlebar { min-height: 20px; background-color: $header_bg; border-bottom: 1px solid darken($header_bg, 7%); } .dialog-action-area button { padding: 8px; min-height: 0; } &.csd { // rounded bottom border styling for csd version &.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; } .dialog-action-area button { border-bottom-style: none; @extend %middle_button; &:first-child{ @extend %first_button; } &:last-child { @extend %last_button; } &:only-child { @extend %single_button; } } %middle_button { border-radius: 0; border-right-style: none; } %last_button { border-radius: 0 0 3px 0; border-right-style: none; } %first_button { border-radius: 0 0 0 3px; border-left-style: none; } %single_button { border-radius: 0 0 3px 3px; border-left-style: none; border-right-style: none; } } } // // Filechooser // filechooser { #pathbarbox { border-bottom: 1px solid transparentize($borders_color, 0.5); } } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } // // Sidebar // .sidebar { border-style: none; background-color: lighten($bg_color, 2%); @at-root %sidebar_left, &:dir(ltr), &.left, &.left:dir(rtl) { border-right: 1px solid $borders_color; border-left-style: none; } @at-root %sidebar_right, &:dir(rtl), &.right { border-left: 1px solid $borders_color; border-right-style: none; } list { background-color: transparent; } paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }} } stacksidebar { &.sidebar { &:dir(ltr) list, &.left list, &.left:dir(rtl) list { @extend %sidebar_left; } &:dir(rtl) list, &.right list { @extend %sidebar_right; } } row { padding: 10px 4px; > label { padding-left: 6px; padding-right: 6px; } &.needs-attention > label { @extend %needs_attention; background-size: 6px 6px, 0 0; } } } placessidebar { > viewport.frame { border-style: none; } row { // Needs overriding of the GtkListBoxRow padding min-height: 30px; padding: 0px; // Using margins/padding directly in the SidebarRow // will make the animation of the new bookmark row jump > revealer { padding: 0 10px; } image.sidebar-icon { &:dir(ltr) { padding-right: 8px; } &:dir(rtl) { padding-left: 8px; } } label.sidebar-label { &:dir(ltr) { padding-right: 2px; } &:dir(rtl) { padding-left: 2px; } } @at-root button.sidebar-button { min-width: 22px; min-height: 22px; margin-top: 2px; margin-bottom: 2px; padding: 0; @extend button.flat; border-radius: 100%; -gtk-outline-radius: 100%; &:not(:hover):not(:active) > image { opacity: 0.5 }; } &.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: _solid($drop_target_color); background-clip: content-box; } &.sidebar-new-bookmark-row { color: $selected_bg_color; } &:drop(active):not(:disabled) { &, label, image { color: $drop_target_color; } box-shadow: inset 0 1px $drop_target_color, inset 0 -1px $drop_target_color; &:selected { &, label, image { color: $selected_fg_color; } background-color: $drop_target_color; } } } } // // Placesview // placesview { .server-list-button > image { -gtk-icon-transform: rotate(0turn); } .server-list-button:checked > image { transition: 200ms $ease-out-quad; -gtk-icon-transform: rotate(-0.5turn); } // this selects the "connect to server" label > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } } // // Paned // paned { > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: _solid($borders_color); background-size: 1px 1px; &:selected { background-image: _solid($selected_bg_color); } &.wide { min-width: 5px; min-height: 5px; background-color: $bg_color; background-image: _solid($borders_color), _solid($borders_color); background-size: 1px 1px, 1px 1px; } } &.horizontal > separator { background-repeat: repeat-y; &:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } &:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } &.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } } &.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; &.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } } } // // GtkInfoBar // infobar { border-style: none; &.info, &.question, &.warning, &.error { background-color: $selected_bg_color; color: $selected_fg_color; caret-color: currentColor; button { @extend %selected-button } selection { color: $selected_bg_color; background-color: $selected_fg_color; } *:link { @extend %link_selected; } } } // // Buttons on selected backgrounds // %selected-button { @at-root %normal_selected_button, & { color: $selected_fg_color; background-color: transparentize($selected_fg_color, 1); border-color: transparentize($selected_fg_color, 0.5); } &.flat { @include button(undecorated); color: $selected_fg_color; background-color: transparentize($selected_fg_color, 1); &:disabled { &, label { color: transparentize($selected_fg_color, 0.6); } } } &:hover { color: $selected_fg_color; background-color: transparentize($selected_fg_color, 0.8); border-color: transparentize($selected_fg_color, 0.2); } &:active, &:active:hover, &:checked { color: $selected_bg_color; background-color: $selected_fg_color; border-color: $selected_fg_color; } &:disabled { &, label { color: transparentize($selected_fg_color, 0.5); } background-color: transparentize($selected_fg_color, 1); border-color: transparentize($selected_fg_color, 0.6); &:active, &:checked { color: $selected_bg_color; background-color: transparentize($selected_fg_color, 0.5); border-color: transparentize($selected_fg_color, 0.6); } } } // // 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: lighten($osd_bg_color, 10%); background-clip: padding-box; label { padding: 4px; } } border-radius: 2px; box-shadow: none; decoration { background-color: transparent; } * { //Yeah this is ugly background-color: transparent; color: $osd_fg_color; // just to be sure } } // // Color Chooser // colorswatch { // This widget is made of two boxes one on top of the other, the lower box is GtkColorSwatch {} the other one // is GtkColorSwatch .overlay {}, GtkColorSwatch has the programmatically set background, so most of the style // is applied to the overlay box. $_colorswatch-radius: 2px; &, &:drop(active) { border-style: none; } // border rounding &.top { border-top-left-radius: $_colorswatch-radius + 0.5px; border-top-right-radius: $_colorswatch-radius + 0.5; overlay { border-top-left-radius: $_colorswatch-radius; border-top-right-radius: $_colorswatch-radius; } } &.bottom { border-bottom-left-radius: $_colorswatch-radius + 0.5px; border-bottom-right-radius: $_colorswatch-radius + 0.5; overlay { border-bottom-left-radius: $_colorswatch-radius; border-bottom-right-radius: $_colorswatch-radius; } } &.left, &:first-child:not(.top) { border-top-left-radius: $_colorswatch_radius + 0.5px; border-bottom-left-radius: $_colorswatch_radius + 0.5px; overlay { border-top-left-radius: $_colorswatch_radius; border-bottom-left-radius: $_colorswatch_radius; } } &.right, &:last-child:not(.bottom) { border-top-right-radius: $_colorswatch_radius + 0.5px; border-bottom-right-radius: $_colorswatch_radius + 0.5px; overlay { border-top-right-radius: $_colorswatch_radius; border-bottom-right-radius: $_colorswatch_radius; } } &.dark overlay { color: transparentize(white, 0.3); &:hover { border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); } } &.light overlay { color: transparentize(black, 0.3); &:hover { border-color: if($variant == 'light', transparentize(black, 0.7), $borders_color); } } overlay { border: 1px solid if($variant == 'light', transparentize(black, 0.85), $borders_color); &:hover { background-color: transparentize(white, 0.8) } } &:disabled { opacity: 0.5; overlay { border-color: transparentize(black, 0.4); box-shadow: none; } } &#add-color-button { border-style: solid; // the borders are drawn by the overlay for standard colorswatches to have them semi border-width: 1px; // translucent on the colored background, here it's not necessary so they need to be set @include button(normal); &:hover { @include button(hover); } overlay { @include button(undecorated); } // reset the overlay to not cover the button style underneath } } button.color { padding: 0; colorswatch:first-child:last-child { &, overlay { margin: 4px; border-radius: 0; } } } // colorscale popup colorchooser .popover.osd { border-radius: 3px; } // // Misc // //content view (grid/list) .content-view { background-color: $base_color; &:hover { -gtk-icon-effect: highlight; } rubberband { @extend rubberband; } } .scale-popup { .osd & { @extend %osd; } button { // +/- buttons on GtkVolumeButton popup &:hover { @include button(hover); } } } // Decouple the font of context menus from their entry/textview .context-menu { font: initial; } .monospace { font-family: Monospace; } // // Shortcuts Help // button.circular, button.circular-button { padding: 0; min-width: 16px; min-height: 24px; padding: 2px 6px; border-radius: 50%; -gtk-outline-radius: 50%; label { padding: 0; } } .keycap { min-width: 16px; min-height: 20px; padding: 3px 6px 4px 6px; color: $fg_color; background-color: $base_color; border: 1px solid $borders_color; border-radius: 2.5px; box-shadow: inset 0px -2px 0px if($variant=='light', transparentize(black, 0.95), transparentize(black, 0.85)); } stackswitcher button { &.text-button { min-width: 80px; } &.circular { min-width: 0; } } // // Dnd // *:drop(active):focus, *:drop(active) { box-shadow: inset 0 0 0 1px $drop_target_color; } // // Window Decorations // decoration { border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); border-width: 0px; $_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize(black, 0.45)); box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border), 0 8px 8px 0 if($variant == 'light', opacify($_wm_border, 0.1), transparentize($_wm_border, 0.2)); // this is used for the resize cursor area margin: 10px; &:backdrop { // the transparent shadow here is to enforce that the shadow extents don't // change when we go to backdrop, to prevent jumping windows box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', transparentize(darken($header_bg, 7%), 0.1), $_wm_border), 0 8px 8px 0 transparent, 0 5px 5px 0 if($variant == 'light', opacify($_wm_border, 0.1), transparentize($_wm_border, 0.2)); transition: $backdrop_transition; } .fullscreen &, .tiled & { border-radius: 0; } .popup & { box-shadow: none; border-radius: 0; } // server-side decorations as used by mutter .ssd & { border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', transparentize(black, 0.35), $_wm_border); &.maximized { border-radius: 0; } } .csd.popup & { border-radius: 2px; box-shadow: 0 3px 6px if($variant == 'light', $_wm_border, transparentize($_wm_border, 0.1)), 0 0 0 1px if($variant == 'light', $_wm_border, darken($bg_color, 10%)); } tooltip.csd & { border-radius: 2px; box-shadow: 0 1px 3px 1px if($variant == 'light', $_wm_border, transparentize($_wm_border, 0.3)); } messagedialog.csd & { border-radius: 3px; } .solid-csd & { border-radius: 0; margin: 1px; background-color: $header_bg; box-shadow: none; } } // // Titlebuttons // headerbar, .titlebar { &.default-decoration button.titlebutton { // no vertical padding for ssd buttons padding: 0 4px; // already handled by the titlebar-padding min-width: 0; min-height: 0; margin: 0; } button.titlebutton { padding: 0; min-width: 24px; @include button(undecorated); background-color: transparentize($header_bg, 1); &:hover { @include button(header-hover); } &:active, &:checked { @include button(header-active); } &.close, &.maximize, &.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; border-width: 0; &:backdrop { opacity: 1; } } // Load png assets for each button @each $k in ('close','maximize', 'minimize') { @each $l, $m in ('',''), (':backdrop','-backdrop'), (':hover','-hover'), (':active','-active') { &.#{$k}#{$l} { background-image: -gtk-scaled(url('assets/titlebutton-#{$k}#{$m}#{$darker_asset_suffix}.png'), url('assets/titlebutton-#{$k}#{$m}#{$darker_asset_suffix}@2.png')); } } } } } // catch all extend %selected_items { background-color: $selected_bg_color; @at-root %nobg_selected_items, & { color: $selected_fg_color; &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); } } } ================================================ FILE: common/gtk-3.0/3.20/sass/_drawing.scss ================================================ // Drawing mixins // Solid color image @function _solid($c) { @return linear-gradient(to bottom, $c, $c); } // Entries @mixin entry($t) { // // Entries drawing function // // $t: entry type // @if $t==normal { // // normal entry // color: $text_color; border-color: $entry_border; background-color: $entry_bg; } @if $t==focus { // // focused entry // color: $text_color; border-color: if($variant=='light', $selected_bg_color, $button_border); background-color: $entry_bg; @if $variant == 'dark' { box-shadow: inset 1px 0 $selected_bg_color, inset -1px 0 $selected_bg_color, inset 0 1px $selected_bg_color, inset 0 -1px $selected_bg_color; } } @if $t==insensitive { // // insensitive entry // color: $insensitive_fg_color; border-color: transparentize($entry_border, 0.45); background-color: transparentize($entry_bg, 0.45); } @if $t==header-normal { // // normal header-bar entry // color: $header_fg; border-color: $header_entry_border; background-color: $header_entry_bg; image, image:hover { color: inherit; } } @if $t==header-focus { // // focused header-bar entry // color: $selected_fg_color; border-color: if($darker=='false' and $variant=='light', $selected_bg_color, transparent); background-color: $selected_bg_color; } @if $t==header-insensitive { // // insensitive header-bar entry // color: transparentize($header_fg, 0.45); border-color: $header_entry_border; background-color: transparentize($header_entry_bg, 0.15); } @else if $t==osd { // // normal osd entry // color: $osd_fg_color; border-color: $osd_entry_border; background-color: $osd_entry_bg; image, image:hover { color: inherit; } } @else if $t==osd-focus { // // active osd entry // color: $selected_fg_color; border-color: $osd_entry_border; background-color: $selected_bg_color; } @else if $t==osd-insensitive { // // insensitive osd entry // color: transparentize($osd_fg_color, 0.45); background-color: transparentize($osd_entry_bg, 0.15); } } // Buttons @mixin button($t, $actionb_bg:red, $actionb_fg: green) { // // Button drawing function // // $t: button type, // $actionb_bg, $actionb_fg: used for destructive and suggested action buttons @if $t==normal { // // normal button // color: $fg_color; border-color: $button_border; background-color: $button_bg; } @else if $t==hover { // // hovered button // color: $fg_color; border-color: $button_border; background-color: lighten($button_bg, 5%); } @else if $t==active { // // pushed button // color: $selected_fg_color; border-color: if($variant=='light', $selected_bg_color, $button_border); background-color: $selected_bg_color; } @else if $t==insensitive { // // insensitive button // label, & { color: $insensitive_fg_color; } border-color: transparentize($button_border, 0.45); background-color: transparentize($button_bg, 0.45); } @else if $t==insensitive-active { // // insensitive pushed button // label, & { color: transparentize($selected_fg_color, 0.2); } border-color: transparentize($selected_bg_color, 0.25); background-color: transparentize($selected_bg_color, 0.25); opacity: 0.6; } @if $t==header-normal { // // normal header-bar button // color: $header_fg; outline-offset: -3px; background-color: transparentize($header_bg, 1); border-color: transparentize($header_bg, 1); } @else if $t==header-hover { // // hovered header-bar button // color: $header_fg; border-color: $header_button_border; background-color: $header_button_bg; } @else if $t==header-active { // // pushed header-bar button // color: $selected_fg_color; border-color: if($darker=='false' and $variant=='light', $selected_bg_color, transparent); background-color: $selected_bg_color; } @else if $t==header-insensitive { // // insensitive header-bar button // label, & { color: transparentize($header_fg, 0.45); } background-color: transparentize($header_bg, 1); border-color: transparentize($header_bg, 1); } @else if $t==header-insensitive-active { // // header-bar insensitive pushed button // color: transparentize($selected_fg_color, 0.25); border-color: transparentize($selected_bg_color, 0.35); background-color: transparentize($selected_bg_color, 0.35); } @else if $t==osd { // // normal osd button // color: $osd_fg_color; border-color: $osd_button_border; background-color: $osd_button_bg; } @else if $t==osd-hover { // // active osd button // color: $osd_fg_color; border-color: $osd_button_border; background-color: opacify(lighten($osd_button_bg, 7%), 0.1); } @else if $t==osd-active { // // active osd button // color: $selected_fg_color; border-color: $osd_button_border; background-color: $selected_bg_color; } @else if $t==osd-insensitive { // // insensitive osd button // color: $osd_insensitive_fg_color; border-color: $osd_button_border; background-color: transparentize($osd_button_bg, 0.15); } @else if $t==suggested_destructive { // // suggested or destructive action buttons // background-clip: border-box; color: $actionb_fg; background-color: $actionb_bg; border-color: $actionb_bg; } @else if $t==undecorated { // // reset // border-color: transparent; background-color: transparent; background-image: none; } } // // Overshoot // @mixin overshoot($p, $c:$selected_bg_color) { // $p: position // $c: base color // // possible $p values: // top, bottom, right, left // $_big_gradient_length: 60%; $_position: center top; $_big_gradient_size: 100% $_big_gradient_length; @if $p==bottom { $_position: center bottom; } @else if $p==right { $_position: right center; $_big_gradient_size: $_big_gradient_length 100%; } @else if $p==left { $_position: left center; $_big_gradient_size: $_big_gradient_length 100%; } background-image: -gtk-gradient(radial, $_position, 0, $_position, 0.6, from(transparentize($c, 0.8)), to(transparentize($c, 1))); background-size: $_big_gradient_size; background-repeat: no-repeat; background-position: $_position; background-color: transparent; // reset some properties to be sure to not inherit them somehow border: none; // box-shadow: none; // } // // Undershoot // @mixin undershoot($p) { // $p: position // // possible $p values: // top, bottom, right, left // $_undershoot_color_dark: transparentize(black, 0.8); $_undershoot_color_light: transparentize(white, 0.8); $_gradient_dir: left; $_dash_bg_size: 10px 1px; $_gradient_repeat: repeat-x; $_bg_pos: center $p; background-color: transparent; // shouldn't be needed, but better to be sure; @if ($p == left) or ($p == right) { $_gradient_dir: top; $_dash_bg_size: 1px 10px; $_gradient_repeat: repeat-y; $_bg_pos: $p center; } background-image: linear-gradient(to $_gradient_dir, // this is the dashed line $_undershoot_color_light 50%, $_undershoot_color_dark 50%); padding-#{$p}: 1px; background-size: $_dash_bg_size; background-repeat: $_gradient_repeat; background-origin: content-box; background-position: $_bg_pos; border: none; } ================================================ FILE: common/gtk-3.0/3.20/sass/_granite.scss ================================================ // Granite Widgets // // Overlay Bar // .overlay-bar { background-color: $selected_bg_color; border-color: $selected_bg_color; border-radius: 2px; padding: 3px 6px; margin: 3px; label { color: $selected_fg_color; } } // // Thin Pane Separator // GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; border-left: 1px solid $borders_color; border-right: 1px solid $borders_color; } // avoid borders when a viewport is // packed into a Static Notebook, or Popover GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { border: none; } // // Help Button // .help_button { border-radius: 100px; padding: 3px 9px; } // // Secondary Toolbars // toolbar.secondary-toolbar { padding: 3px; border-bottom: 1px solid $borders_color; button { padding: 0 3px 0 3px; } } // // Bottom Toolbars // toolbar.bottom-toolbar { padding: 5px; border-width: 1px 0 0 0; border-style: solid; border-color: $borders_color; background-color: $bg_color; button { padding: 2px 3px 2px 3px; } } // // Sidebar & Source List // .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; } .source-list, .source-list.view { background-color: $bg_color; color: $fg_color; -gtk-icon-style: regular; } .source-list.category-expander { color: transparent; } .source-list.view:hover { background-color: lighten($bg_color, 5%); } .source-list.view:selected, .source-list.view:hover:selected, .source-list.view:selected:focus, .source-list.category-expander:hover { color: $selected_fg_color; background-color: $selected_bg_color; } .source-list scrollbar, .source-list junction { border-image: none; border-color: transparent; background-color: $bg_color; background-image: none; } .source-list.badge, .source-list.badge:hover, .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:hover:selected { background-image: none; background-color: $selected_bg_color; color: $selected_fg_color; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list.badge:selected, .source-list.badge:selected:focus, .source-list.badge:hover:selected { background-color: $selected_fg_color; color: $selected_bg_color; } // // Expander // .source-list.category-expander { color: $fg_color; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -GtkTreeView-expander-size: 16; } .source-list.category-expander, .source-list.category-expander:backdrop { color: transparent; border: none; } .source-list.category-expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } // // Welcome // GraniteWidgetsWelcome { background-color: $base_color; } GraniteWidgetsWelcome label { color: mix($fg_color, $bg_color, 50%); font-size: 11px; text-shadow: none; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: transparentize($fg_color, 0.2); } // // Help Button // .help_button { border-radius: 0; } // // Popover // GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 2px; -GraniteWidgetsPopOver-border-width: 1; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid transparentize(black, 0.7); margin: 0; } .popover_bg { background-image: _solid($base_color); border: 1px solid transparentize(black, 0.7); } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver * { background-color: transparent; } // // Xs Entry // GraniteWidgetsXsEntry entry { padding: 4px; } // // Text Styles // .h1 { font-size: 24px; } .h2 { font-size: 18px; } .h3 { font-size: 11px; } .h4, .category-label { color: mix($bg_color, $text_color, 30%); font-weight: 600; } .h4 { padding-bottom: 6px; padding-top: 6px; } GtkListBox .h4{ padding-left: 6px; } ================================================ FILE: common/gtk-3.0/3.20/sass/_lightdm.scss ================================================ // the panel widget at the top #panel_window { background-color: $panel_bg; color: $panel_fg; font-weight: bold; box-shadow: inset 0 -1px darken($panel_bg, 7%); // the menubars/menus of the panel, i.e. indicators menubar { padding-left: 5px; &, > menuitem { background-color: transparent; color: $panel_fg; font-weight: bold; } } menubar menuitem:disabled { color: transparentize($panel_fg, 0.5); label { color: inherit; } } menubar menu > menuitem { font-weight: normal; } } // the login window #login_window, #shutdown_dialog, #restart_dialog { font-weight: normal; border-style: none; background-color: transparent; color: $fg_color; } // the top half of the login-window, in GtkDialog terms, the content #content_frame { padding-bottom: 14px; background-color: $bg_color; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid transparentize(black, 0.9); border-width: 1px 1px 0 1px; } #content_frame button { @include button(normal); &:hover { @include button(hover); } &:active, &:checked { @include button(active); } &:disabled { @include button(insensitive); } } // the lower half of the login-window, in GtkDialog terms the buttonbox or action area #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: if($variant=='light', $osd_bg_color, $header_bg); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid transparentize(black, 0.9); border-width: 0 1px 1px 1px; box-shadow: inset 0 1px if($variant=="light", $dark_sidebar_border, $header_border); } #buttonbox_frame button{ @include button(osd); &:hover { @include button(osd-hover); } &:active, &:checked { @include button(osd-active); } &:disabled { @include button(osd-insensitive); } } #login_window #user_combobox { color: $fg_color; font-size: 13px; menu { font-weight: normal; } } // the user's avatar box #user_image { padding: 3px; border-radius: 2px; } // the shutdown button #shutdown_button.button { @include button(suggested_destructive, $destructive_color); &:hover { @include button(suggested_destructive, lighten($destructive_color, 10%)); } &:active, &:checked { @include button(suggested_destructive, darken($destructive_color, 10%)); } } // the restart button #restart_button.button { @include button(suggested_destructive, $suggested_color); &:hover { @include button(suggested_destructive, lighten($suggested_color, 10%)); } &:active, &:checked { @include button(suggested_destructive, darken($suggested_color, 10%)); } } // the warning, in case a wrong password is entered or something else goes wrong according to PAM #greeter_infobar { border-bottom-width: 0; font-weight: bold; } ================================================ FILE: common/gtk-3.0/3.20/sass/_transparent_widgets.scss ================================================ //.nemo-window GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar //.nemo-window, .nautilus-window { paned > separator { background-image: _solid($dark_sidebar_border); @if $variant=='light' { &:dir(ltr) { margin-left: -1px; } &:dir(rtl) { margin-right: -1px; } } } } filechooser paned > separator { background-image: _solid($dark_sidebar_border); } // Dark transparent sidebars filechooser, .nautilus-window { &.csd.background, placessidebar list { background-color: transparent; } placessidebar.sidebar { background-color: $dark_sidebar_bg; row.sidebar-row { border: none; color: $dark_sidebar_fg; .sidebar-icon { color: transparentize($dark_sidebar_fg, 0.4); } &.has-open-popup, &:hover { background-color: transparentize($dark_sidebar_fg, 0.85); } &:disabled { &, label, image { color: transparentize($dark_sidebar_fg, 0.6); } } &:selected.has-open-popup, &:selected, &:selected:hover, &:active:hover { @extend %selected_items; .sidebar-icon { color: inherit; } } &:not(:selected) button.sidebar-button { color: $dark_sidebar_fg; &:hover { @include button(osd-hover); } &:active { @include button(active); } &:not(:hover):not(:active) > image { opacity: 0.5 }; } &.sidebar-new-bookmark-row { color: $selected_bg_color; .sidebar-icon { color: inherit; } } &:drop(active):not(:disabled) { &, label, .sidebar-icon { color: $drop_target_color; } &:selected { &, label, .sidebar-icon { color: $selected_fg_color; } background-color: $drop_target_color; } } } separator { background-color: transparent; } scrollbar { @extend %dark_sidebar_scrollbar } } &.maximized placessidebar.sidebar { background-color: opacify($dark_sidebar_bg, 1); } } .nemo-window { .sidebar { color: $dark_sidebar_fg; background-color: $dark_sidebar_bg; .view, row { background-color: transparent; color: $dark_sidebar_fg; &.cell:selected { background-color: $selected_bg_color; color: $selected_fg_color; } &.expander { color: mix($dark_sidebar_fg, $dark_sidebar_bg, 50%); &:hover { color: $dark_sidebar_fg; } } } separator { background-color: transparent; } scrollbar { @extend %dark_sidebar_scrollbar } } } .caja-side-pane { &, > notebook > stack > widget > box, text, treeview { color: $dark_sidebar_fg; caret-color: $dark_sidebar_fg; background-color: opacify($dark_sidebar_bg, 1); } > box button { &:not(:active):not(:checked) { color: $dark_sidebar_fg; } &:hover:not(:active) { @extend %dark_sidebar_button:hover; } } .frame { border-color: darken(opacify($dark_sidebar_bg, 1), 5%); } scrollbar { @extend %dark_sidebar_scrollbar; } junction { background-color: darken($dark_sidebar_bg, 5%); } } filechooser { actionbar { color: $dark_sidebar_fg; background-color: $dark_sidebar_bg; border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%)); button { @extend %dark_sidebar_button; } entry { @extend %dark_sidebar_entry; } @extend %osd_check_radio; label, combobox { color: $dark_sidebar_fg; } } } // Gedit .gedit-bottom-panel-paned { background-color: $base_color; } .gedit-side-panel-paned > separator { background-image: _solid($dark_sidebar_border); } .gedit-bottom-panel-paned > separator { background-image: _solid($borders_color); } .gedit-document-panel { background-color: $dark_sidebar_bg; .maximized & { background-color: opacify($dark_sidebar_bg, 1); } row { color: $dark_sidebar_fg; background-color: transparentize($dark_sidebar_fg, 1); &:hover { background-color: transparentize($dark_sidebar_fg, 0.85); } &:active { color: $selected_fg_color; background-color: $selected_bg_color; button { color: $selected_fg_color; } } &:selected, &:selected:hover { color: $selected_fg_color; background-color: $selected_bg_color; } &:hover:not(:selected) button:active { color: $dark_sidebar_fg; } } } %dark_sidebar_button { @include button(osd); &:hover { @include button(osd-hover); } &:active, &:checked { @include button(osd-active); } &:disabled { @include button(osd-insensitive); } } %dark_sidebar_entry { @include entry(osd); &:focus { @include entry(osd-focus); } &:disabled { @include entry(osd-insensitive); } } %dark_sidebar_scrollbar { border-color: darken($dark_sidebar_bg, 5%); &.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: lighten($dark_sidebar_fg, 15%); border: 1px solid transparentize(black, 0.7); } slider { background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); &:hover { background-color: lighten($dark_sidebar_fg, 20%); } &:hover:active { background-color: $selected_bg_color; } &:disabled { background-color: transparent; } } trough { background-color: darken($dark_sidebar_bg, 5%); } } ================================================ FILE: common/gtk-3.0/3.20/sass/_unity.scss ================================================ // Decorations UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; -UnityDecoration-shadow-offset-y: 3px; -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); -UnityDecoration-active-shadow-radius: 12px; -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); -UnityDecoration-inactive-shadow-radius: 7px; -UnityDecoration-glow-size: 10px; -UnityDecoration-glow-color: $selected_bg_color; -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; .top { border: 1px solid if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9)); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; background-image: _solid(opacify($header_bg, 1)); color: $header_fg; // The foreground color will be used to paint the text box-shadow: inset 0 1px lighten($header_bg, 3%); &:backdrop { border-bottom-width: 0; //background-image: _solid(opacify($header_bg_backdrop, 1)); color: transparentize($header_fg, 0.3); } } .left, .right, .bottom, .left:backdrop, .right:backdrop, .bottom:backdrop { background-color: transparent; background-image: _solid(if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9))); } } // Panel Style UnityPanelWidget, .unity-panel { background-image: _solid(#2f343f); color: lighten($panel_fg, 20%); box-shadow: none; &:backdrop { color: lighten($panel_fg, 1%); } } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { border-radius: 0; color: $selected_fg_color; background-image: _solid($selected_bg_color); border-bottom: none; } // Unity Greeter .lightdm.menu { background-image: none; background-color: transparentize(black, 0.6); border-color: transparentize(white, 0.2); border-radius: 4px; padding: 1px; color: white; } .lightdm-combo .menu { background-color: lighten($header_bg, 8); border-radius: 0px; padding: 0px; color: white; } .lightdm.menu .menuitem *, .lightdm.menu .menuitem.check:active, .lightdm.menu .menuitem.radio:active { color: white; } .lightdm.menubar { color: transparentize(white, 0.2); background-image: none; background-color: transparentize(black, 0.5); & > .menuitem { padding: 2px 6px; } } .lightdm-combo.combobox-entry .button, .lightdm-combo .cell, .lightdm-combo .button, .lightdm-combo .entry, .lightdm.button, .lightdm.entry { background-image: none; background-color: transparentize(black, 0.7); border-color: transparentize(white, 0.6); border-radius: 10px; padding: 7px; color: white; text-shadow: none; } .lightdm.button, .lightdm.button:hover, .lightdm.button:active, .lightdm.button:active:focus, .lightdm.entry, .lightdm.entry:hover, .lightdm.entry:active, .lightdm.entry:active:focus { background-image: none; border-image: none; } .lightdm.button:focus, .lightdm.entry:focus { border-color: transparentize(white, 0.9); border-width: 1px; border-style: solid; color: white; } .lightdm.entry:selected { background-color: transparentize(white, 0.2); } .lightdm.entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } .lightdm.option-button { padding: 2px; background: none; border: 0; } .lightdm.toggle-button { background: none; border-width: 0; &.selected { background-color: transparentize(black, 0.3); border-width: 1px; } } @keyframes dashentry_spinner { to { -gtk-icon-transform: rotate(1turn); } } ================================================ FILE: common/gtk-3.0/3.20/sass/gtk-dark.scss ================================================ $variant: 'dark'; $darker: 'false'; $transparency: 'true'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.20/sass/gtk-darker.scss ================================================ $variant: 'light'; $darker: 'true'; $transparency: 'true'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.20/sass/gtk-solid-dark.scss ================================================ $variant: 'dark'; $darker: 'false'; $transparency: 'false'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.20/sass/gtk-solid-darker.scss ================================================ $variant: 'light'; $darker: 'true'; $transparency: 'false'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.20/sass/gtk-solid.scss ================================================ $variant: 'light'; $darker: 'false'; $transparency: 'false'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/gtk-3.0/3.20/sass/gtk.scss ================================================ $variant: 'light'; $darker: 'false'; $transparency: 'true'; @import 'colors'; @import 'drawing'; @import 'common'; @import 'applications'; @import 'unity'; @import 'granite'; @import 'lightdm'; @import 'transparent_widgets'; @import 'colors-public'; ================================================ FILE: common/index.theme ================================================ [Desktop Entry] Type=X-GNOME-Metatheme Name=Arc Comment=A flat theme with transparent elements Encoding=UTF-8 [X-GNOME-Metatheme] GtkTheme=Arc MetacityTheme=Arc IconTheme=gnome CursorTheme=DMZ-Black ButtonLayout=menu:minimize,maximize,close ================================================ FILE: common/index.theme-dark ================================================ [Desktop Entry] Type=X-GNOME-Metatheme Name=Arc-Dark Comment=A flat theme with transparent elements Encoding=UTF-8 [X-GNOME-Metatheme] GtkTheme=Arc-Dark MetacityTheme=Arc-Dark IconTheme=gnome CursorTheme=DMZ-Black ButtonLayout=menu:minimize,maximize,close ================================================ FILE: common/index.theme-darker ================================================ [Desktop Entry] Type=X-GNOME-Metatheme Name=Arc-Darker Comment=A flat theme with transparent elements Encoding=UTF-8 [X-GNOME-Metatheme] GtkTheme=Arc-Darker MetacityTheme=Arc-Darker IconTheme=gnome CursorTheme=DMZ-Black ButtonLayout=menu:minimize,maximize,close ================================================ FILE: common/metacity-1/metacity-theme-1-dark.xml ================================================ Arc horst3180 horst3180 2015 Arc Metacity theme </draw_ops> <draw_ops name="title_unfocused"> <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" color="C_title_unfocused"/> </draw_ops> <!-- window decorations --> <draw_ops name="entire_background_focused"> <rectangle color="C_wm_bg_focused" x="0" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="entire_background_unfocused"> <rectangle color="C_wm_bg_unfocused" x="0" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="titlebar_focused"> <rectangle color="C_wm_bg_focused" x="0" y="0" width="width" height="height" filled="true" /> <rectangle color="C_wm_highlight" x="0" y="0" width="width" height="1" filled="true" /> </draw_ops> <draw_ops name="titlebar_unfocused"> <rectangle color="C_wm_bg_unfocused" x="0" y="0" width="width" height="height" filled="true" /> <rectangle color="C_wm_highlight" x="0" y="0" width="width" height="1" filled="true" /> </draw_ops> <draw_ops name="titlebar_max"> </draw_ops> <draw_ops name="titlebar_small_focused"> </draw_ops> <draw_ops name="titlebar_small_unfocused"> </draw_ops> <draw_ops name="border_focused"> <rectangle color="C_wm_bg_focused" x="0" y="0" width="width" height="height" filled="false" /> </draw_ops> <draw_ops name="border_unfocused"> <rectangle color="C_wm_bg_unfocused" x="0" y="0" width="width" height="height" filled="false" /> </draw_ops> <!--close--> <draw_ops name="close_focused"> <image filename="button-bg.svg" colorize="C_button_close_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_focused_pressed"> <image filename="button-bg.svg" colorize="C_button_close_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_focused_prelight"> <image filename="button-bg.svg" colorize="C_button_close_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_unfocused"> <image filename="button-bg.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_unfocused_prelight"> <image filename="button-bg.svg" colorize="C_button_close_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_unfocused_pressed"> <image filename="button-bg.svg" colorize="C_button_close_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <!--maximize--> <draw_ops name="maximize_focused"> <image filename="max-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_focused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_focused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_unfocused"> <image filename="max-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_unfocused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_unfocused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <!--minimize--> <draw_ops name="minimize_focused"> <image filename="min-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_focused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_focused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_unfocused"> <image filename="min-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_unfocused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_unfocused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <!--Todo--> <draw_ops name="menu_focused"></draw_ops> <draw_ops name="menu_focused_pressed"></draw_ops> <draw_ops name="menu_unfocused"></draw_ops> <draw_ops name="menu_unfocused_prelight"></draw_ops> <draw_ops name="menu_unfocused_pressed"></draw_ops> <draw_ops name="shade_focused"></draw_ops> <draw_ops name="shade_focused_pressed"></draw_ops> <draw_ops name="shade_unfocused"></draw_ops> <draw_ops name="shade_unfocused_prelight"></draw_ops> <draw_ops name="shade_unfocused_pressed"></draw_ops> <!-- frame styles --> <frame_style name="normal_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_unfocused" geometry="normal_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_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="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_focused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_unfocused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <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="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_shaded_focused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_shaded_unfocused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <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="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="dialog_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="dialog_unfocused" geometry="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></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="modal_dialog_focused" geometry="modal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="modal_dialog_unfocused" geometry="modal"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused"/> <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="utility_focused" geometry="small"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_small_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="utility_unfocused" geometry="small_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_small_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused"/> <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="border_focused" geometry="borderless"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="border_unfocused" geometry="borderless"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- placeholder for unimplementated styles--> <frame_style name="blank" geometry="normal"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- frame style sets --> <frame_style_set name="normal_style_set"> <frame focus="yes" state="normal" resize="both" style="normal_focused"/> <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> <frame focus="yes" state="maximized" style="normal_max_focused"/> <frame focus="no" state="maximized" style="normal_max_unfocused"/> <frame focus="yes" state="shaded" style="normal_focused"/> <frame focus="no" state="shaded" style="normal_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused"/> <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused"/> </frame_style_set> <frame_style_set name="dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="dialog_focused"/> <frame focus="no" state="shaded" style="dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="modal_dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="modal_dialog_focused"/> <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="utility_style_set"> <frame focus="yes" state="normal" resize="both" style="utility_focused"/> <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="utility_focused"/> <frame focus="no" state="shaded" style="utility_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="border_style_set"> <frame focus="yes" state="normal" resize="both" style="border_focused"/> <frame focus="no" state="normal" resize="both" style="border_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="blank"/> <frame focus="no" state="shaded" style="blank"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <!-- windows --> <window type="normal" style_set="normal_style_set"/> <window type="dialog" style_set="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> ================================================ FILE: common/metacity-1/metacity-theme-1.xml ================================================ <?xml version="1.0"?> <metacity_theme> <info> <name>Arc</name> <author>horst3180</author> <copyright>horst3180</copyright> <date>2015</date> <description>Arc Metacity theme</description> </info> <!-- meaningfull constants --> <constant name="C_title_focused" value="#70788d" /> <constant name="C_title_unfocused" value="#979dac" /> <constant name="C_wm_bg_focused" value="#e7e8eb" /> <constant name="C_wm_bg_unfocused" value="#e7e8eb" /> <constant name="C_wm_highlight" value="#eeeff1" /> <!-- window button colors --> <!-- close --> <constant name="C_button_close_bg_focused" value="#f46067" /> <constant name="C_button_close_bg_hover" value="#f68086" /> <constant name="C_button_close_bg_active" value="#f13039" /> <constant name="C_icon_close_bg" value="#F8F8F9" /> <!-- minimize, maximize --> <constant name="C_button_bg_hover" value="#fdfdfd" /> <constant name="C_button_bg_active" value="#5294e2" /> <constant name="C_button_border_hover" value="#D1D3DA" /> <constant name="C_icon_bg_focused" value="#90949E" /> <constant name="C_icon_bg_unfocused" value="#B6B8C0" /> <constant name="C_icon_bg_hover" value="#7A7F8B" /> <constant name="C_icon_bg_active" value="#5294e2" /> <!-- geometries --> <frame_geometry name="normal" title_scale="medium" rounded_top_left="1" rounded_top_right="1"> <distance name="left_width" value="1" /> <distance name="right_width" value="1" /> <distance name="bottom_height" value="3" /> <distance name="left_titlebar_edge" value="2"/> <distance name="right_titlebar_edge" value="2"/> <distance name="title_vertical_pad" value="3"/> <border name="title_border" left="10" right="10" top="3" bottom="3"/> <border name="button_border" left="3" right="3" top="0" bottom="0"/> <aspect_ratio name="button" value="1.0" /> </frame_geometry> <frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="1" rounded_top_right="1" parent="normal"> </frame_geometry> <frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false"> <distance name="left_width" value="0" /> <distance name="right_width" value="0" /> <distance name="bottom_height" value="0" /> <distance name="left_titlebar_edge" value="0"/> <distance name="right_titlebar_edge" value="0"/> <distance name="title_vertical_pad" value="2"/> <!-- This needs to be 1 less then the title_vertical_pad on normal state or you'll have bigger buttons --> <distance name="bottom_height" value="0" /> </frame_geometry> <frame_geometry name="small" title_scale="small" parent="normal" hide_buttons="true" rounded_top_left="1" rounded_top_right="1"> <distance name="title_vertical_pad" value="7"/> <border name="title_border" left="10" right="10" top="0" bottom="1"/> </frame_geometry> <frame_geometry name="small_unfocused" parent="small"> <distance name="left_titlebar_edge" value="1"/> <distance name="right_titlebar_edge" value="1"/> </frame_geometry> <frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" > <distance name="left_width" value="0" /> <distance name="right_width" value="0" /> <distance name="bottom_height" value="0" /> <distance name="title_vertical_pad" value="0" /> <border name="title_border" left="10" right="10" top="0" bottom="0" /> </frame_geometry> <frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="1" rounded_top_right="1" parent="small"> <distance name="title_vertical_pad" value="5"/> </frame_geometry> <!-- drawing operations --> <!-- title --> <draw_ops name="title_focused"> <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" color="C_title_focused" /> </draw_ops> <draw_ops name="title_unfocused"> <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" color="C_title_unfocused"/> </draw_ops> <!-- window decorations --> <draw_ops name="entire_background_focused"> <rectangle color="C_wm_bg_focused" x="0" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="entire_background_unfocused"> <rectangle color="C_wm_bg_unfocused" x="0" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="titlebar_focused"> <rectangle color="C_wm_bg_focused" x="0" y="0" width="width" height="height" filled="true" /> <rectangle color="C_wm_highlight" x="0" y="0" width="width" height="1" filled="true" /> </draw_ops> <draw_ops name="titlebar_unfocused"> <rectangle color="C_wm_bg_unfocused" x="0" y="0" width="width" height="height" filled="true" /> <rectangle color="C_wm_highlight" x="0" y="0" width="width" height="1" filled="true" /> </draw_ops> <draw_ops name="titlebar_max"> </draw_ops> <draw_ops name="titlebar_small_focused"> </draw_ops> <draw_ops name="titlebar_small_unfocused"> </draw_ops> <draw_ops name="border_focused"> <rectangle color="C_wm_bg_focused" x="0" y="0" width="width" height="height" filled="false" /> </draw_ops> <draw_ops name="border_unfocused"> <rectangle color="C_wm_bg_unfocused" x="0" y="0" width="width" height="height" filled="false" /> </draw_ops> <!--close--> <draw_ops name="close_focused"> <image filename="button-bg.svg" colorize="C_button_close_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_focused_pressed"> <image filename="button-bg.svg" colorize="C_button_close_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_focused_prelight"> <image filename="button-bg.svg" colorize="C_button_close_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_unfocused"> <image filename="button-bg.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_unfocused_prelight"> <image filename="button-bg.svg" colorize="C_button_close_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_unfocused_pressed"> <image filename="button-bg.svg" colorize="C_button_close_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <!--maximize--> <draw_ops name="maximize_focused"> <image filename="max-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_focused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_focused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_unfocused"> <image filename="max-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_unfocused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_unfocused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <!--minimize--> <draw_ops name="minimize_focused"> <image filename="min-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_focused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_focused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_unfocused"> <image filename="min-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_unfocused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_unfocused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <!--Todo--> <draw_ops name="menu_focused"></draw_ops> <draw_ops name="menu_focused_pressed"></draw_ops> <draw_ops name="menu_unfocused"></draw_ops> <draw_ops name="menu_unfocused_prelight"></draw_ops> <draw_ops name="menu_unfocused_pressed"></draw_ops> <draw_ops name="shade_focused"></draw_ops> <draw_ops name="shade_focused_pressed"></draw_ops> <draw_ops name="shade_unfocused"></draw_ops> <draw_ops name="shade_unfocused_prelight"></draw_ops> <draw_ops name="shade_unfocused_pressed"></draw_ops> <!-- frame styles --> <frame_style name="normal_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_unfocused" geometry="normal_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_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="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_focused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_unfocused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <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="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_shaded_focused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_shaded_unfocused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <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="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="dialog_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="dialog_unfocused" geometry="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></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="modal_dialog_focused" geometry="modal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="modal_dialog_unfocused" geometry="modal"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused"/> <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="utility_focused" geometry="small"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_small_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="utility_unfocused" geometry="small_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_small_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused"/> <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="border_focused" geometry="borderless"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="border_unfocused" geometry="borderless"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- placeholder for unimplementated styles--> <frame_style name="blank" geometry="normal"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- frame style sets --> <frame_style_set name="normal_style_set"> <frame focus="yes" state="normal" resize="both" style="normal_focused"/> <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> <frame focus="yes" state="maximized" style="normal_max_focused"/> <frame focus="no" state="maximized" style="normal_max_unfocused"/> <frame focus="yes" state="shaded" style="normal_focused"/> <frame focus="no" state="shaded" style="normal_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused"/> <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused"/> </frame_style_set> <frame_style_set name="dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="dialog_focused"/> <frame focus="no" state="shaded" style="dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="modal_dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="modal_dialog_focused"/> <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="utility_style_set"> <frame focus="yes" state="normal" resize="both" style="utility_focused"/> <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="utility_focused"/> <frame focus="no" state="shaded" style="utility_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="border_style_set"> <frame focus="yes" state="normal" resize="both" style="border_focused"/> <frame focus="no" state="normal" resize="both" style="border_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="blank"/> <frame focus="no" state="shaded" style="blank"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <!-- windows --> <window type="normal" style_set="normal_style_set"/> <window type="dialog" style_set="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> ================================================ FILE: common/metacity-1/metacity-theme-2-dark.xml ================================================ <?xml version="1.0"?> <metacity_theme> <info> <name>Arc</name> <author>horst3180</author> <copyright>horst3180</copyright> <date>2015</date> <description>Arc Metacity theme</description> </info> <!-- meaningfull constants --> <constant name="C_title_focused" value="#afb8c6" /> <constant name="C_title_unfocused" value="#8a939f" /> <constant name="C_wm_bg_focused" value="#2f343f" /> <constant name="C_wm_bg_unfocused" value="#2f343f" /> <constant name="C_wm_highlight" value="#353a48" /> <!-- window button colors --> <!-- close --> <constant name="C_button_close_bg_focused" value="#cc575d" /> <constant name="C_button_close_bg_hover" value="#d7787d" /> <constant name="C_button_close_bg_active" value="#be3841" /> <constant name="C_icon_close_bg" value="#2f343f" /> <!-- minimize, maximize --> <constant name="C_button_bg_hover" value="#454C5C" /> <constant name="C_button_bg_active" value="#5294e2" /> <constant name="C_button_border_hover" value="#262932" /> <constant name="C_icon_bg_focused" value="#90939B" /> <constant name="C_icon_bg_unfocused" value="#666A74" /> <constant name="C_icon_bg_hover" value="#C4C7CC" /> <constant name="C_icon_bg_active" value="#5294e2" /> <!-- geometries --> <frame_geometry name="normal" title_scale="medium" rounded_top_left="1" rounded_top_right="1"> <distance name="left_width" value="1" /> <distance name="right_width" value="1" /> <distance name="bottom_height" value="3" /> <distance name="left_titlebar_edge" value="2"/> <distance name="right_titlebar_edge" value="2"/> <distance name="title_vertical_pad" value="3"/> <border name="title_border" left="10" right="10" top="3" bottom="3"/> <border name="button_border" left="3" right="3" top="0" bottom="0"/> <aspect_ratio name="button" value="1.0" /> </frame_geometry> <frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="1" rounded_top_right="1" parent="normal"> </frame_geometry> <frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false"> <distance name="left_width" value="0" /> <distance name="right_width" value="0" /> <distance name="bottom_height" value="0" /> <distance name="left_titlebar_edge" value="0"/> <distance name="right_titlebar_edge" value="0"/> <distance name="title_vertical_pad" value="2"/> <!-- This needs to be 1 less then the title_vertical_pad on normal state or you'll have bigger buttons --> <distance name="bottom_height" value="0" /> </frame_geometry> <frame_geometry name="small" title_scale="small" parent="normal" hide_buttons="true" rounded_top_left="1" rounded_top_right="1"> <distance name="title_vertical_pad" value="7"/> <border name="title_border" left="10" right="10" top="0" bottom="1"/> </frame_geometry> <frame_geometry name="small_unfocused" parent="small"> <distance name="left_titlebar_edge" value="1"/> <distance name="right_titlebar_edge" value="1"/> </frame_geometry> <frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" > <distance name="left_width" value="0" /> <distance name="right_width" value="0" /> <distance name="bottom_height" value="0" /> <distance name="title_vertical_pad" value="0" /> <border name="title_border" left="10" right="10" top="0" bottom="0" /> </frame_geometry> <frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="1" rounded_top_right="1" parent="small"> <distance name="title_vertical_pad" value="5"/> </frame_geometry> <!-- drawing operations --> <!-- title --> <draw_ops name="title_focused"> <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" color="C_title_focused" /> </draw_ops> <draw_ops name="title_unfocused"> <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" color="C_title_unfocused"/> </draw_ops> <!-- window decorations --> <draw_ops name="entire_background_focused"> <rectangle color="C_wm_bg_focused" x="0" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="entire_background_unfocused"> <rectangle color="C_wm_bg_unfocused" x="0" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="titlebar_focused"> <rectangle color="C_wm_bg_focused" x="0" y="0" width="width" height="height" filled="true" /> <rectangle color="C_wm_highlight" x="0" y="0" width="width" height="1" filled="true" /> </draw_ops> <draw_ops name="titlebar_unfocused"> <rectangle color="C_wm_bg_unfocused" x="0" y="0" width="width" height="height" filled="true" /> <rectangle color="C_wm_highlight" x="0" y="0" width="width" height="1" filled="true" /> </draw_ops> <draw_ops name="titlebar_max"> </draw_ops> <draw_ops name="titlebar_small_focused"> </draw_ops> <draw_ops name="titlebar_small_unfocused"> </draw_ops> <draw_ops name="border_focused"> <rectangle color="C_wm_bg_focused" x="0" y="0" width="width" height="height" filled="false" /> </draw_ops> <draw_ops name="border_unfocused"> <rectangle color="C_wm_bg_unfocused" x="0" y="0" width="width" height="height" filled="false" /> </draw_ops> <!--close--> <draw_ops name="close_focused"> <image filename="button-bg.svg" colorize="C_button_close_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_focused_pressed"> <image filename="button-bg.svg" colorize="C_button_close_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_focused_prelight"> <image filename="button-bg.svg" colorize="C_button_close_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_unfocused"> <image filename="button-bg.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_unfocused_prelight"> <image filename="button-bg.svg" colorize="C_button_close_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_unfocused_pressed"> <image filename="button-bg.svg" colorize="C_button_close_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <!--maximize--> <draw_ops name="maximize_focused"> <image filename="max-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_focused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_focused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_unfocused"> <image filename="max-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_unfocused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_unfocused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <!--minimize--> <draw_ops name="minimize_focused"> <image filename="min-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_focused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_focused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_unfocused"> <image filename="min-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_unfocused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_unfocused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <!--Todo--> <draw_ops name="menu_focused"></draw_ops> <draw_ops name="menu_focused_pressed"></draw_ops> <draw_ops name="menu_unfocused"></draw_ops> <draw_ops name="menu_unfocused_prelight"></draw_ops> <draw_ops name="menu_unfocused_pressed"></draw_ops> <draw_ops name="shade_focused"></draw_ops> <draw_ops name="shade_focused_pressed"></draw_ops> <draw_ops name="shade_unfocused"></draw_ops> <draw_ops name="shade_unfocused_prelight"></draw_ops> <draw_ops name="shade_unfocused_pressed"></draw_ops> <!-- frame styles --> <frame_style name="normal_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_unfocused" geometry="normal_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_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="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_focused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_unfocused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <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="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_shaded_focused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_shaded_unfocused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <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="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="dialog_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="dialog_unfocused" geometry="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></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="modal_dialog_focused" geometry="modal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="modal_dialog_unfocused" geometry="modal"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused"/> <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="utility_focused" geometry="small"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_small_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="utility_unfocused" geometry="small_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_small_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused"/> <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="border_focused" geometry="borderless"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="border_unfocused" geometry="borderless"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- placeholder for unimplementated styles--> <frame_style name="blank" geometry="normal"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- frame style sets --> <frame_style_set name="normal_style_set"> <frame focus="yes" state="normal" resize="both" style="normal_focused"/> <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> <frame focus="yes" state="maximized" style="normal_max_focused"/> <frame focus="no" state="maximized" style="normal_max_unfocused"/> <frame focus="yes" state="shaded" style="normal_focused"/> <frame focus="no" state="shaded" style="normal_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused"/> <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused"/> </frame_style_set> <frame_style_set name="dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="dialog_focused"/> <frame focus="no" state="shaded" style="dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="modal_dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="modal_dialog_focused"/> <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="utility_style_set"> <frame focus="yes" state="normal" resize="both" style="utility_focused"/> <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="utility_focused"/> <frame focus="no" state="shaded" style="utility_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="border_style_set"> <frame focus="yes" state="normal" resize="both" style="border_focused"/> <frame focus="no" state="normal" resize="both" style="border_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="blank"/> <frame focus="no" state="shaded" style="blank"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <!-- windows --> <window type="normal" style_set="normal_style_set"/> <window type="dialog" style_set="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> ================================================ FILE: common/metacity-1/metacity-theme-2.xml ================================================ <?xml version="1.0"?> <metacity_theme> <info> <name>Arc</name> <author>horst3180</author> <copyright>horst3180</copyright> <date>2015</date> <description>Arc Metacity theme</description> </info> <!-- meaningfull constants --> <constant name="C_title_focused" value="#70788d" /> <constant name="C_title_unfocused" value="#979dac" /> <constant name="C_wm_bg_focused" value="#e7e8eb" /> <constant name="C_wm_bg_unfocused" value="#e7e8eb" /> <constant name="C_wm_highlight" value="#eeeff1" /> <!-- window button colors --> <!-- close --> <constant name="C_button_close_bg_focused" value="#f46067" /> <constant name="C_button_close_bg_hover" value="#f68086" /> <constant name="C_button_close_bg_active" value="#f13039" /> <constant name="C_icon_close_bg" value="#F8F8F9" /> <!-- minimize, maximize --> <constant name="C_button_bg_hover" value="#fdfdfd" /> <constant name="C_button_bg_active" value="#5294e2" /> <constant name="C_button_border_hover" value="#D1D3DA" /> <constant name="C_icon_bg_focused" value="#90949E" /> <constant name="C_icon_bg_unfocused" value="#B6B8C0" /> <constant name="C_icon_bg_hover" value="#7A7F8B" /> <constant name="C_icon_bg_active" value="#5294e2" /> <!-- geometries --> <frame_geometry name="normal" title_scale="medium" rounded_top_left="1" rounded_top_right="1"> <distance name="left_width" value="1" /> <distance name="right_width" value="1" /> <distance name="bottom_height" value="3" /> <distance name="left_titlebar_edge" value="2"/> <distance name="right_titlebar_edge" value="2"/> <distance name="title_vertical_pad" value="3"/> <border name="title_border" left="10" right="10" top="3" bottom="3"/> <border name="button_border" left="3" right="3" top="0" bottom="0"/> <aspect_ratio name="button" value="1.0" /> </frame_geometry> <frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="1" rounded_top_right="1" parent="normal"> </frame_geometry> <frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false"> <distance name="left_width" value="0" /> <distance name="right_width" value="0" /> <distance name="bottom_height" value="0" /> <distance name="left_titlebar_edge" value="0"/> <distance name="right_titlebar_edge" value="0"/> <distance name="title_vertical_pad" value="2"/> <!-- This needs to be 1 less then the title_vertical_pad on normal state or you'll have bigger buttons --> <distance name="bottom_height" value="0" /> </frame_geometry> <frame_geometry name="small" title_scale="small" parent="normal" hide_buttons="true" rounded_top_left="1" rounded_top_right="1"> <distance name="title_vertical_pad" value="7"/> <border name="title_border" left="10" right="10" top="0" bottom="1"/> </frame_geometry> <frame_geometry name="small_unfocused" parent="small"> <distance name="left_titlebar_edge" value="1"/> <distance name="right_titlebar_edge" value="1"/> </frame_geometry> <frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" > <distance name="left_width" value="0" /> <distance name="right_width" value="0" /> <distance name="bottom_height" value="0" /> <distance name="title_vertical_pad" value="0" /> <border name="title_border" left="10" right="10" top="0" bottom="0" /> </frame_geometry> <frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="1" rounded_top_right="1" parent="small"> <distance name="title_vertical_pad" value="5"/> </frame_geometry> <!-- drawing operations --> <!-- title --> <draw_ops name="title_focused"> <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" color="C_title_focused" /> </draw_ops> <draw_ops name="title_unfocused"> <title x="(0 `max` ((width - title_width) / 2)) + 2" y="(0 `max` ((height - title_height) / 2)) + 1" color="C_title_unfocused"/> </draw_ops> <!-- window decorations --> <draw_ops name="entire_background_focused"> <rectangle color="C_wm_bg_focused" x="0" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="entire_background_unfocused"> <rectangle color="C_wm_bg_unfocused" x="0" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="titlebar_focused"> <rectangle color="C_wm_bg_focused" x="0" y="0" width="width" height="height" filled="true" /> <rectangle color="C_wm_highlight" x="0" y="0" width="width" height="1" filled="true" /> </draw_ops> <draw_ops name="titlebar_unfocused"> <rectangle color="C_wm_bg_unfocused" x="0" y="0" width="width" height="height" filled="true" /> <rectangle color="C_wm_highlight" x="0" y="0" width="width" height="1" filled="true" /> </draw_ops> <draw_ops name="titlebar_max"> </draw_ops> <draw_ops name="titlebar_small_focused"> </draw_ops> <draw_ops name="titlebar_small_unfocused"> </draw_ops> <draw_ops name="border_focused"> <rectangle color="C_wm_bg_focused" x="0" y="0" width="width" height="height" filled="false" /> </draw_ops> <draw_ops name="border_unfocused"> <rectangle color="C_wm_bg_unfocused" x="0" y="0" width="width" height="height" filled="false" /> </draw_ops> <!--close--> <draw_ops name="close_focused"> <image filename="button-bg.svg" colorize="C_button_close_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_focused_pressed"> <image filename="button-bg.svg" colorize="C_button_close_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_focused_prelight"> <image filename="button-bg.svg" colorize="C_button_close_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_unfocused"> <image filename="button-bg.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_unfocused_prelight"> <image filename="button-bg.svg" colorize="C_button_close_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_unfocused_pressed"> <image filename="button-bg.svg" colorize="C_button_close_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <!--maximize--> <draw_ops name="maximize_focused"> <image filename="max-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_focused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_focused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_unfocused"> <image filename="max-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_unfocused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_unfocused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <!--minimize--> <draw_ops name="minimize_focused"> <image filename="min-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_focused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_focused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_unfocused"> <image filename="min-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_unfocused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_unfocused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <!--Todo--> <draw_ops name="menu_focused"></draw_ops> <draw_ops name="menu_focused_pressed"></draw_ops> <draw_ops name="menu_unfocused"></draw_ops> <draw_ops name="menu_unfocused_prelight"></draw_ops> <draw_ops name="menu_unfocused_pressed"></draw_ops> <draw_ops name="shade_focused"></draw_ops> <draw_ops name="shade_focused_pressed"></draw_ops> <draw_ops name="shade_unfocused"></draw_ops> <draw_ops name="shade_unfocused_prelight"></draw_ops> <draw_ops name="shade_unfocused_pressed"></draw_ops> <!-- frame styles --> <frame_style name="normal_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_unfocused" geometry="normal_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_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="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_focused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_unfocused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <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="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_shaded_focused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_shaded_unfocused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <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="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="dialog_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="dialog_unfocused" geometry="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></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="modal_dialog_focused" geometry="modal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="modal_dialog_unfocused" geometry="modal"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused"/> <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="utility_focused" geometry="small"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_small_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="utility_unfocused" geometry="small_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_small_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused"/> <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="border_focused" geometry="borderless"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="border_unfocused" geometry="borderless"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- placeholder for unimplementated styles--> <frame_style name="blank" geometry="normal"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- frame style sets --> <frame_style_set name="normal_style_set"> <frame focus="yes" state="normal" resize="both" style="normal_focused"/> <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> <frame focus="yes" state="maximized" style="normal_max_focused"/> <frame focus="no" state="maximized" style="normal_max_unfocused"/> <frame focus="yes" state="shaded" style="normal_focused"/> <frame focus="no" state="shaded" style="normal_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused"/> <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused"/> </frame_style_set> <frame_style_set name="dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="dialog_focused"/> <frame focus="no" state="shaded" style="dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="modal_dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="modal_dialog_focused"/> <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="utility_style_set"> <frame focus="yes" state="normal" resize="both" style="utility_focused"/> <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="utility_focused"/> <frame focus="no" state="shaded" style="utility_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="border_style_set"> <frame focus="yes" state="normal" resize="both" style="border_focused"/> <frame focus="no" state="normal" resize="both" style="border_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="blank"/> <frame focus="no" state="shaded" style="blank"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <!-- windows --> <window type="normal" style_set="normal_style_set"/> <window type="dialog" style_set="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> ================================================ FILE: common/metacity-1/metacity-theme-3.xml ================================================ <?xml version="1.0"?> <metacity_theme> <info> <name>Arc</name> <author>horst3180</author> <copyright>horst3180</copyright> <date>2015</date> <description>Arc Metacity theme</description> </info> <!-- meaningfull constants --> <constant name="C_title_focused" value="gtk:custom(wm_title,#70788d)" /> <constant name="C_title_unfocused" value="gtk:custom(wm_unfocused_title,#979dac)" /> <constant name="C_wm_bg_focused" value="gtk:custom(wm_bg,#e7e8eb)" /> <constant name="C_wm_bg_unfocused" value="gtk:custom(wm_bg,#e7e8eb)" /> <constant name="C_wm_highlight" value="gtk:custom(wm_highlight,#eeeff1)" /> <!-- window button colors --> <!-- close --> <constant name="C_button_close_bg_focused" value="gtk:custom(wm_button_close_bg,#f46067)" /> <constant name="C_button_close_bg_hover" value="gtk:custom(wm_button_close_hover_bg,#f68086)" /> <constant name="C_button_close_bg_active" value="gtk:custom(wm_button_close_active_bg,#f13039)" /> <constant name="C_icon_close_bg" value="gtk:custom(wm_icon_close_bg,#F8F8F9)" /> <!-- minimize, maximize --> <constant name="C_button_bg_hover" value="gtk:custom(wm_button_hover_bg,#fdfdfd)" /> <constant name="C_button_bg_active" value="gtk:custom(wm_button_active_bg,#5294E2)" /> <constant name="C_button_border_hover" value="gtk:custom(wm_button_hover_border,#D1D3DA)" /> <constant name="C_icon_bg_focused" value="gtk:custom(wm_icon_bg,#90949E)" /> <constant name="C_icon_bg_unfocused" value="gtk:custom(wm_icon_unfocused_bg,#B6B8C0)" /> <constant name="C_icon_bg_hover" value="gtk:custom(wm_icon_hover_bg,#7A7F8B)" /> <constant name="C_icon_bg_active" value="gtk:custom(wm_icon_active_bg,#ffffff)" /> <!-- geometries --> <frame_geometry name="normal" title_scale="medium" rounded_top_left="1" rounded_top_right="1"> <distance name="left_width" value="0" /> <distance name="right_width" value="0" /> <distance name="bottom_height" value="0" /> <distance name="left_titlebar_edge" value="2"/> <distance name="right_titlebar_edge" value="2"/> <distance name="title_vertical_pad" value="3"/> <border name="title_border" left="10" right="10" top="3" bottom="3"/> <border name="button_border" left="0" right="0" top="0" bottom="0"/> <distance name="button_width" value="30"/> <distance name="button_height" value="16"/> </frame_geometry> <frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="1" rounded_top_right="1" parent="normal"> </frame_geometry> <frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false"> <distance name="left_width" value="0" /> <distance name="right_width" value="0" /> <distance name="left_titlebar_edge" value="0"/> <distance name="right_titlebar_edge" value="0"/> <distance name="title_vertical_pad" value="2"/> <!-- This needs to be 1 less then the title_vertical_pad on normal state or you'll have bigger buttons --> <distance name="bottom_height" value="0" /> </frame_geometry> <frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="1" parent="normal"> <distance name="right_width" value="0" /> </frame_geometry> <frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="1" rounded_top_right="false" parent="normal"> <distance name="left_width" value="0" /> </frame_geometry> <frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="1" rounded_top_right="1"> <distance name="title_vertical_pad" value="7"/> <distance name="left_titlebar_edge" value="1"/> <distance name="right_titlebar_edge" value="1"/> <border name="title_border" left="10" right="10" top="0" bottom="1"/> </frame_geometry> <frame_geometry name="small_unfocused" parent="small"> </frame_geometry> <frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" > <distance name="left_width" value="1" /> <distance name="right_width" value="1" /> <distance name="bottom_height" value="1" /> <border name="title_border" left="10" right="10" top="0" bottom="0" /> <distance name="title_vertical_pad" value="1" /> <distance name="button_height" value="0"/> </frame_geometry> <frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" > <distance name="left_width" value="0" /> <distance name="right_width" value="0" /> <distance name="bottom_height" value="0" /> <distance name="title_vertical_pad" value="0" /> <border name="title_border" left="10" right="10" top="0" bottom="0" /> <distance name="button_height" value="0"/> </frame_geometry> <frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="1" rounded_top_right="1" parent="small"> <distance name="title_vertical_pad" value="5"/> </frame_geometry> <!--chromium save dialog--> <frame_geometry name="attached" title_scale="small" has_title="false" hide_buttons="true" rounded_top_left="1" rounded_top_right="1" rounded_bottom_left="0" rounded_bottom_right="0" parent="normal"> <distance name="title_vertical_pad" value="0"/> <distance name="bottom_height" value="1"/> <distance name="left_width" value="1"/> <distance name="right_width" value="1"/> </frame_geometry> <!-- drawing operations --> <!-- title --> <draw_ops name="title_focused"> <title version="< 3.1" x="(0 `max` ((width - title_width) / 2))" y="(0 `max` ((height - title_height) / 2)) + 1" 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)) + 1" 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)) + 1" 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)) + 1" ellipsize_width="width" color="C_title_unfocused" /> </draw_ops> <!-- window decorations --> <draw_ops name="entire_background_focused"> <rectangle color="C_wm_bg_focused" x="0" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="entire_background_unfocused"> <rectangle color="C_wm_bg_unfocused" x="0" y="0" width="width" height="height" filled="true" /> </draw_ops> <draw_ops name="titlebar_focused"> <rectangle color="C_wm_bg_focused" x="0" y="0" width="width" height="height" filled="true" /> <rectangle color="C_wm_highlight" x="0" y="0" width="width" height="1" filled="true" /> </draw_ops> <draw_ops name="titlebar_unfocused"> <rectangle color="C_wm_bg_unfocused" x="0" y="0" width="width" height="height" filled="true" /> <rectangle color="C_wm_highlight" x="0" y="0" width="width" height="1" filled="true" /> </draw_ops> <draw_ops name="titlebar_max"> </draw_ops> <draw_ops name="titlebar_small_focused"> </draw_ops> <draw_ops name="titlebar_small_unfocused"> </draw_ops> <draw_ops name="border_focused"> <rectangle color="C_wm_bg_focused" x="0" y="0" width="width" height="height" filled="false" /> </draw_ops> <draw_ops name="border_unfocused"> <rectangle color="C_wm_bg_unfocused" x="0" y="0" width="width" height="height" filled="false" /> </draw_ops> <!--close--> <draw_ops name="close_focused"> <image filename="button-bg.svg" colorize="C_button_close_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_focused_pressed"> <image filename="button-bg.svg" colorize="C_button_close_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_focused_prelight"> <image filename="button-bg.svg" colorize="C_button_close_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_unfocused"> <image filename="button-bg.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_unfocused_prelight"> <image filename="button-bg.svg" colorize="C_button_close_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="close_unfocused_pressed"> <image filename="button-bg.svg" colorize="C_button_close_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="close-icon.svg" colorize="C_icon_close_bg" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <!--maximize--> <draw_ops name="maximize_focused"> <image filename="max-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_focused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_focused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_unfocused"> <image filename="max-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_unfocused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="maximize_unfocused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="max-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <!--minimize--> <draw_ops name="minimize_focused"> <image filename="min-icon.svg" colorize="C_icon_bg_focused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_focused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_focused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_unfocused"> <image filename="min-icon.svg" colorize="C_icon_bg_unfocused" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_unfocused_prelight"> <image filename="button-bg.svg" colorize="C_button_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="button-border.svg" colorize="C_button_border_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_hover" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <draw_ops name="minimize_unfocused_pressed"> <image filename="button-bg.svg" colorize="C_button_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> <image filename="min-icon.svg" colorize="C_icon_bg_active" x="(width-object_width)/2" y="(height-object_height)/2" width="object_width" height="object_height"/> </draw_ops> <!--Todo--> <draw_ops name="menu_focused"></draw_ops> <draw_ops name="menu_focused_pressed"></draw_ops> <draw_ops name="menu_unfocused"></draw_ops> <draw_ops name="menu_unfocused_prelight"></draw_ops> <draw_ops name="menu_unfocused_pressed"></draw_ops> <draw_ops name="shade_focused"></draw_ops> <draw_ops name="shade_focused_pressed"></draw_ops> <draw_ops name="shade_unfocused"></draw_ops> <draw_ops name="shade_unfocused_prelight"></draw_ops> <draw_ops name="shade_unfocused_pressed"></draw_ops> <!-- frame styles --> <frame_style name="normal_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_unfocused" geometry="normal_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_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="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_focused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_unfocused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <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="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_shaded_focused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="normal_max_shaded_unfocused" geometry="max"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_max" /> <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="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="dialog_focused" geometry="normal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="dialog_unfocused" geometry="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></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="modal_dialog_focused" geometry="modal"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="modal_dialog_unfocused" geometry="modal"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused"/> <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="utility_focused" geometry="small"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_small_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="utility_unfocused" geometry="small_unfocused"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_small_unfocused" /> <piece position="title" draw_ops="title_unfocused" /> <button function="close" state="normal" draw_ops="close_unfocused"/> <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> <button function="menu" state="normal" draw_ops="menu_unfocused" /> <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> <button function="shade" state="normal" draw_ops="shade_unfocused" /> <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="border_focused" geometry="border"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="overlay" draw_ops="border_focused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="border_unfocused" geometry="border"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="overlay" draw_ops="border_unfocused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="borderless" geometry="borderless"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="attached_focused" geometry="attached"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="attached_unfocused" geometry="attached"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_unfocused" /> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_left_focused" geometry="tiled_left"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_left_unfocused" geometry="tiled_left"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_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="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_right_focused" geometry="tiled_right"> <piece position="entire_background" draw_ops="entire_background_focused" /> <piece position="titlebar" draw_ops="titlebar_focused" /> <piece position="title" draw_ops="title_focused" /> <button function="close" state="normal" draw_ops="close_focused" /> <button function="close" state="pressed" draw_ops="close_focused_pressed" /> <button function="close" state="prelight" draw_ops="close_focused_prelight" /> <button function="maximize" state="normal" draw_ops="maximize_focused" /> <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> <button function="minimize" state="normal" draw_ops="minimize_focused" /> <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> <button function="menu" state="normal" draw_ops="menu_focused" /> <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> <button function="shade" state="normal" draw_ops="shade_focused" /> <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="unshade" state="normal" draw_ops="shade_focused" /> <button function="unshade" state="pressed" draw_ops="shade_focused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <frame_style name="tiled_right_unfocused" geometry="tiled_right"> <piece position="entire_background" draw_ops="entire_background_unfocused" /> <piece position="titlebar" draw_ops="titlebar_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="shade_unfocused" /> <button function="unshade" state="prelight" draw_ops="shade_unfocused_prelight" /> <button function="unshade" state="pressed" draw_ops="shade_unfocused_pressed" /> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- placeholder for unimplementated styles--> <frame_style name="blank" geometry="normal"> <button function="close" state="normal"><draw_ops></draw_ops></button> <button function="close" state="pressed"><draw_ops></draw_ops></button> <button function="maximize" state="normal"><draw_ops></draw_ops></button> <button function="maximize" state="pressed"><draw_ops></draw_ops></button> <button function="minimize" state="normal"><draw_ops></draw_ops></button> <button function="minimize" state="pressed"><draw_ops></draw_ops></button> <button function="menu" state="normal"><draw_ops></draw_ops></button> <button function="menu" state="pressed"><draw_ops></draw_ops></button> <button function="shade" state="normal"><draw_ops></draw_ops></button> <button function="shade" state="pressed"><draw_ops></draw_ops></button> <button function="unshade" state="normal"><draw_ops></draw_ops></button> <button function="unshade" state="pressed"><draw_ops></draw_ops></button> <button function="above" state="normal"><draw_ops></draw_ops></button> <button function="above" state="pressed"><draw_ops></draw_ops></button> <button function="unabove" state="normal"><draw_ops></draw_ops></button> <button function="unabove" state="pressed"><draw_ops></draw_ops></button> <button function="stick" state="normal"><draw_ops></draw_ops></button> <button function="stick" state="pressed"><draw_ops></draw_ops></button> <button function="unstick" state="normal"><draw_ops></draw_ops></button> <button function="unstick" state="pressed"><draw_ops></draw_ops></button> </frame_style> <!-- frame style sets --> <frame_style_set name="normal_style_set"> <frame focus="yes" state="normal" resize="both" style="normal_focused"/> <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> <frame focus="yes" state="maximized" style="normal_max_focused"/> <frame focus="no" state="maximized" style="normal_max_unfocused"/> <frame focus="yes" state="shaded" style="normal_focused"/> <frame focus="no" state="shaded" style="normal_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused"/> <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused"/> <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused"/> <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused"/> <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused"/> <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused"/> <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused"/> <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused"/> <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused"/> <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused"/> </frame_style_set> <frame_style_set name="dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="dialog_focused"/> <frame focus="no" state="shaded" style="dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="modal_dialog_style_set"> <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="modal_dialog_focused"/> <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="utility_style_set"> <frame focus="yes" state="normal" resize="both" style="utility_focused"/> <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="utility_focused"/> <frame focus="no" state="shaded" style="utility_unfocused"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="border_style_set"> <frame focus="yes" state="normal" resize="both" style="border_focused"/> <frame focus="no" state="normal" resize="both" style="border_unfocused"/> <frame focus="yes" state="maximized" style="borderless"/> <frame focus="no" state="maximized" style="borderless"/> <frame focus="yes" state="shaded" style="blank"/> <frame focus="no" state="shaded" style="blank"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <frame_style_set name="attached_style_set"> <frame focus="yes" state="normal" resize="both" style="attached_focused"/> <frame focus="no" state="normal" resize="both" style="attached_unfocused"/> <frame focus="yes" state="maximized" style="blank"/> <frame focus="no" state="maximized" style="blank"/> <frame focus="yes" state="shaded" style="blank"/> <frame focus="no" state="shaded" style="blank"/> <frame focus="yes" state="maximized_and_shaded" style="blank"/> <frame focus="no" state="maximized_and_shaded" style="blank"/> </frame_style_set> <!-- windows --> <window type="normal" style_set="normal_style_set"/> <window type="dialog" style_set="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> ================================================ FILE: common/xfwm4/assets.txt ================================================ close-active close-inactive close-prelight close-pressed hide-active hide-inactive hide-prelight hide-pressed maximize-active maximize-inactive maximize-prelight maximize-pressed menu-active menu-inactive menu-pressed shade-active shade-inactive shade-pressed stick-active stick-inactive stick-pressed title-1-active title-1-inactive title-2-active title-2-inactive title-3-active title-3-inactive title-4-active title-4-inactive title-5-active title-5-inactive top-left-active top-left-inactive top-right-active top-right-inactive left-active left-inactive right-active right-inactive bottom-active bottom-inactive bottom-left-active bottom-left-inactive bottom-right-active bottom-right-inactive ================================================ FILE: common/xfwm4/render-assets.sh ================================================ #! /bin/bash INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" SRC_FILE="assets.svg" DARK_SRC_FILE="assets-dark.svg" ASSETS_DIR="assets" DARK_ASSETS_DIR="assets-dark" INDEX="assets.txt" for i in `cat $INDEX` do if [ -f $ASSETS_DIR/$i.png ]; then echo $ASSETS_DIR/$i.png exists. else echo echo Rendering $ASSETS_DIR/$i.png $INKSCAPE --export-id=$i \ --export-id-only \ --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null \ && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png fi if [ -f $DARK_ASSETS_DIR/$i.png ]; then echo $DARK_ASSETS_DIR/$i.png exists. else echo echo Rendering $DARK_ASSETS_DIR/$i.png $INKSCAPE --export-id=$i \ --export-id-only \ --export-png=$DARK_ASSETS_DIR/$i.png $DARK_SRC_FILE >/dev/null \ && $OPTIPNG -o7 --quiet $DARK_ASSETS_DIR/$i.png fi done exit 0 ================================================ FILE: common/xfwm4/themerc ================================================ button_offset=2 button_spacing=4 show_app_icon=true full_width_title=true title_shadow_active=false title_shadow_inactive=false title_horizontal_offset=3 active_text_color=#70788d active_text_shadow_color=#e7e8eb inactive_text_color=#979dac inactive_text_shadow_color=#e7e8eb shadow_delta_height=2 shadow_delta_width=0 shadow_delta_x=0 shadow_delta_y=-5 shadow_opacity=40 ================================================ FILE: common/xfwm4/themerc-dark ================================================ button_offset=2 button_spacing=4 show_app_icon=true full_width_title=true title_shadow_active=false title_shadow_inactive=false title_horizontal_offset=3 active_text_color=#afb8c5 active_text_shadow_color=#2f343b inactive_text_color=#808791 inactive_text_shadow_color=#2f343b shadow_delta_height=2 shadow_delta_width=0 shadow_delta_x=0 shadow_delta_y=-5 shadow_opacity=40 ================================================ FILE: configure.ac ================================================ AC_INIT( [arc-theme], [20161119], [https://github.com/horst3180/Arc-theme/issues], [arc-theme], [https://github.com/horst3180/Arc-theme], [] ) AC_CONFIG_AUX_DIR([build-aux]) AC_CONFIG_MACRO_DIR([m4]) AM_INIT_AUTOMAKE([no-dist-gzip dist-xz foreign]) AC_PROG_MKDIR_P ARC_ENABLE([LIGHT], [light], [Arc Light], [disable]) ARC_ENABLE([DARKER], [darker], [Arc Darker], [disable]) ARC_ENABLE([DARK], [dark], [Arc Dark], [disable]) ARC_ENABLE([CINNAMON], [cinnamon], [Cinnamon], [disable]) ARC_ENABLE([GNOME_SHELL], [gnome-shell], [GNOME Shell], [disable]) ARC_ENABLE([GTK2], [gtk2], [GTK2], [disable]) ARC_ENABLE([GTK3], [gtk3], [GTK3], [disable]) ARC_ENABLE([METACITY], [metacity], [Metacity], [disable]) ARC_ENABLE([UNITY], [unity], [Unity], [disable]) ARC_ENABLE([XFWM], [xfwm], [XFWM], [disable]) ARC_ENABLE([TRANSPARENCY], [transparency], [transparency], [disable]) AS_IF([test "x$ENABLE_GNOME_SHELL$ENABLE_GTK3" != xnono], [ARC_GNOME]) AC_CONFIG_FILES([ common/Makefile extra/Makefile Makefile ]) AC_OUTPUT ================================================ FILE: extra/Arc-Plank/dock.theme ================================================ # Arc theme for Plank # Author: Horst3180 # Adapted from the default Plank theme [PlankDrawingTheme] #The roundness of the top corners. TopRoundness=2 #The roundness of the bottom corners. BottomRoundness=0 #The thickness (in pixels) of lines drawn. LineWidth=1 #The color (RGBA) of the outer stroke. OuterStrokeColor=22;;26;;38;;255 #The starting color (RGBA) of the fill gradient. FillStartColor=53;;57;;69;;242 #The ending color (RGBA) of the fill gradient. FillEndColor=53;;57;;69;;242 #The color (RGBA) of the inner stroke. InnerStrokeColor=53;;57;;69;;0 [PlankDrawingDockTheme] #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= 1 #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=3 #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=300 #The amount of time (in ms) to bounce an urgent icon. UrgentBounceTime=600 #The amount of time (in ms) to bounce an icon when launching an application. LaunchBounceTime=600 #The amount of time (in ms) for active window indicator animations. ActiveTime=300 #The amount of time (in ms) to slide icons into/out of the dock. SlideTime=300 #The time (in ms) to fade the dock in/out on a hide (if FadeOpacity is < 1). FadeTime=250 #The time (in ms) to slide the dock in/out on a hide (if FadeOpacity is 1). HideTime=150 #The size of the urgent glow (shown when dock is hidden), in tenths of a percent of IconSize. GlowSize=30 #The total time (in ms) to show the hidden-dock urgent glow. GlowTime=10000 #The time (in ms) of each pulse of the hidden-dock urgent glow. GlowPulseTime=2000 #The hue-shift (-180 to 180) of the urgent indicator color. UrgentHueShift=150 #The time (in ms) to move an item to its new position or its addition/removal to/from the dock. ItemMoveTime=450 ================================================ FILE: extra/Chrome/arc-dark-theme/manifest.json ================================================ { "description": "Arc-Dark theme for Chrome/Chromium", "key": "MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC6RY/VX2xN/FFEQQwi4sSHGaMxF6cARCTsKKxmPhbics9qDIkZxxBqeM4TUhHDhgsZrxZsXAplyKnIjTEIdw96XDK34uF5cqLOG5vzFRIOAdFfCyC9HNupQGg3Vd8PKSVmLZz/2Xsu5zmvx+zz3VIDtNK+HaVktMhJnO9utBougQIDAQAB", "manifest_version": 2, "name": "Arc Dark", "theme": { "colors": { "bookmark_text": [ 238, 238, 238 ], "button_background": [ 59, 66, 80, 1 ], "frame": [ 47, 52, 63 ], "frame_inactive": [ 47, 52, 63 ], "frame_incognito": [ 47, 52, 63 ], "frame_incognito_inactive": [ 47, 52, 63], "ntp_background": [ 64, 69, 82 ], "ntp_text": [ 238, 238, 238 ], "tab_background_text": [ 36, 36, 36 ], "tab_text": [ 238, 238, 238 ], "toolbar": [ 47, 52, 63 ] }, "images": { "theme_frame": "images/theme_frame.png", "theme_frame_inactive": "images/theme_frame.png", "theme_tab_background": "images/theme_tab_background.png", "theme_toolbar": "images/theme_toolbar.png" }, "properties": { "ntp_background_alignment": "bottom", "ntp_background_repeat": "no-repeat" }, "tints": { "background_tab": [ -1, 0.5, 0.85 ], "buttons": [ 0, 0, 0.81 ], "frame": [ -1, -1, -1 ], "frame_inactive": [ -1, -1, -1 ], "frame_incognito": [ -1, 0.2, 0.35 ], "frame_incognito_inactive": [ -1, 0.3, 0.6 ] } }, "version": "1" } ================================================ FILE: extra/Chrome/arc-darker-theme/manifest.json ================================================ { "description": "Arc-Darker theme for Chrome/Chromium", "key": "MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC6RY/VX2xN/FFEQQwi4sSHGaMxF6cARCTsKKxmPhbics9qDIkZxxBqeM4TUhHDhgsZrxZsXAplyKnIjTEIdw96XDK34uF5cqLOG5vzFRIOAdFfCyC9HNupQGg3Vd8PKSVmLZz/2Xsu5zmvx+zz3VIDtNK+HaVktMhJnO9utBougQIDAQAB", "manifest_version": 2, "name": "Arc Darker", "theme": { "colors": { "bookmark_text": [ 35, 35, 35 ], "button_background": [ 0, 0, 0, 0 ], "frame": [ 235, 235, 237 ], "frame_inactive": [ 235, 235, 237 ], "frame_incognito": [ 235, 235, 237 ], "frame_incognito_inactive": [ 235, 235, 237 ], "ntp_background": [ 255, 255, 255 ], "ntp_text": [ 0, 0, 0 ], "tab_background_text": [ 100, 100, 100 ], "tab_text": [ 20, 20, 20 ], "toolbar": [ 223, 223, 223 ] }, "images": { "theme_frame": "images/theme_frame.png", "theme_frame_inactive": "images/theme_frame.png", "theme_toolbar": "images/theme_toolbar.png" }, "properties": { "ntp_background_alignment": "bottom", "ntp_background_repeat": "no-repeat" }, "tints": { "background_tab": [ -1, 0.5, 0.85 ], "buttons": [ -1, -1, -1 ], "frame": [ -1, -1, -1 ], "frame_inactive": [ -1, -1, -1 ], "frame_incognito": [ -1, 0.2, 0.35 ], "frame_incognito_inactive": [ -1, 0.3, 0.6 ] } }, "version": "1" } ================================================ FILE: extra/Chrome/arc-theme/manifest.json ================================================ { "description": "Arc theme for Chrome/Chromium", "key": "MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC6RY/VX2xN/FFEQQwi4sSHGaMxF6cARCTsKKxmPhbics9qDIkZxxBqeM4TUhHDhgsZrxZsXAplyKnIjTEIdw96XDK34uF5cqLOG5vzFRIOAdFfCyC9HNupQGg3Vd8PKSVmLZz/2Xsu5zmvx+zz3VIDtNK+HaVktMhJnO9utBougQIDAQAB", "manifest_version": 2, "name": "Arc", "theme": { "colors": { "bookmark_text": [ 35, 35, 35 ], "button_background": [ 0, 0, 0, 0 ], "frame": [ 235, 235, 237 ], "frame_inactive": [ 235, 235, 237 ], "frame_incognito": [ 235, 235, 237 ], "frame_incognito_inactive": [ 235, 235, 237 ], "ntp_background": [ 255, 255, 255 ], "ntp_text": [ 0, 0, 0 ], "tab_background_text": [ 100, 100, 100 ], "tab_text": [ 20, 20, 20 ], "toolbar": [ 223, 223, 223 ] }, "images": { "theme_frame": "images/theme_frame.png", "theme_frame_inactive": "images/theme_frame.png", "theme_toolbar": "images/theme_toolbar.png" }, "properties": { "ntp_background_alignment": "bottom", "ntp_background_repeat": "no-repeat" }, "tints": { "background_tab": [ -1, 0.5, 0.5 ], "buttons": [ -1, -1, -1 ], "frame": [ -1, -1, -1 ], "frame_inactive": [ -1, -1, -1 ], "frame_incognito": [ -1, 0.2, 0.35 ], "frame_incognito_inactive": [ -1, 0.3, 0.6 ] } }, "version": "1" } ================================================ FILE: extra/Makefile.am ================================================ EXTRA_DIST = $(srcdir)/Chrome \ $(srcdir)/Arc-Plank ================================================ FILE: gulpfile.js ================================================ var gulp = require("gulp"); var sass = require("gulp-sass"); var rename = require('gulp-rename'); gulp.task('sass', function () { return gulp.src(['./**/sass/*.scss', '!./node_modules/**/*', '!./m4/**/*']) .pipe(sass({ outputStyle: 'nested', precision: 5, onError: function (err) { notify().write(err); } })) .pipe(rename(function (path) { path.dirname += "/../"; })) .pipe(gulp.dest('./')) }); gulp.task('default', ['sass']); ================================================ FILE: m4/arc-enable.m4 ================================================ # ARC_ENABLE(VARIABLE, FEATURE, HELP-NAME, DISABLE/ENABLE) # ----------------------------------------------------------- AC_DEFUN([ARC_ENABLE], [ AC_ARG_ENABLE( [$2], [AS_HELP_STRING( [--$4-$2], [$4 $3 support] )], [ENABLE_$1="$enableval"], [AS_IF( [test "x$4" = "xdisable"], [ENABLE_$1="yes"], [ENABLE_$1="no"] )] ) AM_CONDITIONAL([ENABLE_$1], [test "x$ENABLE_$1" = "xyes"]) AC_SUBST([ENABLE_$1]) ]) ================================================ FILE: m4/arc-gnome.m4 ================================================ # ARC_GNOME() # --------------- AC_DEFUN([ARC_GNOME], [ GNOMEDIR="$srcdir/common/gtk-3.0" PKG_PROG_PKG_CONFIG() AC_ARG_WITH( [gnome], [AS_HELP_STRING( [--with-gnome], [GNOME minor version] )], [GNOME_VERSION="$withval"], [PKG_CHECK_EXISTS( [gtk+-3.0], [GNOME_VERSION=`$PKG_CONFIG --modversion gtk+-3.0`], [AC_MSG_ERROR([Could not determine GNOME version. Install GTK3 and its development files (libgtk-3-dev for Debian/Ubuntu based distros and gtk3-devel for RPM based distros).])] )] ) # Trim version extras GNOME_VERSION=`echo $GNOME_VERSION | cut -d. -f-2` # Extra major and minor version components GNOME_VERSMJR=`echo $GNOME_VERSION | cut -d. -f1` GNOME_VERSMNR=`echo $GNOME_VERSION | cut -d. -f2` # Evenize the minor version for stable versions AS_IF( [test `expr $GNOME_VERSMNR % 2` != "0"], [GNOME_VERSION="$GNOME_VERSMJR.`expr $GNOME_VERSMNR + 1`"] ) AS_IF( [! test -e "$GNOMEDIR/$GNOME_VERSION"], [AC_MSG_ERROR([Invalid GNOME version: $GNOME_VERSION])] ) AC_SUBST([GNOME_VERSION]) AC_MSG_RESULT([Building for GNOME $GNOME_VERSION]) ]) ================================================ FILE: package.json ================================================ { "devDependencies": { "gulp": "~3.9.1", "gulp-sass": "~2.2.0", "gulp-rename": "~1.2.2" } }