├── .gitattributes ├── LICENSE ├── Makefile ├── README.md └── custom-accent-colors@demiskp ├── extension.js ├── metadata.json ├── prefs.js ├── resources ├── brown │ ├── gnome-shell │ │ └── 46 │ │ │ ├── gnome-shell.css │ │ │ └── toggle-on.svg │ └── gtk.css ├── green │ ├── gnome-shell │ │ └── 46 │ │ │ ├── gnome-shell.css │ │ │ └── toggle-on.svg │ └── gtk.css ├── orange │ ├── gnome-shell │ │ └── 46 │ │ │ ├── gnome-shell.css │ │ │ └── toggle-on.svg │ └── gtk.css ├── pink │ ├── gnome-shell │ │ └── 46 │ │ │ ├── gnome-shell.css │ │ │ └── toggle-on.svg │ └── gtk.css ├── purple │ ├── gnome-shell │ │ └── 46 │ │ │ ├── gnome-shell.css │ │ │ └── toggle-on.svg │ └── gtk.css ├── red │ ├── gnome-shell │ │ └── 46 │ │ │ ├── gnome-shell.css │ │ │ └── toggle-on.svg │ └── gtk.css ├── screenshot.png └── yellow │ ├── gnome-shell │ └── 46 │ │ ├── gnome-shell.css │ │ └── toggle-on.svg │ └── gtk.css └── schemas └── org.gnome.shell.extensions.custom-accent-colors.gschema.xml /.gitattributes: -------------------------------------------------------------------------------- 1 | *.css linguist-detectable=false 2 | *.svg linguist-detectable=false 3 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | GNU GENERAL PUBLIC LICENSE 2 | Version 3, 29 June 2007 3 | 4 | Copyright (C) 2007 Free Software Foundation, Inc. 5 | Everyone is permitted to copy and distribute verbatim copies 6 | of this license document, but changing it is not allowed. 7 | 8 | Preamble 9 | 10 | The GNU General Public License is a free, copyleft license for 11 | software and other kinds of works. 12 | 13 | The licenses for most software and other practical works are designed 14 | to take away your freedom to share and change the works. By contrast, 15 | the GNU General Public License is intended to guarantee your freedom to 16 | share and change all versions of a program--to make sure it remains free 17 | software for all its users. We, the Free Software Foundation, use the 18 | GNU General Public License for most of our software; it applies also to 19 | any other work released this way by its authors. You can apply it to 20 | your programs, too. 21 | 22 | When we speak of free software, we are referring to freedom, not 23 | price. Our General Public Licenses are designed to make sure that you 24 | have the freedom to distribute copies of free software (and charge for 25 | them if you wish), that you receive source code or can get it if you 26 | want it, that you can change the software or use pieces of it in new 27 | free programs, and that you know you can do these things. 28 | 29 | To protect your rights, we need to prevent others from denying you 30 | these rights or asking you to surrender the rights. Therefore, you have 31 | certain responsibilities if you distribute copies of the software, or if 32 | you modify it: responsibilities to respect the freedom of others. 33 | 34 | For example, if you distribute copies of such a program, whether 35 | gratis or for a fee, you must pass on to the recipients the same 36 | freedoms that you received. You must make sure that they, too, receive 37 | or can get the source code. And you must show them these terms so they 38 | know their rights. 39 | 40 | Developers that use the GNU GPL protect your rights with two steps: 41 | (1) assert copyright on the software, and (2) offer you this License 42 | giving you legal permission to copy, distribute and/or modify it. 43 | 44 | For the developers' and authors' protection, the GPL clearly explains 45 | that there is no warranty for this free software. For both users' and 46 | authors' sake, the GPL requires that modified versions be marked as 47 | changed, so that their problems will not be attributed erroneously to 48 | authors of previous versions. 49 | 50 | Some devices are designed to deny users access to install or run 51 | modified versions of the software inside them, although the manufacturer 52 | can do so. This is fundamentally incompatible with the aim of 53 | protecting users' freedom to change the software. The systematic 54 | pattern of such abuse occurs in the area of products for individuals to 55 | use, which is precisely where it is most unacceptable. Therefore, we 56 | have designed this version of the GPL to prohibit the practice for those 57 | products. If such problems arise substantially in other domains, we 58 | stand ready to extend this provision to those domains in future versions 59 | of the GPL, as needed to protect the freedom of users. 60 | 61 | Finally, every program is threatened constantly by software patents. 62 | States should not allow patents to restrict development and use of 63 | software on general-purpose computers, but in those that do, we wish to 64 | avoid the special danger that patents applied to a free program could 65 | make it effectively proprietary. To prevent this, the GPL assures that 66 | patents cannot be used to render the program non-free. 67 | 68 | The precise terms and conditions for copying, distribution and 69 | modification follow. 70 | 71 | TERMS AND CONDITIONS 72 | 73 | 0. Definitions. 74 | 75 | "This License" refers to version 3 of the GNU General Public License. 76 | 77 | "Copyright" also means copyright-like laws that apply to other kinds of 78 | works, such as semiconductor masks. 79 | 80 | "The Program" refers to any copyrightable work licensed under this 81 | License. Each licensee is addressed as "you". "Licensees" and 82 | "recipients" may be individuals or organizations. 83 | 84 | To "modify" a work means to copy from or adapt all or part of the work 85 | in a fashion requiring copyright permission, other than the making of an 86 | exact copy. The resulting work is called a "modified version" of the 87 | earlier work or a work "based on" the earlier work. 88 | 89 | A "covered work" means either the unmodified Program or a work based 90 | on the Program. 91 | 92 | To "propagate" a work means to do anything with it that, without 93 | permission, would make you directly or secondarily liable for 94 | infringement under applicable copyright law, except executing it on a 95 | computer or modifying a private copy. Propagation includes copying, 96 | distribution (with or without modification), making available to the 97 | public, and in some countries other activities as well. 98 | 99 | To "convey" a work means any kind of propagation that enables other 100 | parties to make or receive copies. Mere interaction with a user through 101 | a computer network, with no transfer of a copy, is not conveying. 102 | 103 | An interactive user interface displays "Appropriate Legal Notices" 104 | to the extent that it includes a convenient and prominently visible 105 | feature that (1) displays an appropriate copyright notice, and (2) 106 | tells the user that there is no warranty for the work (except to the 107 | extent that warranties are provided), that licensees may convey the 108 | work under this License, and how to view a copy of this License. If 109 | the interface presents a list of user commands or options, such as a 110 | menu, a prominent item in the list meets this criterion. 111 | 112 | 1. Source Code. 113 | 114 | The "source code" for a work means the preferred form of the work 115 | for making modifications to it. "Object code" means any non-source 116 | form of a work. 117 | 118 | A "Standard Interface" means an interface that either is an official 119 | standard defined by a recognized standards body, or, in the case of 120 | interfaces specified for a particular programming language, one that 121 | is widely used among developers working in that language. 122 | 123 | The "System Libraries" of an executable work include anything, other 124 | than the work as a whole, that (a) is included in the normal form of 125 | packaging a Major Component, but which is not part of that Major 126 | Component, and (b) serves only to enable use of the work with that 127 | Major Component, or to implement a Standard Interface for which an 128 | implementation is available to the public in source code form. A 129 | "Major Component", in this context, means a major essential component 130 | (kernel, window system, and so on) of the specific operating system 131 | (if any) on which the executable work runs, or a compiler used to 132 | produce the work, or an object code interpreter used to run it. 133 | 134 | The "Corresponding Source" for a work in object code form means all 135 | the source code needed to generate, install, and (for an executable 136 | work) run the object code and to modify the work, including scripts to 137 | control those activities. However, it does not include the work's 138 | System Libraries, or general-purpose tools or generally available free 139 | programs which are used unmodified in performing those activities but 140 | which are not part of the work. For example, Corresponding Source 141 | includes interface definition files associated with source files for 142 | the work, and the source code for shared libraries and dynamically 143 | linked subprograms that the work is specifically designed to require, 144 | such as by intimate data communication or control flow between those 145 | subprograms and other parts of the work. 146 | 147 | The Corresponding Source need not include anything that users 148 | can regenerate automatically from other parts of the Corresponding 149 | Source. 150 | 151 | The Corresponding Source for a work in source code form is that 152 | same work. 153 | 154 | 2. Basic Permissions. 155 | 156 | All rights granted under this License are granted for the term of 157 | copyright on the Program, and are irrevocable provided the stated 158 | conditions are met. This License explicitly affirms your unlimited 159 | permission to run the unmodified Program. The output from running a 160 | covered work is covered by this License only if the output, given its 161 | content, constitutes a covered work. This License acknowledges your 162 | rights of fair use or other equivalent, as provided by copyright law. 163 | 164 | You may make, run and propagate covered works that you do not 165 | convey, without conditions so long as your license otherwise remains 166 | in force. You may convey covered works to others for the sole purpose 167 | of having them make modifications exclusively for you, or provide you 168 | with facilities for running those works, provided that you comply with 169 | the terms of this License in conveying all material for which you do 170 | not control copyright. Those thus making or running the covered works 171 | for you must do so exclusively on your behalf, under your direction 172 | and control, on terms that prohibit them from making any copies of 173 | your copyrighted material outside their relationship with you. 174 | 175 | Conveying under any other circumstances is permitted solely under 176 | the conditions stated below. Sublicensing is not allowed; section 10 177 | makes it unnecessary. 178 | 179 | 3. Protecting Users' Legal Rights From Anti-Circumvention Law. 180 | 181 | No covered work shall be deemed part of an effective technological 182 | measure under any applicable law fulfilling obligations under article 183 | 11 of the WIPO copyright treaty adopted on 20 December 1996, or 184 | similar laws prohibiting or restricting circumvention of such 185 | measures. 186 | 187 | When you convey a covered work, you waive any legal power to forbid 188 | circumvention of technological measures to the extent such circumvention 189 | is effected by exercising rights under this License with respect to 190 | the covered work, and you disclaim any intention to limit operation or 191 | modification of the work as a means of enforcing, against the work's 192 | users, your or third parties' legal rights to forbid circumvention of 193 | technological measures. 194 | 195 | 4. Conveying Verbatim Copies. 196 | 197 | You may convey verbatim copies of the Program's source code as you 198 | receive it, in any medium, provided that you conspicuously and 199 | appropriately publish on each copy an appropriate copyright notice; 200 | keep intact all notices stating that this License and any 201 | non-permissive terms added in accord with section 7 apply to the code; 202 | keep intact all notices of the absence of any warranty; and give all 203 | recipients a copy of this License along with the Program. 204 | 205 | You may charge any price or no price for each copy that you convey, 206 | and you may offer support or warranty protection for a fee. 207 | 208 | 5. Conveying Modified Source Versions. 209 | 210 | You may convey a work based on the Program, or the modifications to 211 | produce it from the Program, in the form of source code under the 212 | terms of section 4, provided that you also meet all of these conditions: 213 | 214 | a) The work must carry prominent notices stating that you modified 215 | it, and giving a relevant date. 216 | 217 | b) The work must carry prominent notices stating that it is 218 | released under this License and any conditions added under section 219 | 7. This requirement modifies the requirement in section 4 to 220 | "keep intact all notices". 221 | 222 | c) You must license the entire work, as a whole, under this 223 | License to anyone who comes into possession of a copy. This 224 | License will therefore apply, along with any applicable section 7 225 | additional terms, to the whole of the work, and all its parts, 226 | regardless of how they are packaged. This License gives no 227 | permission to license the work in any other way, but it does not 228 | invalidate such permission if you have separately received it. 229 | 230 | d) If the work has interactive user interfaces, each must display 231 | Appropriate Legal Notices; however, if the Program has interactive 232 | interfaces that do not display Appropriate Legal Notices, your 233 | work need not make them do so. 234 | 235 | A compilation of a covered work with other separate and independent 236 | works, which are not by their nature extensions of the covered work, 237 | and which are not combined with it such as to form a larger program, 238 | in or on a volume of a storage or distribution medium, is called an 239 | "aggregate" if the compilation and its resulting copyright are not 240 | used to limit the access or legal rights of the compilation's users 241 | beyond what the individual works permit. Inclusion of a covered work 242 | in an aggregate does not cause this License to apply to the other 243 | parts of the aggregate. 244 | 245 | 6. Conveying Non-Source Forms. 246 | 247 | You may convey a covered work in object code form under the terms 248 | of sections 4 and 5, provided that you also convey the 249 | machine-readable Corresponding Source under the terms of this License, 250 | in one of these ways: 251 | 252 | a) Convey the object code in, or embodied in, a physical product 253 | (including a physical distribution medium), accompanied by the 254 | Corresponding Source fixed on a durable physical medium 255 | customarily used for software interchange. 256 | 257 | b) Convey the object code in, or embodied in, a physical product 258 | (including a physical distribution medium), accompanied by a 259 | written offer, valid for at least three years and valid for as 260 | long as you offer spare parts or customer support for that product 261 | model, to give anyone who possesses the object code either (1) a 262 | copy of the Corresponding Source for all the software in the 263 | product that is covered by this License, on a durable physical 264 | medium customarily used for software interchange, for a price no 265 | more than your reasonable cost of physically performing this 266 | conveying of source, or (2) access to copy the 267 | Corresponding Source from a network server at no charge. 268 | 269 | c) Convey individual copies of the object code with a copy of the 270 | written offer to provide the Corresponding Source. This 271 | alternative is allowed only occasionally and noncommercially, and 272 | only if you received the object code with such an offer, in accord 273 | with subsection 6b. 274 | 275 | d) Convey the object code by offering access from a designated 276 | place (gratis or for a charge), and offer equivalent access to the 277 | Corresponding Source in the same way through the same place at no 278 | further charge. You need not require recipients to copy the 279 | Corresponding Source along with the object code. If the place to 280 | copy the object code is a network server, the Corresponding Source 281 | may be on a different server (operated by you or a third party) 282 | that supports equivalent copying facilities, provided you maintain 283 | clear directions next to the object code saying where to find the 284 | Corresponding Source. Regardless of what server hosts the 285 | Corresponding Source, you remain obligated to ensure that it is 286 | available for as long as needed to satisfy these requirements. 287 | 288 | e) Convey the object code using peer-to-peer transmission, provided 289 | you inform other peers where the object code and Corresponding 290 | Source of the work are being offered to the general public at no 291 | charge under subsection 6d. 292 | 293 | A separable portion of the object code, whose source code is excluded 294 | from the Corresponding Source as a System Library, need not be 295 | included in conveying the object code work. 296 | 297 | A "User Product" is either (1) a "consumer product", which means any 298 | tangible personal property which is normally used for personal, family, 299 | or household purposes, or (2) anything designed or sold for incorporation 300 | into a dwelling. In determining whether a product is a consumer product, 301 | doubtful cases shall be resolved in favor of coverage. For a particular 302 | product received by a particular user, "normally used" refers to a 303 | typical or common use of that class of product, regardless of the status 304 | of the particular user or of the way in which the particular user 305 | actually uses, or expects or is expected to use, the product. A product 306 | is a consumer product regardless of whether the product has substantial 307 | commercial, industrial or non-consumer uses, unless such uses represent 308 | the only significant mode of use of the product. 309 | 310 | "Installation Information" for a User Product means any methods, 311 | procedures, authorization keys, or other information required to install 312 | and execute modified versions of a covered work in that User Product from 313 | a modified version of its Corresponding Source. The information must 314 | suffice to ensure that the continued functioning of the modified object 315 | code is in no case prevented or interfered with solely because 316 | modification has been made. 317 | 318 | If you convey an object code work under this section in, or with, or 319 | specifically for use in, a User Product, and the conveying occurs as 320 | part of a transaction in which the right of possession and use of the 321 | User Product is transferred to the recipient in perpetuity or for a 322 | fixed term (regardless of how the transaction is characterized), the 323 | Corresponding Source conveyed under this section must be accompanied 324 | by the Installation Information. But this requirement does not apply 325 | if neither you nor any third party retains the ability to install 326 | modified object code on the User Product (for example, the work has 327 | been installed in ROM). 328 | 329 | The requirement to provide Installation Information does not include a 330 | requirement to continue to provide support service, warranty, or updates 331 | for a work that has been modified or installed by the recipient, or for 332 | the User Product in which it has been modified or installed. Access to a 333 | network may be denied when the modification itself materially and 334 | adversely affects the operation of the network or violates the rules and 335 | protocols for communication across the network. 336 | 337 | Corresponding Source conveyed, and Installation Information provided, 338 | in accord with this section must be in a format that is publicly 339 | documented (and with an implementation available to the public in 340 | source code form), and must require no special password or key for 341 | unpacking, reading or copying. 342 | 343 | 7. Additional Terms. 344 | 345 | "Additional permissions" are terms that supplement the terms of this 346 | License by making exceptions from one or more of its conditions. 347 | Additional permissions that are applicable to the entire Program shall 348 | be treated as though they were included in this License, to the extent 349 | that they are valid under applicable law. If additional permissions 350 | apply only to part of the Program, that part may be used separately 351 | under those permissions, but the entire Program remains governed by 352 | this License without regard to the additional permissions. 353 | 354 | When you convey a copy of a covered work, you may at your option 355 | remove any additional permissions from that copy, or from any part of 356 | it. (Additional permissions may be written to require their own 357 | removal in certain cases when you modify the work.) You may place 358 | additional permissions on material, added by you to a covered work, 359 | for which you have or can give appropriate copyright permission. 360 | 361 | Notwithstanding any other provision of this License, for material you 362 | add to a covered work, you may (if authorized by the copyright holders of 363 | that material) supplement the terms of this License with terms: 364 | 365 | a) Disclaiming warranty or limiting liability differently from the 366 | terms of sections 15 and 16 of this License; or 367 | 368 | b) Requiring preservation of specified reasonable legal notices or 369 | author attributions in that material or in the Appropriate Legal 370 | Notices displayed by works containing it; or 371 | 372 | c) Prohibiting misrepresentation of the origin of that material, or 373 | requiring that modified versions of such material be marked in 374 | reasonable ways as different from the original version; or 375 | 376 | d) Limiting the use for publicity purposes of names of licensors or 377 | authors of the material; or 378 | 379 | e) Declining to grant rights under trademark law for use of some 380 | trade names, trademarks, or service marks; or 381 | 382 | f) Requiring indemnification of licensors and authors of that 383 | material by anyone who conveys the material (or modified versions of 384 | it) with contractual assumptions of liability to the recipient, for 385 | any liability that these contractual assumptions directly impose on 386 | those licensors and authors. 387 | 388 | All other non-permissive additional terms are considered "further 389 | restrictions" within the meaning of section 10. If the Program as you 390 | received it, or any part of it, contains a notice stating that it is 391 | governed by this License along with a term that is a further 392 | restriction, you may remove that term. If a license document contains 393 | a further restriction but permits relicensing or conveying under this 394 | License, you may add to a covered work material governed by the terms 395 | of that license document, provided that the further restriction does 396 | not survive such relicensing or conveying. 397 | 398 | If you add terms to a covered work in accord with this section, you 399 | must place, in the relevant source files, a statement of the 400 | additional terms that apply to those files, or a notice indicating 401 | where to find the applicable terms. 402 | 403 | Additional terms, permissive or non-permissive, may be stated in the 404 | form of a separately written license, or stated as exceptions; 405 | the above requirements apply either way. 406 | 407 | 8. Termination. 408 | 409 | You may not propagate or modify a covered work except as expressly 410 | provided under this License. Any attempt otherwise to propagate or 411 | modify it is void, and will automatically terminate your rights under 412 | this License (including any patent licenses granted under the third 413 | paragraph of section 11). 414 | 415 | However, if you cease all violation of this License, then your 416 | license from a particular copyright holder is reinstated (a) 417 | provisionally, unless and until the copyright holder explicitly and 418 | finally terminates your license, and (b) permanently, if the copyright 419 | holder fails to notify you of the violation by some reasonable means 420 | prior to 60 days after the cessation. 421 | 422 | Moreover, your license from a particular copyright holder is 423 | reinstated permanently if the copyright holder notifies you of the 424 | violation by some reasonable means, this is the first time you have 425 | received notice of violation of this License (for any work) from that 426 | copyright holder, and you cure the violation prior to 30 days after 427 | your receipt of the notice. 428 | 429 | Termination of your rights under this section does not terminate the 430 | licenses of parties who have received copies or rights from you under 431 | this License. If your rights have been terminated and not permanently 432 | reinstated, you do not qualify to receive new licenses for the same 433 | material under section 10. 434 | 435 | 9. Acceptance Not Required for Having Copies. 436 | 437 | You are not required to accept this License in order to receive or 438 | run a copy of the Program. Ancillary propagation of a covered work 439 | occurring solely as a consequence of using peer-to-peer transmission 440 | to receive a copy likewise does not require acceptance. However, 441 | nothing other than this License grants you permission to propagate or 442 | modify any covered work. These actions infringe copyright if you do 443 | not accept this License. Therefore, by modifying or propagating a 444 | covered work, you indicate your acceptance of this License to do so. 445 | 446 | 10. Automatic Licensing of Downstream Recipients. 447 | 448 | Each time you convey a covered work, the recipient automatically 449 | receives a license from the original licensors, to run, modify and 450 | propagate that work, subject to this License. You are not responsible 451 | for enforcing compliance by third parties with this License. 452 | 453 | An "entity transaction" is a transaction transferring control of an 454 | organization, or substantially all assets of one, or subdividing an 455 | organization, or merging organizations. If propagation of a covered 456 | work results from an entity transaction, each party to that 457 | transaction who receives a copy of the work also receives whatever 458 | licenses to the work the party's predecessor in interest had or could 459 | give under the previous paragraph, plus a right to possession of the 460 | Corresponding Source of the work from the predecessor in interest, if 461 | the predecessor has it or can get it with reasonable efforts. 462 | 463 | You may not impose any further restrictions on the exercise of the 464 | rights granted or affirmed under this License. For example, you may 465 | not impose a license fee, royalty, or other charge for exercise of 466 | rights granted under this License, and you may not initiate litigation 467 | (including a cross-claim or counterclaim in a lawsuit) alleging that 468 | any patent claim is infringed by making, using, selling, offering for 469 | sale, or importing the Program or any portion of it. 470 | 471 | 11. Patents. 472 | 473 | A "contributor" is a copyright holder who authorizes use under this 474 | License of the Program or a work on which the Program is based. The 475 | work thus licensed is called the contributor's "contributor version". 476 | 477 | A contributor's "essential patent claims" are all patent claims 478 | owned or controlled by the contributor, whether already acquired or 479 | hereafter acquired, that would be infringed by some manner, permitted 480 | by this License, of making, using, or selling its contributor version, 481 | but do not include claims that would be infringed only as a 482 | consequence of further modification of the contributor version. For 483 | purposes of this definition, "control" includes the right to grant 484 | patent sublicenses in a manner consistent with the requirements of 485 | this License. 486 | 487 | Each contributor grants you a non-exclusive, worldwide, royalty-free 488 | patent license under the contributor's essential patent claims, to 489 | make, use, sell, offer for sale, import and otherwise run, modify and 490 | propagate the contents of its contributor version. 491 | 492 | In the following three paragraphs, a "patent license" is any express 493 | agreement or commitment, however denominated, not to enforce a patent 494 | (such as an express permission to practice a patent or covenant not to 495 | sue for patent infringement). To "grant" such a patent license to a 496 | party means to make such an agreement or commitment not to enforce a 497 | patent against the party. 498 | 499 | If you convey a covered work, knowingly relying on a patent license, 500 | and the Corresponding Source of the work is not available for anyone 501 | to copy, free of charge and under the terms of this License, through a 502 | publicly available network server or other readily accessible means, 503 | then you must either (1) cause the Corresponding Source to be so 504 | available, or (2) arrange to deprive yourself of the benefit of the 505 | patent license for this particular work, or (3) arrange, in a manner 506 | consistent with the requirements of this License, to extend the patent 507 | license to downstream recipients. "Knowingly relying" means you have 508 | actual knowledge that, but for the patent license, your conveying the 509 | covered work in a country, or your recipient's use of the covered work 510 | in a country, would infringe one or more identifiable patents in that 511 | country that you have reason to believe are valid. 512 | 513 | If, pursuant to or in connection with a single transaction or 514 | arrangement, you convey, or propagate by procuring conveyance of, a 515 | covered work, and grant a patent license to some of the parties 516 | receiving the covered work authorizing them to use, propagate, modify 517 | or convey a specific copy of the covered work, then the patent license 518 | you grant is automatically extended to all recipients of the covered 519 | work and works based on it. 520 | 521 | A patent license is "discriminatory" if it does not include within 522 | the scope of its coverage, prohibits the exercise of, or is 523 | conditioned on the non-exercise of one or more of the rights that are 524 | specifically granted under this License. You may not convey a covered 525 | work if you are a party to an arrangement with a third party that is 526 | in the business of distributing software, under which you make payment 527 | to the third party based on the extent of your activity of conveying 528 | the work, and under which the third party grants, to any of the 529 | parties who would receive the covered work from you, a discriminatory 530 | patent license (a) in connection with copies of the covered work 531 | conveyed by you (or copies made from those copies), or (b) primarily 532 | for and in connection with specific products or compilations that 533 | contain the covered work, unless you entered into that arrangement, 534 | or that patent license was granted, prior to 28 March 2007. 535 | 536 | Nothing in this License shall be construed as excluding or limiting 537 | any implied license or other defenses to infringement that may 538 | otherwise be available to you under applicable patent law. 539 | 540 | 12. No Surrender of Others' Freedom. 541 | 542 | If conditions are imposed on you (whether by court order, agreement or 543 | otherwise) that contradict the conditions of this License, they do not 544 | excuse you from the conditions of this License. If you cannot convey a 545 | covered work so as to satisfy simultaneously your obligations under this 546 | License and any other pertinent obligations, then as a consequence you may 547 | not convey it at all. For example, if you agree to terms that obligate you 548 | to collect a royalty for further conveying from those to whom you convey 549 | the Program, the only way you could satisfy both those terms and this 550 | License would be to refrain entirely from conveying the Program. 551 | 552 | 13. Use with the GNU Affero General Public License. 553 | 554 | Notwithstanding any other provision of this License, you have 555 | permission to link or combine any covered work with a work licensed 556 | under version 3 of the GNU Affero General Public License into a single 557 | combined work, and to convey the resulting work. The terms of this 558 | License will continue to apply to the part which is the covered work, 559 | but the special requirements of the GNU Affero General Public License, 560 | section 13, concerning interaction through a network will apply to the 561 | combination as such. 562 | 563 | 14. Revised Versions of this License. 564 | 565 | The Free Software Foundation may publish revised and/or new versions of 566 | the GNU General Public License from time to time. Such new versions will 567 | be similar in spirit to the present version, but may differ in detail to 568 | address new problems or concerns. 569 | 570 | Each version is given a distinguishing version number. If the 571 | Program specifies that a certain numbered version of the GNU General 572 | Public License "or any later version" applies to it, you have the 573 | option of following the terms and conditions either of that numbered 574 | version or of any later version published by the Free Software 575 | Foundation. If the Program does not specify a version number of the 576 | GNU General Public License, you may choose any version ever published 577 | by the Free Software Foundation. 578 | 579 | If the Program specifies that a proxy can decide which future 580 | versions of the GNU General Public License can be used, that proxy's 581 | public statement of acceptance of a version permanently authorizes you 582 | to choose that version for the Program. 583 | 584 | Later license versions may give you additional or different 585 | permissions. However, no additional obligations are imposed on any 586 | author or copyright holder as a result of your choosing to follow a 587 | later version. 588 | 589 | 15. Disclaimer of Warranty. 590 | 591 | THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY 592 | APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT 593 | HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY 594 | OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, 595 | THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR 596 | PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM 597 | IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF 598 | ALL NECESSARY SERVICING, REPAIR OR CORRECTION. 599 | 600 | 16. Limitation of Liability. 601 | 602 | IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING 603 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS 604 | THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY 605 | GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE 606 | USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF 607 | DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD 608 | PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), 609 | EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF 610 | SUCH DAMAGES. 611 | 612 | 17. Interpretation of Sections 15 and 16. 613 | 614 | If the disclaimer of warranty and limitation of liability provided 615 | above cannot be given local legal effect according to their terms, 616 | reviewing courts shall apply local law that most closely approximates 617 | an absolute waiver of all civil liability in connection with the 618 | Program, unless a warranty or assumption of liability accompanies a 619 | copy of the Program in return for a fee. 620 | 621 | END OF TERMS AND CONDITIONS 622 | 623 | How to Apply These Terms to Your New Programs 624 | 625 | If you develop a new program, and you want it to be of the greatest 626 | possible use to the public, the best way to achieve this is to make it 627 | free software which everyone can redistribute and change under these terms. 628 | 629 | To do so, attach the following notices to the program. It is safest 630 | to attach them to the start of each source file to most effectively 631 | state the exclusion of warranty; and each file should have at least 632 | the "copyright" line and a pointer to where the full notice is found. 633 | 634 | 635 | Copyright (C) 636 | 637 | This program is free software: you can redistribute it and/or modify 638 | it under the terms of the GNU General Public License as published by 639 | the Free Software Foundation, either version 3 of the License, or 640 | (at your option) any later version. 641 | 642 | This program is distributed in the hope that it will be useful, 643 | but WITHOUT ANY WARRANTY; without even the implied warranty of 644 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 645 | GNU General Public License for more details. 646 | 647 | You should have received a copy of the GNU General Public License 648 | along with this program. If not, see . 649 | 650 | Also add information on how to contact you by electronic and paper mail. 651 | 652 | If the program does terminal interaction, make it output a short 653 | notice like this when it starts in an interactive mode: 654 | 655 | Copyright (C) 656 | This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'. 657 | This is free software, and you are welcome to redistribute it 658 | under certain conditions; type `show c' for details. 659 | 660 | The hypothetical commands `show w' and `show c' should show the appropriate 661 | parts of the General Public License. Of course, your program's commands 662 | might be different; for a GUI interface, you would use an "about box". 663 | 664 | You should also get your employer (if you work as a programmer) or school, 665 | if any, to sign a "copyright disclaimer" for the program, if necessary. 666 | For more information on this, and how to apply and follow the GNU GPL, see 667 | . 668 | 669 | The GNU General Public License does not permit incorporating your program 670 | into proprietary programs. If your program is a subroutine library, you 671 | may consider it more useful to permit linking proprietary applications with 672 | the library. If this is what you want to do, use the GNU Lesser General 673 | Public License instead of this License. But first, please read 674 | . 675 | -------------------------------------------------------------------------------- /Makefile: -------------------------------------------------------------------------------- 1 | # Basic Makefile 2 | 3 | GSCHEMAS := ./custom-accent-colors@demiskp/schemas/gschemas.compiled 4 | 5 | $(GSCHEMAS): 6 | glib-compile-schemas --strict --targetdir=./custom-accent-colors@demiskp/schemas ./custom-accent-colors@demiskp/schemas 7 | 8 | install: $(GSCHEMAS) 9 | install -d $(HOME)/.local/share/gnome-shell/extensions 10 | cp -a ./custom-accent-colors@demiskp $(HOME)/.local/share/gnome-shell/extensions 11 | 12 | clean: 13 | rm -rf $(HOME)/.local/share/gnome-shell/extensions/custom-accent-colors@demiskp 14 | rm -f $(GSCHEMAS) 15 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## Custom Accent Colors 2 | 3 | A GNOME Shell Extension that provides 7 custom accent colors for versions 43-46. The selected accent color can be applied to GTK4/GTK3 apps and the GNOME Shell. 4 | 5 | You can install this extension from [extensions.gnome.org](https://extensions.gnome.org/extension/5547/custom-accent-colors). 6 | 7 | ![Screenshot](/custom-accent-colors@demiskp/resources/screenshot.png) 8 | 9 | ## Building 10 | 11 | Clone the repository or download the branch from GitHub. A simple Makefile is included. 12 | 13 | Next, use `make && make install` to install the extension into your home directory. 14 | -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/extension.js: -------------------------------------------------------------------------------- 1 | /* extension.js 2 | * 3 | * This program is free software: you can redistribute it and/or modify 4 | * it under the terms of the GNU General Public License as published by 5 | * the Free Software Foundation, either version 2 of the License, or 6 | * (at your option) any later version. 7 | * 8 | * This program is distributed in the hope that it will be useful, 9 | * but WITHOUT ANY WARRANTY; without even the implied warranty of 10 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11 | * GNU General Public License for more details. 12 | * 13 | * You should have received a copy of the GNU General Public License 14 | * along with this program. If not, see . 15 | * 16 | * SPDX-License-Identifier: GPL-2.0-or-later 17 | */ 18 | 19 | /* exported init */ 20 | 21 | import Gio from 'gi://Gio'; 22 | import GLib from 'gi://GLib'; 23 | 24 | import {Extension} from 'resource:///org/gnome/shell/extensions/extension.js'; 25 | 26 | import * as Main from 'resource:///org/gnome/shell/ui/main.js'; 27 | import * as Config from 'resource:///org/gnome/shell/misc/config.js'; 28 | 29 | const ShellVersion = parseInt(Config.PACKAGE_VERSION); 30 | 31 | export default class CustomAccentColors extends Extension { 32 | enable() { 33 | this.settings = this.getSettings( 34 | 'org.gnome.shell.extensions.custom-accent-colors' 35 | ); 36 | 37 | this.settings.connect('changed::accent-color', () => { 38 | this.applyAccentColor(true); 39 | }); 40 | this.settings.connect('changed::theme-flatpak', () => { 41 | this.updateFlatpakTheming(this.settings.get_boolean('theme-flatpak')); 42 | }); 43 | this.settings.connect('changed::theme-gtk3', () => { 44 | this.updateGtkTheming('gtk-3.0', this.settings.get_boolean('theme-gtk3')); 45 | }); 46 | this.settings.connect('changed::theme-shell', () => { 47 | this.updateShellTheming(this.settings.get_boolean('theme-shell')); 48 | }); 49 | 50 | this.applyAccentColor(true); 51 | } 52 | 53 | disable() { 54 | this.applyAccentColor(false); 55 | 56 | this.settings = null; 57 | } 58 | 59 | createDir(path) { 60 | try { 61 | const file = Gio.File.new_for_path(path); 62 | file.make_directory_with_parents(null); 63 | } catch (e) { 64 | console.error(e); 65 | } 66 | } 67 | 68 | readFile(path) { 69 | try { 70 | const file = Gio.File.new_for_path(path); 71 | const [, contents, etag] = file.load_contents(null); 72 | const decoder = new TextDecoder('utf-8'); 73 | const contentsString = decoder.decode(contents); 74 | return contentsString; 75 | } catch (e) { 76 | console.error(e); 77 | } 78 | } 79 | 80 | async writeFile(str, path) { 81 | try { 82 | const file = Gio.File.new_for_path(path); 83 | await new Promise((resolve, reject) => { 84 | file.replace_contents_bytes_async( 85 | new GLib.Bytes(str), 86 | null, 87 | false, 88 | Gio.FileCreateFlags.REPLACE_DESTINATION, 89 | null, 90 | (file_, result) => { 91 | try { 92 | resolve(file.replace_contents_finish(result)); 93 | } catch (e) { 94 | reject(e); 95 | } 96 | } 97 | ); 98 | }); 99 | } catch (e) { 100 | console.error(e); 101 | } 102 | } 103 | 104 | async deleteFileDir(path) { 105 | try { 106 | const file = Gio.File.new_for_path(path); 107 | await new Promise((resolve, reject) => { 108 | file.delete_async(GLib.PRIORITY_DEFAULT, null, (file_, result) => { 109 | try { 110 | resolve(file.delete_finish(result)); 111 | } catch (e) { 112 | reject(e); 113 | } 114 | }); 115 | }); 116 | } catch (e) { 117 | console.error(e); 118 | } 119 | } 120 | 121 | applyAccentColor(apply) { 122 | this.accentColor = this.settings.get_string('accent-color'); 123 | 124 | this.updateGtkTheming('gtk-4.0', apply); 125 | if (this.settings.get_boolean('theme-flatpak')) { 126 | this.updateFlatpakTheming(apply); 127 | } 128 | if (this.settings.get_boolean('theme-gtk3')) { 129 | this.updateGtkTheming('gtk-3.0', apply); 130 | } 131 | if (apply && this.settings.get_boolean('theme-shell')) { 132 | this.updateShellTheming(true); 133 | } 134 | } 135 | 136 | updateGtkTheming(gtkVer, apply) { 137 | const meDir = this.path; 138 | const configDir = GLib.get_user_config_dir(); 139 | const gtkFile = Gio.File.new_for_path(configDir + '/' + gtkVer + '/gtk.css'); 140 | if (apply && this.accentColor != 'default') { 141 | const gtkDir = Gio.File.new_for_path(configDir + '/' + gtkVer); 142 | if (!gtkDir.query_exists(null)) { 143 | this.createDir(gtkDir.get_path()); 144 | } 145 | const str = this.readFile(meDir + '/resources/' + this.accentColor + '/gtk.css'); 146 | this.writeFile(str, gtkFile.get_path()); 147 | } else if (gtkFile.query_exists(null)) { 148 | this.deleteFileDir(gtkFile.get_path()); 149 | } 150 | } 151 | 152 | updateFlatpakTheming(apply) { 153 | if (apply && this.accentColor != 'default') { 154 | try { 155 | GLib.spawn_command_line_async( 156 | 'flatpak override --user --filesystem=xdg-config/gtk-4.0:ro --filesystem=xdg-config/gtk-3.0:ro' 157 | ); 158 | } catch (e) { 159 | console.error(e); 160 | } 161 | } else { 162 | try { 163 | GLib.spawn_command_line_async( 164 | 'flatpak override --user --nofilesystem=xdg-config/gtk-4.0 --nofilesystem=xdg-config/gtk-3.0' 165 | ); 166 | } catch (e) { 167 | console.error(e); 168 | } 169 | } 170 | } 171 | 172 | updateShellTheming(apply) { 173 | const meDir = this.path; 174 | const dataDir = GLib.get_user_data_dir(); 175 | let shellThemeDir = Gio.File.new_for_path( 176 | dataDir + '/themes/Custom-Accent-Colors' 177 | ); 178 | if (apply && this.accentColor != 'default') { 179 | if (!shellThemeDir.query_exists(null)) { 180 | this.createDir(shellThemeDir.get_path() + '/gnome-shell'); 181 | } 182 | let str = this.readFile( 183 | meDir + 184 | '/resources/' + 185 | this.accentColor + 186 | '/gnome-shell/' + 187 | ShellVersion + 188 | '/gnome-shell.css' 189 | ); 190 | this.writeFile(str, shellThemeDir.get_path() + '/gnome-shell/gnome-shell.css'); 191 | str = this.readFile( 192 | meDir + 193 | '/resources/' + 194 | this.accentColor + 195 | '/gnome-shell/' + 196 | ShellVersion + 197 | '/toggle-on.svg' 198 | ); 199 | this.writeFile(str, shellThemeDir.get_path() + '/gnome-shell/toggle-on.svg'); 200 | } else if (shellThemeDir.query_exists(null)) { 201 | this.deleteFileDir(shellThemeDir.get_path() + '/gnome-shell/gnome-shell.css'); 202 | this.deleteFileDir(shellThemeDir.get_path() + '/gnome-shell/toggle-on.svg'); 203 | this.deleteFileDir(shellThemeDir.get_path() + '/gnome-shell'); 204 | this.deleteFileDir(shellThemeDir.get_path()); 205 | } 206 | } 207 | } 208 | -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/metadata.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Custom Accent Colors", 3 | "description": "A GNOME Shell Extension that provides 7 Custom Accent Colors. The selected Accent Color can be applied to GTK4/GTK3 apps and the Gnome Shell.", 4 | "uuid": "custom-accent-colors@demiskp", 5 | "version": 11, 6 | "shell-version": [ 7 | "46" 8 | ], 9 | "url": "https://github.com/demiskp/custom-accent-colors" 10 | } 11 | -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/prefs.js: -------------------------------------------------------------------------------- 1 | /* prefs.js */ 2 | 3 | /* exported init buildPrefsWidget */ 4 | 5 | import Adw from 'gi://Adw'; 6 | import Gio from 'gi://Gio'; 7 | import GObject from 'gi://GObject'; 8 | import Gtk from 'gi://Gtk'; 9 | 10 | import {ExtensionPreferences} from 'resource:///org/gnome/Shell/Extensions/js/extensions/prefs.js'; 11 | 12 | const CustomAccentColors = GObject.registerClass({ 13 | Properties: { 14 | name: GObject.ParamSpec.string( 15 | 'name', 16 | 'name', 17 | 'name', 18 | GObject.ParamFlags.READWRITE, 19 | null 20 | ), 21 | value: GObject.ParamSpec.string( 22 | 'value', 23 | 'value', 24 | 'value', 25 | GObject.ParamFlags.READWRITE, 26 | null 27 | ), 28 | }, 29 | }, 30 | class CustomAccentColors extends GObject.Object { 31 | _init(name, value) { 32 | super._init({ name, value }); 33 | } 34 | } 35 | ); 36 | 37 | class CustomAccentColorsPrefsWidget extends Adw.PreferencesPage { 38 | static { 39 | GObject.registerClass(this); 40 | } 41 | 42 | constructor(settings) { 43 | super(); 44 | 45 | this.settings = settings; 46 | 47 | this.mainGroup = new Adw.PreferencesGroup(); 48 | this.add(this.mainGroup); 49 | 50 | const listModel = new Gio.ListStore({ item_type: CustomAccentColors }); 51 | listModel.append(new CustomAccentColors('Default', 'default')); 52 | listModel.append(new CustomAccentColors('Green', 'green')); 53 | listModel.append(new CustomAccentColors('Yellow', 'yellow')); 54 | listModel.append(new CustomAccentColors('Orange', 'orange')); 55 | listModel.append(new CustomAccentColors('Red', 'red')); 56 | listModel.append(new CustomAccentColors('Pink', 'pink')); 57 | listModel.append(new CustomAccentColors('Purple', 'purple')); 58 | listModel.append(new CustomAccentColors('Brown', 'brown')); 59 | this.mainRow = new Adw.ComboRow({ 60 | title: 'Accent Color', 61 | subtitle: 62 | 'Requires Log Out to activate properly. Any custom "gtk.css" files will be irreversibly overwritten!', 63 | model: listModel, 64 | expression: new Gtk.PropertyExpression(CustomAccentColors, null, 'name'), 65 | }); 66 | this.mainRow.connect('notify::selected-item', () => { 67 | const { selectedItem } = this.mainRow; 68 | this.settings.set_string('accent-color', selectedItem.value); 69 | }); 70 | this.settings.connect('changed::color', () => { 71 | this.updateSelectedColor(); 72 | }); 73 | this.updateSelectedColor(); 74 | this.mainGroup.add(this.mainRow); 75 | 76 | this.extraGroup = new Adw.PreferencesGroup({ 77 | title: 'Extra Options', 78 | }); 79 | this.add(this.extraGroup); 80 | 81 | let toggle = new Gtk.Switch({ 82 | action_name: 'theme-flatpak', 83 | valign: Gtk.Align.CENTER, 84 | }); 85 | this.settings.bind('theme-flatpak', toggle, 'active', Gio.SettingsBindFlags.DEFAULT); 86 | let extraRow = new Adw.ActionRow({ 87 | title: 'Flatpak Theming', 88 | activatable_widget: toggle, 89 | }); 90 | extraRow.add_suffix(toggle); 91 | this.extraGroup.add(extraRow); 92 | 93 | toggle = new Gtk.Switch({ 94 | action_name: 'theme-gtk3', 95 | valign: Gtk.Align.CENTER, 96 | }); 97 | this.settings.bind('theme-gtk3', toggle, 'active', Gio.SettingsBindFlags.DEFAULT); 98 | extraRow = new Adw.ActionRow({ 99 | title: 'GTK3 Theming', 100 | subtitle: 'Requires the "adw-gtk3" Theme.', 101 | activatable_widget: toggle, 102 | }); 103 | extraRow.add_suffix(toggle); 104 | this.extraGroup.add(extraRow); 105 | 106 | toggle = new Gtk.Switch({ 107 | action_name: 'theme-shell', 108 | valign: Gtk.Align.CENTER, 109 | }); 110 | this.settings.bind('theme-shell', toggle, 'active', Gio.SettingsBindFlags.DEFAULT); 111 | extraRow = new Adw.ActionRow({ 112 | title: 'Shell Theming', 113 | subtitle: 'Requires the Shell Theme to be set to "Custom-Accent-Colors" in Gnome Tweaks.', 114 | activatable_widget: toggle, 115 | }); 116 | extraRow.add_suffix(toggle); 117 | this.extraGroup.add(extraRow); 118 | } 119 | 120 | updateSelectedColor() { 121 | const accentColor = this.settings.get_string('accent-color'); 122 | const { model } = this.mainRow; 123 | for (let i = 0; i < model.get_n_items(); i++) { 124 | const item = model.get_item(i); 125 | if (item.value === accentColor) { 126 | this.mainRow.set_selected(i); 127 | break; 128 | } 129 | } 130 | } 131 | } 132 | 133 | export default class CustomAccentColorsPrefs extends ExtensionPreferences { 134 | getPreferencesWidget() { 135 | return new CustomAccentColorsPrefsWidget( 136 | this.getSettings('org.gnome.shell.extensions.custom-accent-colors') 137 | ); 138 | } 139 | } 140 | -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/resources/brown/gnome-shell/46/gnome-shell.css: -------------------------------------------------------------------------------- 1 | /* This stylesheet is generated, DO NOT EDIT */ 2 | /* Copyright 2009, 2015 Red Hat, Inc. 3 | * 4 | * Portions adapted from Mx's data/style/default.css 5 | * Copyright 2009 Intel Corporation 6 | * 7 | * This program is free software; you can redistribute it and/or modify it 8 | * under the terms and conditions of the GNU Lesser General Public License, 9 | * version 2.1, as published by the Free Software Foundation. 10 | * 11 | * This program is distributed in the hope it will be useful, but WITHOUT ANY 12 | * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS 13 | * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for 14 | * more details. 15 | * 16 | * You should have received a copy of the GNU Lesser General Public License 17 | * along with this program; if not, write to the Free Software Foundation, 18 | * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. 19 | */ 20 | /* Global Values */ 21 | stage { 22 | font-size: 1em; 23 | color: #ffffff; } 24 | 25 | /* Common Stylings */ 26 | #dash .dash-item-container .show-apps, 27 | #dash .dash-item-container .overview-tile, 28 | #dash .dash-item-container .grid-search-result { 29 | background: none; 30 | box-shadow: none; 31 | border: none; 32 | border-radius: 0; 33 | padding: 0; 34 | margin: 0; } 35 | 36 | .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon, 37 | #dash .dash-item-container .overview-tile .overview-icon, 38 | #dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { 39 | border-radius: 16px; 40 | padding: 6px; 41 | spacing: 6px; 42 | text-align: center; 43 | transition-duration: 100ms; } 44 | 45 | .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button, 46 | .unlock-dialog .icon-button, 47 | .unlock-dialog .message .message-header .message-expand-button, 48 | .message .message-header .unlock-dialog .message-expand-button, 49 | .unlock-dialog .message .message-header .message-close-button, 50 | .message .message-header .unlock-dialog .message-close-button, 51 | .unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .message .message-header .message-expand-button, 52 | .message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button { 53 | border-radius: 8px; 54 | padding: 3px 24px; 55 | font-weight: bold; 56 | transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } 57 | 58 | .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button, 59 | .message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button { 60 | color: #ffffff; 61 | background-color: #474747; } 62 | .icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus, 63 | .message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus { 64 | color: #ffffff; 65 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 66 | background-color: #484746; } 67 | .icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover, 68 | .message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover { 69 | background-color: #52514f; } 70 | .icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover, 71 | .message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover { 72 | color: #ffffff; 73 | background-color: #515151; } 74 | .icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive, 75 | .message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive { 76 | color: rgba(255, 255, 255, 0.5); 77 | background-color: #3f3f3f; } 78 | .icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected, 79 | .message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active, 80 | .message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active { 81 | color: #ffffff; 82 | background-color: #5e5e5e; } 83 | .icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover, 84 | .message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover, 85 | .message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover { 86 | background-color: #686868; } 87 | .icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus, 88 | .message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus, 89 | .message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus { 90 | background-color: #5e5d5b; } 91 | .icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked, 92 | .message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked { 93 | color: #ffffff; 94 | background-color: #5b5b5b; } 95 | .icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover, 96 | .message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover { 97 | background-color: #666666; } 98 | .icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active, 99 | .message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active { 100 | background-color: #727272; } 101 | 102 | .calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button, 103 | .message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat { 104 | color: #ffffff; 105 | background-color: #353535; } 106 | .calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus, 107 | .message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus { 108 | color: #ffffff; 109 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 110 | background-color: rgba(65, 57, 50, 0.2875); } 111 | .calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover, 112 | .message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover { 113 | background-color: #484745; } 114 | .calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover, 115 | .message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover { 116 | color: #ffffff; 117 | background-color: #474747; } 118 | .calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive, 119 | .message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive { 120 | color: rgba(255, 255, 255, 0.5); 121 | background-color: #353535; } 122 | .calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected, 123 | .message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active, 124 | .message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active { 125 | color: #ffffff; 126 | background-color: #4c4c4c; } 127 | .calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover, 128 | .message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover, 129 | .message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover { 130 | background-color: #5e5e5e; } 131 | .calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus, 132 | .message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus, 133 | .message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus { 134 | background-color: #4d4b4a; } 135 | .calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked, 136 | .message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked { 137 | color: #ffffff; 138 | background-color: #494949; } 139 | .calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover, 140 | .message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover { 141 | background-color: #5b5b5b; } 142 | .calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active, 143 | .message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active { 144 | background-color: #606060; } 145 | 146 | .keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button, 147 | .message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default { 148 | color: #ffffff; 149 | background-color: #63452c; } 150 | .keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus, 151 | .message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus { 152 | color: #ffffff; 153 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 154 | box-shadow: inset 0 0 0 2px #986a44 !important; 155 | background-color: #63452c; } 156 | .keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover, 157 | .message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover { 158 | background-color: #704e32; } 159 | .keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover, 160 | .message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover { 161 | color: #ffffff; 162 | background-color: #714f32; } 163 | .keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive, 164 | .message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive { 165 | color: rgba(255, 255, 255, 0.5); 166 | background-color: #583e27; } 167 | .keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active, 168 | .message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active { 169 | color: #ffffff; 170 | background-color: #835b3a; } 171 | .keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover, 172 | .message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover { 173 | background-color: #916540; } 174 | .keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus, 175 | .message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus { 176 | background-color: #815a39; } 177 | 178 | .popup-sub-menu .popup-menu-item, .popup-menu-item { 179 | font-weight: normal; 180 | spacing: 6px; 181 | transition-duration: 100ms; 182 | padding: 9px 12px; } 183 | 184 | .calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button, 185 | .world-clocks-button, 186 | .weather-button { 187 | border-radius: 12px; 188 | padding: 0.818em; 189 | margin: 4px; 190 | background-color: #474747; 191 | box-shadow: 0 1px 2px 0 transparent; 192 | border: 1px solid transparent; } 193 | 194 | .lg-extension, .quick-toggle-menu, .message, .events-button, 195 | .world-clocks-button, 196 | .weather-button { 197 | color: #ffffff; 198 | background-color: #474747; } 199 | .lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover, 200 | .world-clocks-button:hover, 201 | .weather-button:hover { 202 | color: #ffffff; 203 | background-color: #515151; } 204 | .lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active, 205 | .world-clocks-button:active, 206 | .weather-button:active { 207 | color: #ffffff; 208 | background-color: #5e5e5e; } 209 | .lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover, 210 | .world-clocks-button:active:hover, 211 | .weather-button:active:hover { 212 | background-color: #686868; } 213 | .lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus, 214 | .world-clocks-button:active:focus, 215 | .weather-button:active:focus { 216 | background-color: #5e5c5b; } 217 | .lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus, 218 | .world-clocks-button:focus, 219 | .weather-button:focus { 220 | color: #ffffff; 221 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 222 | background-color: #484745; } 223 | .lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover, 224 | .world-clocks-button:focus:hover, 225 | .weather-button:focus:hover { 226 | background-color: #52504f; } 227 | .lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive, 228 | .world-clocks-button:insensitive, 229 | .weather-button:insensitive { 230 | color: rgba(255, 255, 255, 0.5); 231 | background-color: #3f3f3f; } 232 | 233 | .calendar, .datemenu-today-button { 234 | border: 1px solid transparent !important; 235 | background-color: transparent; 236 | border-color: transparent; 237 | box-shadow: none; } 238 | .calendar:insensitive, .datemenu-today-button:insensitive { 239 | background-color: transparent !important; } 240 | .calendar:hover, .datemenu-today-button:hover { 241 | color: #ffffff; 242 | background-color: #474747; } 243 | .calendar:active, .datemenu-today-button:active { 244 | color: #ffffff; 245 | background-color: #4c4c4c; } 246 | .calendar:active:hover, .datemenu-today-button:active:hover { 247 | background-color: #5e5e5e; } 248 | .calendar:active:focus, .datemenu-today-button:active:focus { 249 | background-color: #4d4b4a; } 250 | .calendar:focus, .datemenu-today-button:focus { 251 | color: #ffffff; 252 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 253 | background-color: #484745; } 254 | .calendar:focus:hover, .datemenu-today-button:focus:hover { 255 | background-color: #52504f; } 256 | .calendar:insensitive, .datemenu-today-button:insensitive { 257 | color: rgba(255, 255, 255, 0.5); 258 | background-color: #3f3f3f; } 259 | 260 | .unlock-dialog .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry { 261 | border-radius: 8px; 262 | padding: 9px 9px; 263 | selection-background-color: #63452c; 264 | selected-color: #ffffff; } 265 | 266 | StEntry { 267 | background-color: #474747; 268 | color: rgba(255, 255, 255, 0.7); } 269 | StEntry:hover { 270 | background-color: #515151; 271 | color: #ffffff; } 272 | StEntry:focus { 273 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 274 | background-color: #484746; 275 | color: #ffffff; } 276 | StEntry:insensitive { 277 | background-color: #3f3f3f; 278 | color: rgba(255, 255, 255, 0.5); } 279 | StEntry StLabel.hint-text { 280 | color: rgba(255, 255, 255, 0.7); } 281 | 282 | .modal-dialog .modal-dialog-linked-button, .notification-button { 283 | padding: 12px; 284 | font-weight: bold !important; 285 | color: #ffffff; 286 | background-color: rgba(255, 255, 255, 0.1); } 287 | .modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr { 288 | margin-right: 1px; } 289 | .modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl { 290 | margin-left: 1px; } 291 | .modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus { 292 | color: #ffffff; 293 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 294 | background-color: rgba(177, 162, 150, 0.145); } 295 | .modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover { 296 | background-color: rgba(188, 175, 164, 0.1735); } 297 | .modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover { 298 | color: #ffffff; 299 | background-color: rgba(255, 255, 255, 0.13); } 300 | .modal-dialog .modal-dialog-linked-button:active, .notification-button:active { 301 | color: #ffffff; 302 | background-color: rgba(255, 255, 255, 0.16); } 303 | .modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover { 304 | background-color: rgba(255, 255, 255, 0.19); } 305 | .modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus { 306 | background-color: rgba(196, 185, 175, 0.202); } 307 | .modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked { 308 | color: #ffffff; 309 | background-color: #5b5b5b; } 310 | .modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover { 311 | background-color: #666666; } 312 | .modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active { 313 | background-color: #727272; } 314 | .modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive { 315 | color: rgba(255, 255, 255, 0.5); 316 | background-color: #3f3f3f; } 317 | .modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr { 318 | border-radius: 0 0 0 15px; } 319 | .modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr { 320 | border-radius: 0 0 15px; 321 | margin-right: 0 !important; } 322 | .modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl { 323 | border-radius: 0 0 15px; } 324 | .modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl { 325 | border-radius: 0 0 0 15px; 326 | margin-left: 0 !important; } 327 | .modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child { 328 | border-radius: 0 0 15px 15px; 329 | margin-left: 0 !important; 330 | margin-right: 0 !important; } 331 | 332 | .dash-label, .window-caption, .screenshot-ui-tooltip { 333 | background-color: rgba(0, 0, 0, 0.9); 334 | border: 1px solid rgba(255, 255, 255, 0.1); 335 | color: #ffffff; 336 | border-radius: 999px; 337 | padding: 6px 12px; 338 | text-align: center; } 339 | 340 | /* General Typography */ 341 | .login-dialog .user-widget.vertical .user-widget-label, 342 | .unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { 343 | font-weight: 800; 344 | font-size: 1.818em; } 345 | 346 | .conflicting-session-dialog-content .conflicting-session-dialog-title, .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { 347 | font-weight: 800; 348 | font-size: 1.364em; } 349 | 350 | .login-dialog .user-widget.horizontal .user-widget-label, 351 | .unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title { 352 | font-weight: 700; 353 | font-size: 1.364em; } 354 | 355 | .login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline { 356 | font-weight: 700; 357 | font-size: 1.182em; } 358 | 359 | .login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label { 360 | font-weight: 700; 361 | font-size: 1em; } 362 | 363 | .quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel { 364 | font-weight: 700; 365 | font-size: 0.818em; } 366 | 367 | .lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .icon-label-button-container, .prompt-dialog-error-label, 368 | .prompt-dialog-info-label, 369 | .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time { 370 | font-weight: 400; 371 | font-size: 0.818em; } 372 | 373 | .weather-button .weather-box .weather-grid .weather-forecast-time, .calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day { 374 | font-weight: 400; 375 | font-size: 0.818em; } 376 | 377 | .unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day { 378 | font-feature-settings: "tnum"; } 379 | 380 | /* OSD Elements */ 381 | #LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window { 382 | color: #ffffff; 383 | background-color: #353535; 384 | border: 1px solid rgba(255, 255, 255, 0.02); 385 | border-radius: 999px; 386 | padding: 12px; } 387 | 388 | .lg-dialog StEntry { 389 | background-color: #474747; 390 | color: rgba(255, 255, 255, 0.7); } 391 | .lg-dialog StEntry:hover { 392 | background-color: #515151; 393 | color: #ffffff; } 394 | .lg-dialog StEntry:focus { 395 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 396 | background-color: #484746; 397 | color: #ffffff; } 398 | .lg-dialog StEntry:insensitive { 399 | background-color: #3f3f3f; 400 | color: rgba(255, 255, 255, 0.5); } 401 | .lg-dialog StEntry StLabel.hint-text { 402 | color: rgba(255, 255, 255, 0.7); } 403 | 404 | #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button { 405 | color: #ffffff; 406 | background-color: #474747; } 407 | #LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus { 408 | color: #ffffff; 409 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 410 | background-color: #484746; } 411 | #LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover { 412 | background-color: #52514f; } 413 | #LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover { 414 | color: #ffffff; 415 | background-color: #515151; } 416 | #LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active { 417 | color: #ffffff; 418 | background-color: #5e5e5e; } 419 | #LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover { 420 | background-color: #686868; } 421 | #LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus { 422 | background-color: #5e5d5b; } 423 | #LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked { 424 | color: #ffffff; 425 | background-color: #5b5b5b; } 426 | #LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover { 427 | background-color: #666666; } 428 | #LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active { 429 | background-color: #727272; } 430 | #LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive { 431 | color: rgba(255, 255, 255, 0.5); 432 | background-color: #3f3f3f; } 433 | 434 | .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { 435 | color: #ffffff; 436 | background-color: #353535; } 437 | .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { 438 | color: #ffffff; 439 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 440 | background-color: rgba(65, 57, 50, 0.2875); } 441 | .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { 442 | background-color: #484745; } 443 | .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { 444 | color: #ffffff; 445 | background-color: #474747; } 446 | .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { 447 | color: #ffffff; 448 | background-color: #4c4c4c; } 449 | .screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover { 450 | background-color: #5e5e5e; } 451 | .screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus { 452 | background-color: #4d4b4a; } 453 | .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { 454 | color: #ffffff; 455 | background-color: #494949; } 456 | .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { 457 | background-color: #5b5b5b; } 458 | .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { 459 | background-color: #606060; } 460 | .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { 461 | color: rgba(255, 255, 255, 0.5); 462 | background-color: #353535; } 463 | 464 | /* System Elements */ 465 | .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { 466 | background-color: #464646; 467 | color: rgba(245, 245, 245, 0.7); } 468 | .login-dialog .login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover { 469 | background-color: #505050; 470 | color: whitesmoke; } 471 | .login-dialog .login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { 472 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 473 | background-color: #474645; 474 | color: whitesmoke; } 475 | .login-dialog .login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { 476 | background-color: #3e3e3e; 477 | color: rgba(245, 245, 245, 0.5); } 478 | .login-dialog .login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { 479 | color: rgba(245, 245, 245, 0.7); } 480 | 481 | .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button { 482 | color: whitesmoke; 483 | background-color: #464646; } 484 | .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive { 485 | color: rgba(245, 245, 245, 0.5); 486 | background-color: #3e3e3e; } 487 | .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus { 488 | color: whitesmoke; 489 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 490 | background-color: #474645; } 491 | .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover { 492 | background-color: #51504e; } 493 | .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover { 494 | color: whitesmoke; 495 | background-color: #505050; } 496 | .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active { 497 | color: whitesmoke; 498 | background-color: #5d5d5d; } 499 | .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover { 500 | background-color: #676767; } 501 | .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus { 502 | background-color: #5d5c5b; } 503 | .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked { 504 | color: whitesmoke; 505 | background-color: #5a5a5a; } 506 | .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover { 507 | background-color: #656565; } 508 | .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active { 509 | background-color: #717171; } 510 | 511 | /* Lockscreen Elements */ 512 | .unlock-dialog .button, 513 | .unlock-dialog .icon-button, 514 | .unlock-dialog .calendar .calendar-month-header .pager-button, 515 | .calendar .calendar-month-header .unlock-dialog .pager-button, 516 | .unlock-dialog .message .message-header .message-expand-button, 517 | .message .message-header .unlock-dialog .message-expand-button, 518 | .unlock-dialog .message .message-header .message-close-button, 519 | .message .message-header .unlock-dialog .message-close-button, 520 | .unlock-dialog .screenshot-ui-show-pointer-button, 521 | .unlock-dialog .login-dialog-button.cancel-button, 522 | .unlock-dialog .login-dialog-button.switch-user-button, 523 | .unlock-dialog .login-dialog-button.login-dialog-session-list-button { 524 | color: whitesmoke; 525 | background-color: rgba(245, 245, 245, 0.1); } 526 | .unlock-dialog .button:focus, 527 | .unlock-dialog .icon-button:focus, 528 | .unlock-dialog .calendar .calendar-month-header .pager-button:focus, 529 | .calendar .calendar-month-header .unlock-dialog .pager-button:focus, 530 | .unlock-dialog .message .message-header .message-expand-button:focus, 531 | .message .message-header .unlock-dialog .message-expand-button:focus, 532 | .unlock-dialog .message .message-header .message-close-button:focus, 533 | .message .message-header .unlock-dialog .message-close-button:focus, 534 | .unlock-dialog .screenshot-ui-show-pointer-button:focus, 535 | .unlock-dialog .login-dialog-button.cancel-button:focus, 536 | .unlock-dialog .login-dialog-button.switch-user-button:focus, 537 | .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus { 538 | color: whitesmoke; 539 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 540 | background-color: rgba(172, 157, 145, 0.145); } 541 | .unlock-dialog .button:focus:hover, 542 | .unlock-dialog .icon-button:focus:hover, 543 | .unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover, 544 | .calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover, 545 | .unlock-dialog .message .message-header .message-expand-button:focus:hover, 546 | .message .message-header .unlock-dialog .message-expand-button:focus:hover, 547 | .unlock-dialog .message .message-header .message-close-button:focus:hover, 548 | .message .message-header .unlock-dialog .message-close-button:focus:hover, 549 | .unlock-dialog .screenshot-ui-show-pointer-button:focus:hover, 550 | .unlock-dialog .login-dialog-button.cancel-button:focus:hover, 551 | .unlock-dialog .login-dialog-button.switch-user-button:focus:hover, 552 | .unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover { 553 | background-color: rgba(182, 169, 158, 0.1735); } 554 | .unlock-dialog .button:hover, 555 | .unlock-dialog .icon-button:hover, 556 | .unlock-dialog .calendar .calendar-month-header .pager-button:hover, 557 | .calendar .calendar-month-header .unlock-dialog .pager-button:hover, 558 | .unlock-dialog .message .message-header .message-expand-button:hover, 559 | .message .message-header .unlock-dialog .message-expand-button:hover, 560 | .unlock-dialog .message .message-header .message-close-button:hover, 561 | .message .message-header .unlock-dialog .message-close-button:hover, 562 | .unlock-dialog .screenshot-ui-show-pointer-button:hover, 563 | .unlock-dialog .login-dialog-button.cancel-button:hover, 564 | .unlock-dialog .login-dialog-button.switch-user-button:hover, 565 | .unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover { 566 | color: whitesmoke; 567 | background-color: rgba(245, 245, 245, 0.13); } 568 | .unlock-dialog .button:active, 569 | .unlock-dialog .icon-button:active, 570 | .unlock-dialog .calendar .calendar-month-header .pager-button:active, 571 | .calendar .calendar-month-header .unlock-dialog .pager-button:active, 572 | .unlock-dialog .message .message-header .message-expand-button:active, 573 | .message .message-header .unlock-dialog .message-expand-button:active, 574 | .unlock-dialog .message .message-header .message-close-button:active, 575 | .message .message-header .unlock-dialog .message-close-button:active, 576 | .unlock-dialog .screenshot-ui-show-pointer-button:active, 577 | .unlock-dialog .login-dialog-button.cancel-button:active, 578 | .unlock-dialog .login-dialog-button.switch-user-button:active, 579 | .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active { 580 | color: whitesmoke; 581 | background-color: rgba(245, 245, 245, 0.16); } 582 | .unlock-dialog .button:active:hover, 583 | .unlock-dialog .icon-button:active:hover, 584 | .unlock-dialog .calendar .calendar-month-header .pager-button:active:hover, 585 | .calendar .calendar-month-header .unlock-dialog .pager-button:active:hover, 586 | .unlock-dialog .message .message-header .message-expand-button:active:hover, 587 | .message .message-header .unlock-dialog .message-expand-button:active:hover, 588 | .unlock-dialog .message .message-header .message-close-button:active:hover, 589 | .message .message-header .unlock-dialog .message-close-button:active:hover, 590 | .unlock-dialog .screenshot-ui-show-pointer-button:active:hover, 591 | .unlock-dialog .login-dialog-button.cancel-button:active:hover, 592 | .unlock-dialog .login-dialog-button.switch-user-button:active:hover, 593 | .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover { 594 | background-color: rgba(245, 245, 245, 0.19); } 595 | .unlock-dialog .button:active:focus, 596 | .unlock-dialog .icon-button:active:focus, 597 | .unlock-dialog .calendar .calendar-month-header .pager-button:active:focus, 598 | .calendar .calendar-month-header .unlock-dialog .pager-button:active:focus, 599 | .unlock-dialog .message .message-header .message-expand-button:active:focus, 600 | .message .message-header .unlock-dialog .message-expand-button:active:focus, 601 | .unlock-dialog .message .message-header .message-close-button:active:focus, 602 | .message .message-header .unlock-dialog .message-close-button:active:focus, 603 | .unlock-dialog .screenshot-ui-show-pointer-button:active:focus, 604 | .unlock-dialog .login-dialog-button.cancel-button:active:focus, 605 | .unlock-dialog .login-dialog-button.switch-user-button:active:focus, 606 | .unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus { 607 | background-color: rgba(190, 179, 169, 0.202); } 608 | .unlock-dialog .button:checked, 609 | .unlock-dialog .icon-button:checked, 610 | .unlock-dialog .calendar .calendar-month-header .pager-button:checked, 611 | .calendar .calendar-month-header .unlock-dialog .pager-button:checked, 612 | .unlock-dialog .message .message-header .message-expand-button:checked, 613 | .message .message-header .unlock-dialog .message-expand-button:checked, 614 | .unlock-dialog .message .message-header .message-close-button:checked, 615 | .message .message-header .unlock-dialog .message-close-button:checked, 616 | .unlock-dialog .screenshot-ui-show-pointer-button:checked, 617 | .unlock-dialog .login-dialog-button.cancel-button:checked, 618 | .unlock-dialog .login-dialog-button.switch-user-button:checked, 619 | .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked { 620 | color: whitesmoke; 621 | background-color: #5a5a5a; } 622 | .unlock-dialog .button:checked:hover, 623 | .unlock-dialog .icon-button:checked:hover, 624 | .unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover, 625 | .calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover, 626 | .unlock-dialog .message .message-header .message-expand-button:checked:hover, 627 | .message .message-header .unlock-dialog .message-expand-button:checked:hover, 628 | .unlock-dialog .message .message-header .message-close-button:checked:hover, 629 | .message .message-header .unlock-dialog .message-close-button:checked:hover, 630 | .unlock-dialog .screenshot-ui-show-pointer-button:checked:hover, 631 | .unlock-dialog .login-dialog-button.cancel-button:checked:hover, 632 | .unlock-dialog .login-dialog-button.switch-user-button:checked:hover, 633 | .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover { 634 | background-color: #656565; } 635 | .unlock-dialog .button:checked:active, 636 | .unlock-dialog .icon-button:checked:active, 637 | .unlock-dialog .calendar .calendar-month-header .pager-button:checked:active, 638 | .calendar .calendar-month-header .unlock-dialog .pager-button:checked:active, 639 | .unlock-dialog .message .message-header .message-expand-button:checked:active, 640 | .message .message-header .unlock-dialog .message-expand-button:checked:active, 641 | .unlock-dialog .message .message-header .message-close-button:checked:active, 642 | .message .message-header .unlock-dialog .message-close-button:checked:active, 643 | .unlock-dialog .screenshot-ui-show-pointer-button:checked:active, 644 | .unlock-dialog .login-dialog-button.cancel-button:checked:active, 645 | .unlock-dialog .login-dialog-button.switch-user-button:checked:active, 646 | .unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active { 647 | background-color: #717171; } 648 | .unlock-dialog .button:insensitive, 649 | .unlock-dialog .icon-button:insensitive, 650 | .unlock-dialog .calendar .calendar-month-header .pager-button:insensitive, 651 | .calendar .calendar-month-header .unlock-dialog .pager-button:insensitive, 652 | .unlock-dialog .message .message-header .message-expand-button:insensitive, 653 | .message .message-header .unlock-dialog .message-expand-button:insensitive, 654 | .unlock-dialog .message .message-header .message-close-button:insensitive, 655 | .message .message-header .unlock-dialog .message-close-button:insensitive, 656 | .unlock-dialog .screenshot-ui-show-pointer-button:insensitive, 657 | .unlock-dialog .login-dialog-button.cancel-button:insensitive, 658 | .unlock-dialog .login-dialog-button.switch-user-button:insensitive, 659 | .unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive { 660 | color: rgba(245, 245, 245, 0.5); 661 | background-color: #3e3e3e; } 662 | 663 | .unlock-dialog .login-dialog-prompt-entry { 664 | background-color: rgba(245, 245, 245, 0.1); 665 | color: rgba(245, 245, 245, 0.7); } 666 | .unlock-dialog .login-dialog-prompt-entry:hover { 667 | background-color: rgba(255, 255, 255, 0.1); 668 | color: whitesmoke; } 669 | .unlock-dialog .login-dialog-prompt-entry:focus { 670 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 671 | background-color: rgba(172, 157, 145, 0.145); 672 | color: whitesmoke; 673 | box-shadow: inset 0 0 0 2px rgba(245, 245, 245, 0.4) !important; 674 | background-color: rgba(245, 245, 245, 0.115); } 675 | .unlock-dialog .login-dialog-prompt-entry:insensitive { 676 | background-color: rgba(237, 237, 237, 0.1); 677 | color: rgba(245, 245, 245, 0.5); } 678 | .unlock-dialog .login-dialog-prompt-entry StLabel.hint-text { 679 | color: rgba(245, 245, 245, 0.7); } 680 | 681 | /* WIDGETS */ 682 | .shell-link { 683 | color: #62a0ea; } 684 | .shell-link:hover { 685 | color: #8fbbf0; } 686 | 687 | .lowres-icon { 688 | icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } 689 | 690 | .icon-dropshadow { 691 | icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); } 692 | 693 | /* Entries */ 694 | StEntry StIcon.capslock-warning { 695 | icon-size: 1.091em; 696 | warning-color: #f6d32d; 697 | padding: 0 4px; } 698 | 699 | StEntry StIcon.peek-password { 700 | icon-size: 1.091em; 701 | padding: 0 4px; } 702 | 703 | StEntry StLabel.hint-text { 704 | margin-left: 2px; } 705 | 706 | /* Buttons */ 707 | .button { 708 | min-height: 1.5em; } 709 | 710 | .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button, 711 | .message .message-header .message-close-button, .calendar .calendar-month-header .pager-button { 712 | border-radius: 999px; 713 | padding: 0.818em; 714 | min-height: 1.091em; } 715 | .icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon, 716 | .message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon { 717 | icon-size: 1.091em; 718 | -st-icon-style: symbolic; } 719 | 720 | /* Check Boxes */ 721 | .check-box StBoxLayout { 722 | spacing: .8em; } 723 | 724 | .check-box StBin { 725 | width: 24px; 726 | height: 24px; 727 | background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg"); } 728 | 729 | .check-box:focus StBin { 730 | background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); } 731 | 732 | .check-box:checked StBin { 733 | background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); } 734 | 735 | .check-box:focus:checked StBin { 736 | background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); } 737 | 738 | /* Switches */ 739 | .toggle-switch { 740 | color: #ffffff; 741 | height: 26px; 742 | width: 46px; 743 | background-size: contain; 744 | background-image: url("resource:///org/gnome/shell/theme/toggle-off.svg"); } 745 | .toggle-switch:checked { 746 | background-image: url("./toggle-on.svg"); } 747 | .toggle-switch StIcon { 748 | icon-size: 16px; } 749 | 750 | /* Slider */ 751 | .slider { 752 | -barlevel-height: 4px; 753 | -barlevel-background-color: rgba(255, 255, 255, 0.2); 754 | -barlevel-border-width: 2px; 755 | -barlevel-border-color: transparent; 756 | -barlevel-active-background-color: #63452c; 757 | -barlevel-active-border-color: transparent; 758 | -barlevel-overdrive-color: #c01c28; 759 | -barlevel-overdrive-border-color: transparent; 760 | -barlevel-overdrive-separator-width: 1px; 761 | -slider-handle-radius: 0.5455em; 762 | -slider-handle-border-width: 0; 763 | -slider-handle-border-color: transparent; } 764 | 765 | /* Scrollbars */ 766 | StScrollView.vfade { 767 | -st-vfade-offset: 68px; } 768 | 769 | StScrollView.hfade { 770 | -st-hfade-offset: 68px; } 771 | 772 | StScrollBar { 773 | padding: 0; } 774 | StScrollView StScrollBar { 775 | min-width: 8px; 776 | min-height: 8px; } 777 | StScrollBar StBin#trough { 778 | border-radius: 0; 779 | background-color: transparent; } 780 | StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { 781 | border-radius: 8px; 782 | background-color: #717171; 783 | border: 3px solid transparent; 784 | transition: 500ms all ease; } 785 | StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { 786 | background-color: #9a9a9a; } 787 | StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { 788 | background-color: #868686; } 789 | 790 | /* Popovers/Menus */ 791 | .popup-menu-boxpointer, .candidate-popup-boxpointer { 792 | -arrow-rise: 6px; } 793 | 794 | .popup-menu { 795 | min-width: 15em; 796 | color: #ffffff; } 797 | .popup-menu.panel-menu { 798 | margin-bottom: 1.75em; } 799 | 800 | .popup-menu-content, .candidate-popup-content { 801 | padding: 6px; 802 | background-color: #353535; 803 | border-radius: 20px; 804 | border: 1px solid #424242; 805 | box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } 806 | 807 | .popup-menu-item { 808 | background-color: transparent; 809 | border-color: transparent; 810 | box-shadow: none; 811 | border-radius: 12px; } 812 | .popup-menu-item:insensitive { 813 | background-color: transparent !important; } 814 | .popup-menu-item:focus, .popup-menu-item:hover { 815 | color: #ffffff; 816 | background-color: #5d5d5d; } 817 | .popup-menu-item:active { 818 | color: #ffffff; 819 | background-color: #6a6a6a; } 820 | .popup-menu-item:active:hover { 821 | background-color: #747474; } 822 | .popup-menu-item:active:focus { 823 | background-color: #6a6867; } 824 | .popup-menu-item:checked { 825 | color: #ffffff; 826 | background-color: #676767; } 827 | .popup-menu-item:checked:hover { 828 | background-color: #727272; } 829 | .popup-menu-item:checked:active { 830 | background-color: #7e7e7e; } 831 | .popup-menu-item:insensitive { 832 | color: rgba(255, 255, 255, 0.5); 833 | background-color: #4b4b4b; } 834 | .popup-menu-item:checked { 835 | border-radius: 12px 12px 0 0 !important; } 836 | .popup-menu-item .toggle-switch:ltr { 837 | margin-left: 4px; } 838 | .popup-menu-item .toggle-switch:rtl { 839 | margin-right: 4px; } 840 | 841 | .popup-ornamented-menu-item:ltr { 842 | padding-left: 6px; } 843 | 844 | .popup-ornamented-menu-item:rtl { 845 | padding-right: 6px; } 846 | 847 | .popup-inactive-menu-item { 848 | color: #ffffff; } 849 | .popup-inactive-menu-item:insensitive { 850 | color: #9a9a9a; } 851 | 852 | .popup-menu-arrow, 853 | .popup-menu-icon { 854 | icon-size: 1.091em; } 855 | 856 | .popup-sub-menu { 857 | border-radius: 0 0 13px 13px; 858 | margin-bottom: 6px; 859 | border: 1px solid transparent; } 860 | .popup-sub-menu .popup-menu-item { 861 | border-radius: 0; 862 | background-color: transparent; 863 | border-color: transparent; 864 | box-shadow: none; 865 | border-top-width: 0; } 866 | .popup-sub-menu .popup-menu-item:insensitive { 867 | background-color: transparent !important; } 868 | .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { 869 | color: #ffffff; 870 | background-color: #6d6d6d; } 871 | .popup-sub-menu .popup-menu-item:active { 872 | color: #ffffff; 873 | background-color: #7a7a7a; } 874 | .popup-sub-menu .popup-menu-item:active:hover { 875 | background-color: #848484; } 876 | .popup-sub-menu .popup-menu-item:active:focus { 877 | background-color: #797776; } 878 | .popup-sub-menu .popup-menu-item:checked { 879 | color: #ffffff; 880 | background-color: #777777; } 881 | .popup-sub-menu .popup-menu-item:checked:hover { 882 | background-color: #828282; } 883 | .popup-sub-menu .popup-menu-item:checked:active { 884 | background-color: #8e8e8e; } 885 | .popup-sub-menu .popup-menu-item:insensitive { 886 | color: rgba(255, 255, 255, 0.5); 887 | background-color: #5b5b5b; } 888 | .popup-sub-menu .popup-menu-item:last-child { 889 | border-radius: 0 0 12px 12px; 890 | border-bottom-width: 0; } 891 | .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { 892 | border-radius: 0; } 893 | .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { 894 | border-radius: 0 0 12px 12px; } 895 | 896 | .popup-menu-ornament { 897 | icon-size: 1.091em !important; 898 | width: 1.091em; } 899 | 900 | .popup-separator-menu-item { 901 | border: none !important; } 902 | .popup-separator-menu-item .popup-separator-menu-item-separator { 903 | height: 1px; 904 | background-color: rgba(255, 255, 255, 0.1); } 905 | .popup-sub-menu .popup-separator-menu-item { 906 | background-color: transparent; } 907 | .popup-sub-menu .popup-separator-menu-item:ltr { 908 | margin-right: 2.5em; } 909 | .popup-sub-menu .popup-separator-menu-item:rtl { 910 | margin-left: 2.5em; } 911 | .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { 912 | background-color: rgba(255, 255, 255, 0.1); } 913 | 914 | .background-menu { 915 | -boxpointer-gap: 0px; 916 | -arrow-rise: 0px; } 917 | 918 | .app-menu { 919 | max-width: 27.25em; } 920 | .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { 921 | margin-right: 8px; } 922 | .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { 923 | margin-left: 8px; } 924 | 925 | /* Date/Time Menu */ 926 | #calendarArea { 927 | padding: 4px; } 928 | 929 | .datemenu-popover { 930 | border-radius: 30px; } 931 | 932 | .datemenu-calendar-column { 933 | spacing: 6px; } 934 | .datemenu-calendar-column:ltr { 935 | margin-left: 6px; } 936 | .datemenu-calendar-column:rtl { 937 | margin-right: 6px; } 938 | .datemenu-calendar-column .datemenu-displays-box { 939 | spacing: 6px; } 940 | 941 | .datemenu-today-button { 942 | padding: 9px; } 943 | .datemenu-today-button .day-label { 944 | font-weight: bold; } 945 | 946 | .calendar { 947 | margin-top: 0; 948 | padding: 0; } 949 | .calendar .calendar-month-header .calendar-change-month-back StIcon, 950 | .calendar .calendar-month-header .calendar-change-month-forward StIcon { 951 | icon-size: 1.091em; } 952 | .calendar .calendar-month-header .calendar-month-label { 953 | color: #ffffff !important; 954 | padding: 8px 0; 955 | width: 10em; 956 | border-radius: 999px; 957 | text-align: center; } 958 | .calendar .calendar-month-header .pager-button { 959 | height: 2.6em; 960 | width: 2.6em; 961 | padding: 0; } 962 | .calendar .calendar-day { 963 | border-radius: 999px; 964 | height: 3em; 965 | width: 3em; 966 | margin: 2px; 967 | padding: 0; 968 | font-weight: bold; 969 | text-align: center; } 970 | .calendar .calendar-day.calendar-weekend { 971 | color: #9a9a9a; } 972 | .calendar .calendar-day.calendar-other-month { 973 | color: rgba(255, 255, 255, 0.5); 974 | font-weight: normal; } 975 | .calendar .calendar-day.calendar-other-month.calendar-weekend { 976 | color: rgba(255, 255, 255, 0.5); } 977 | .calendar .calendar-day.calendar-today { 978 | color: #ffffff !important; } 979 | .calendar .calendar-day.calendar-today.calendar-day-with-events { 980 | background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important; } 981 | .calendar .calendar-day.calendar-day-with-events { 982 | background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg"); 983 | background-size: contain; } 984 | .calendar .calendar-day-heading { 985 | font-weight: bold; 986 | text-align: center; 987 | margin: 4px; 988 | padding: 3px 6px; 989 | border-radius: 8px; } 990 | .calendar .calendar-week-number { 991 | font-weight: bold; 992 | font-feature-settings: "tnum"; 993 | text-align: center; 994 | margin: 6px; 995 | padding: 0 6px; 996 | border-radius: 4px; 997 | background-color: rgba(154, 154, 154, 0.2); 998 | color: #9a9a9a; } 999 | 1000 | .events-button .events-box .events-title { 1001 | color: #9a9a9a; 1002 | padding-bottom: 6px; } 1003 | 1004 | .events-button .events-box .events-list { 1005 | spacing: 6px; } 1006 | .events-button .events-box .events-list .event-box { 1007 | spacing: 6px; 1008 | border-radius: 8px; } 1009 | .events-button .events-box .events-list .event-box .event-time { 1010 | color: #9a9a9a; } 1011 | .events-button .events-box .events-list .event-placeholder { 1012 | color: #9a9a9a; 1013 | font-style: italic; } 1014 | 1015 | .world-clocks-button .world-clocks-header { 1016 | color: #9a9a9a; } 1017 | .world-clocks-button .world-clocks-header.no-world-clocks { 1018 | color: #ffffff; } 1019 | 1020 | .world-clocks-button .world-clocks-grid { 1021 | spacing-rows: 6px; 1022 | spacing-columns: 12px; } 1023 | .world-clocks-button .world-clocks-grid .world-clocks-time { 1024 | font-weight: bold; } 1025 | .world-clocks-button .world-clocks-grid .world-clocks-time:ltr { 1026 | text-align: right; } 1027 | .world-clocks-button .world-clocks-grid .world-clocks-time:rtl { 1028 | text-align: left; } 1029 | .world-clocks-button .world-clocks-grid .world-clocks-timezone { 1030 | color: #9a9a9a; } 1031 | 1032 | .weather-button .weather-box { 1033 | spacing: 6px; } 1034 | .weather-button .weather-box .weather-header-box { 1035 | spacing: 6px; } 1036 | .weather-button .weather-box .weather-header-box .weather-header { 1037 | color: #9a9a9a; } 1038 | .weather-button .weather-box .weather-header-box .weather-header.no-location { 1039 | color: #ffffff; } 1040 | .weather-button .weather-box .weather-header-box .weather-header.location { 1041 | font-weight: normal; } 1042 | .weather-button .weather-box .weather-grid { 1043 | spacing-rows: 6px; 1044 | spacing-columns: 12px; } 1045 | .weather-button .weather-box .weather-grid .weather-forecast-time { 1046 | padding-top: 6px; 1047 | padding-bottom: 6px; } 1048 | .weather-button .weather-box .weather-grid .weather-forecast-icon { 1049 | icon-size: 2.182em; 1050 | margin-bottom: 4px; } 1051 | .weather-button .weather-box .weather-grid .weather-forecast-temp { 1052 | font-weight: bold; } 1053 | 1054 | /* Message List */ 1055 | .message-list { 1056 | width: 29em; 1057 | border: solid rgba(255, 255, 255, 0.1); } 1058 | .message-list:ltr { 1059 | margin-left: 0; 1060 | margin-right: 4px; 1061 | padding-right: 6px; 1062 | border-right-width: 1px; } 1063 | .message-list:rtl { 1064 | margin-right: 0; 1065 | margin-left: 4px; 1066 | padding-left: 6px; 1067 | border-left-width: 1px; } 1068 | .message-list .message-list-placeholder { 1069 | color: rgba(255, 255, 255, 0.25); } 1070 | .message-list .message-list-placeholder > StIcon { 1071 | icon-size: 96px; 1072 | margin-bottom: 12px; 1073 | -st-icon-style: symbolic; } 1074 | 1075 | .message-list-sections { 1076 | spacing: 12px; } 1077 | .message-list-sections:ltr { 1078 | margin-right: 12px; } 1079 | .message-list-sections:rtl { 1080 | margin-left: 12px; } 1081 | 1082 | .message-list-section, 1083 | .message-list-section-list { 1084 | spacing: 12px; } 1085 | 1086 | .message-list-controls { 1087 | padding: 12px; 1088 | padding-bottom: 6px; 1089 | spacing: 6px; } 1090 | .message-list-controls .dnd-button { 1091 | border-width: 2px; 1092 | border-color: transparent; 1093 | border-radius: 32px; 1094 | border-style: solid; } 1095 | .message-list-controls .dnd-button:focus { 1096 | border-color: rgba(99, 69, 44, 0.6); } 1097 | 1098 | .message { 1099 | padding: 0; 1100 | margin: 0; 1101 | border-radius: 16px; } 1102 | .message:ltr { 1103 | padding-right: -2px; } 1104 | .message:rtl { 1105 | padding-left: -2px; } 1106 | .message .message-header { 1107 | padding: 0 0.409em; 1108 | margin: 6px; 1109 | margin-bottom: 0; 1110 | spacing: 6px; 1111 | color: #9a9a9a; } 1112 | .message .message-header .message-source-icon { 1113 | icon-size: 1.091em; 1114 | -st-icon-style: symbolic; } 1115 | .message .message-header .message-header-content { 1116 | spacing: 6px; 1117 | min-height: 1.637em; 1118 | padding-bottom: 6px; } 1119 | .message .message-header .message-header-content .message-source-title { 1120 | font-weight: bold; } 1121 | .message .message-header .message-header-content .event-time { 1122 | color: #9a9a9a; 1123 | padding-bottom: 0.068em; } 1124 | .message .message-header .message-header-content .event-time:ltr { 1125 | text-align: right; } 1126 | .message .message-header .message-header-content .event-time:rtl { 1127 | text-align: left; } 1128 | .message .message-header .message-expand-button, 1129 | .message .message-header .message-close-button { 1130 | color: #ffffff; 1131 | background-color: rgba(255, 255, 255, 0.1); 1132 | padding: 4px; } 1133 | .message .message-header .message-expand-button:hover, 1134 | .message .message-header .message-close-button:hover { 1135 | background-color: rgba(255, 255, 255, 0.19); } 1136 | .message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover, 1137 | .message .message-header .message-close-button:active, 1138 | .message .message-header .message-close-button:active:hover { 1139 | background-color: rgba(255, 255, 255, 0.24); } 1140 | .message .message-header .message-expand-button:insensitive, 1141 | .message .message-header .message-close-button:insensitive { 1142 | background-color: rgba(255, 255, 255, 0.07); } 1143 | .message .message-header .message-expand-button { 1144 | padding: 6px; } 1145 | .message .message-header .message-expand-button:ltr { 1146 | margin-right: 6px; } 1147 | .message .message-header .message-expand-button:rtl { 1148 | margin-left: 6px; } 1149 | .message .message-box { 1150 | padding: 6px; 1151 | margin: 6px; 1152 | margin-top: 0; 1153 | spacing: 6px; } 1154 | .message .message-box .message-icon { 1155 | icon-size: 48px; } 1156 | .message .message-box .message-icon:ltr { 1157 | margin-right: 6px; } 1158 | .message .message-box .message-icon:rtl { 1159 | margin-left: 6px; } 1160 | .message .message-box .message-icon.message-themed-icon { 1161 | border-radius: 999px; 1162 | background-color: rgba(255, 255, 255, 0.07); 1163 | icon-size: 1.091em; 1164 | min-width: 48px; 1165 | min-height: 48px; } 1166 | .message .message-box:first-child { 1167 | margin-top: 12px; } 1168 | .message .message-box .message-content { 1169 | spacing: 4px; } 1170 | .message .message-box .message-content .message-title { 1171 | font-weight: bold; } 1172 | 1173 | .url-highlighter { 1174 | link-color: #62a0ea; } 1175 | 1176 | /* Media Controls */ 1177 | .message-media-control { 1178 | padding: 0 18px; 1179 | border-radius: 8px; 1180 | color: #ffffff; 1181 | border: 1px solid transparent; } 1182 | .message-media-control:hover { 1183 | background-color: #5b5b5b; 1184 | color: #ffffff; } 1185 | .message-media-control:active { 1186 | background-color: #606060; 1187 | color: #ffffff; } 1188 | .message-media-control:insensitive { 1189 | color: #a7a7a7; } 1190 | .message-media-control StIcon { 1191 | icon-size: 16px; } 1192 | 1193 | .media-message .message-icon { 1194 | border-radius: 8px !important; } 1195 | .media-message .message-icon.message-themed-icon { 1196 | icon-size: 32px !important; } 1197 | 1198 | .candidate-popup-content { 1199 | padding: 6px; 1200 | spacing: 6px; } 1201 | 1202 | .candidate-index { 1203 | padding: 0; 1204 | padding-right: 6px; 1205 | color: #9a9a9a; } 1206 | 1207 | .candidate-box { 1208 | padding: 6px 12px 6px 12px; 1209 | border-radius: 8px; } 1210 | .candidate-box:selected { 1211 | background-color: #63452c; 1212 | color: #ffffff; } 1213 | .candidate-box:hover { 1214 | background-color: #4e4e4e; 1215 | color: white; } 1216 | 1217 | .candidate-page-button-box { 1218 | height: 2em; } 1219 | .vertical .candidate-page-button-box { 1220 | padding-top: 12px; } 1221 | .horizontal .candidate-page-button-box { 1222 | padding-left: 12px; } 1223 | 1224 | .candidate-page-button { 1225 | padding: 6px; } 1226 | .candidate-page-button StIcon { 1227 | icon-size: 16px; } 1228 | 1229 | .candidate-page-button-previous { 1230 | border-radius: 8px 0px 0px 8px; 1231 | border-right-width: 0; 1232 | box-shadow: none; } 1233 | 1234 | .candidate-page-button-next { 1235 | border-radius: 0px 8px 8px 0px; 1236 | box-shadow: none; } 1237 | 1238 | /* Notifications & Message Tray */ 1239 | .notification-banner { 1240 | min-height: 64px; 1241 | width: 34em; 1242 | box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); 1243 | border-radius: 16px; 1244 | margin: 4px; } 1245 | 1246 | .notification-buttons-bin { 1247 | spacing: 0; } 1248 | 1249 | /* Modal Dialogs */ 1250 | .modal-dialog { 1251 | background-color: #353535; 1252 | border-radius: 16px; 1253 | box-shadow: inset 0 0 0 1px #424242; } 1254 | .modal-dialog .modal-dialog-content-box { 1255 | margin: 32px 40px; 1256 | spacing: 32px; 1257 | max-width: 28em; } 1258 | 1259 | /* End Session Dialog */ 1260 | .end-session-dialog { 1261 | width: 30em; } 1262 | .end-session-dialog .end-session-dialog-battery-warning, 1263 | .end-session-dialog .dialog-list-title { 1264 | color: #f6d32d; } 1265 | 1266 | /* Message Dialog */ 1267 | .message-dialog-content { 1268 | spacing: 18px; } 1269 | .message-dialog-content .message-dialog-title { 1270 | text-align: center; } 1271 | .message-dialog-content .message-dialog-description { 1272 | text-align: center; } 1273 | 1274 | /* Dialog List */ 1275 | .dialog-list { 1276 | spacing: 18px; } 1277 | .dialog-list .dialog-list-title { 1278 | text-align: center; } 1279 | .dialog-list .dialog-list-scrollview { 1280 | max-height: 200px; } 1281 | .dialog-list .dialog-list-box { 1282 | spacing: 1em; } 1283 | .dialog-list .dialog-list-box .dialog-list-item { 1284 | spacing: 1em; } 1285 | .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { 1286 | font-weight: bold; } 1287 | .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { 1288 | color: #f2f2f2; } 1289 | 1290 | /* Run Dialog */ 1291 | .run-dialog .modal-dialog-content-box { 1292 | margin-top: 24px; 1293 | margin-bottom: 12px; } 1294 | 1295 | .run-dialog .run-dialog-entry { 1296 | width: 20em; } 1297 | 1298 | .run-dialog .run-dialog-description { 1299 | text-align: center; 1300 | color: #cccccc; } 1301 | 1302 | /* Password or Authentication Dialog */ 1303 | .prompt-dialog { 1304 | width: 28em; } 1305 | .prompt-dialog .modal-dialog-content-box { 1306 | margin-bottom: 24px; } 1307 | 1308 | .prompt-dialog-password-grid { 1309 | spacing-rows: 8px; 1310 | spacing-columns: 4px; } 1311 | .prompt-dialog-password-grid .prompt-dialog-password-entry { 1312 | width: auto; } 1313 | .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { 1314 | margin-left: 20px; } 1315 | .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { 1316 | margin-right: 20px; } 1317 | 1318 | .prompt-dialog-password-layout { 1319 | spacing: 8px; } 1320 | 1321 | .prompt-dialog-password-entry { 1322 | width: 20em; } 1323 | 1324 | .prompt-dialog-error-label, 1325 | .prompt-dialog-info-label, 1326 | .prompt-dialog-null-label { 1327 | text-align: center; } 1328 | 1329 | .prompt-dialog-error-label { 1330 | color: #f6d32d; } 1331 | 1332 | /* Polkit Dialog */ 1333 | .polkit-dialog-user-layout { 1334 | text-align: center; 1335 | spacing: 8px; 1336 | margin-bottom: 6px; } 1337 | .polkit-dialog-user-layout .polkit-dialog-user-root-label { 1338 | color: #f6d32d; } 1339 | 1340 | /* Audio selection dialog */ 1341 | .audio-device-selection-dialog .modal-dialog-content-box { 1342 | margin-bottom: 28px; } 1343 | 1344 | .audio-device-selection-dialog .audio-selection-box { 1345 | spacing: 20px; } 1346 | 1347 | .audio-selection-device { 1348 | border-radius: 16px; } 1349 | .audio-selection-device:hover, .audio-selection-device:focus { 1350 | background-color: #4e4e4e; } 1351 | .audio-selection-device:active { 1352 | background-color: #63452c; 1353 | color: #ffffff; } 1354 | 1355 | .audio-selection-device-box { 1356 | padding: 20px; 1357 | spacing: 20px; } 1358 | 1359 | .audio-selection-device-icon { 1360 | icon-size: 64px; } 1361 | 1362 | /* Welcome dialog */ 1363 | .welcome-dialog-image { 1364 | background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); 1365 | background-size: contain; 1366 | /* Reasonable maximum dimensions */ 1367 | height: 300px; 1368 | width: 300px; } 1369 | 1370 | /* Access portal dialog */ 1371 | .access-dialog { 1372 | text-align: center; } 1373 | 1374 | /* OSD */ 1375 | .osd-window { 1376 | text-align: center; 1377 | font-weight: bold; 1378 | spacing: 12px; 1379 | padding: 12px 18px; 1380 | margin-bottom: 4em; } 1381 | .osd-window > * { 1382 | spacing: 8px; } 1383 | .osd-window StIcon { 1384 | icon-size: 32px; } 1385 | .osd-window StLabel:ltr { 1386 | margin-right: 6px; } 1387 | .osd-window StLabel:rtl { 1388 | margin-left: 6px; } 1389 | .osd-window .level { 1390 | margin-bottom: 4px; 1391 | min-width: 160px; 1392 | -barlevel-height: 6px; 1393 | -barlevel-background-color: rgba(255, 255, 255, 0.1); 1394 | -barlevel-active-background-color: #ffffff; 1395 | -barlevel-overdrive-color: #c01c28; 1396 | -barlevel-overdrive-separator-width: 3px; } 1397 | .osd-window .level:first-child { 1398 | margin-bottom: 0; } 1399 | .osd-window .level:ltr { 1400 | margin-right: 6px; } 1401 | .osd-window .level:rtl { 1402 | margin-left: 6px; } 1403 | 1404 | .osd-monitor-label { 1405 | background-color: #63452c; 1406 | color: #ffffff; 1407 | border-radius: 16px; 1408 | font-size: 3em; 1409 | font-weight: bold; 1410 | font-feature-settings: "tnum"; 1411 | margin: 12px; 1412 | padding: 12px; 1413 | text-align: center; 1414 | min-width: 1.5em; } 1415 | 1416 | /* Pad OSD */ 1417 | .pad-osd-window { 1418 | padding: 32px; 1419 | background-color: rgba(0, 0, 0, 0.8); } 1420 | .pad-osd-window .pad-osd-title-box { 1421 | spacing: 12px; } 1422 | .pad-osd-window .pad-osd-title-menu-box { 1423 | spacing: 6px; } 1424 | 1425 | .combo-box-label { 1426 | width: 15em; } 1427 | 1428 | /* App Switcher */ 1429 | .switcher-popup { 1430 | padding: 0; 1431 | spacing: 24px; } 1432 | 1433 | .switcher-list { 1434 | padding: 12px; 1435 | border-radius: 28px; 1436 | box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2); } 1437 | .switcher-list .switcher-list-item-container { 1438 | spacing: 12px; } 1439 | .switcher-list .item-box { 1440 | color: #ffffff; 1441 | background-color: #353535; } 1442 | .switcher-list .item-box:focus { 1443 | color: #ffffff; 1444 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 1445 | background-color: rgba(65, 57, 50, 0.2875); } 1446 | .switcher-list .item-box:focus:hover { 1447 | background-color: #484745; } 1448 | .switcher-list .item-box:hover { 1449 | color: #ffffff; 1450 | background-color: #474747; } 1451 | .switcher-list .item-box:active { 1452 | color: #ffffff; 1453 | background-color: #4c4c4c; } 1454 | .switcher-list .item-box:active:hover { 1455 | background-color: #5e5e5e; } 1456 | .switcher-list .item-box:active:focus { 1457 | background-color: #4d4b4a; } 1458 | .switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked { 1459 | color: #ffffff; 1460 | background-color: #494949; } 1461 | .switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover { 1462 | background-color: #5b5b5b; } 1463 | .switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active { 1464 | background-color: #606060; } 1465 | .switcher-list .item-box:insensitive { 1466 | color: rgba(255, 255, 255, 0.5); 1467 | background-color: #353535; } 1468 | .switcher-list .item-box:drop { 1469 | background-color: rgba(99, 69, 44, 0.2); 1470 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.8); } 1471 | .switcher-list .item-box:hover { 1472 | background: none; } 1473 | .switcher-list .item-box:selected { 1474 | background-color: rgba(255, 255, 255, 0.2); } 1475 | .switcher-list .separator { 1476 | width: 1px; 1477 | background: rgba(255, 255, 255, 0.1); } 1478 | .switcher-list .thumbnail-box { 1479 | padding: 2px; 1480 | spacing: 6px; } 1481 | .switcher-list .thumbnail { 1482 | width: 256px; 1483 | border-radius: 8px; } 1484 | 1485 | .switcher-arrow { 1486 | border-color: rgba(255, 255, 255, 0.8); 1487 | color: rgba(255, 255, 255, 0.8); } 1488 | .switcher-arrow:highlighted { 1489 | border-color: #ffffff; 1490 | color: #ffffff; } 1491 | 1492 | .input-source-switcher-symbol { 1493 | font-size: 34pt; 1494 | width: 96px; 1495 | height: 96px; } 1496 | 1497 | .cycler-highlight { 1498 | border: 5px solid #63452c; } 1499 | 1500 | /* Workspace Switcher */ 1501 | .workspace-switcher { 1502 | margin-bottom: 4em; 1503 | spacing: 12px; 1504 | padding: 12px 18px; } 1505 | 1506 | .ws-switcher-indicator { 1507 | background-color: rgba(255, 255, 255, 0.5); 1508 | padding: 2.6666666667px; 1509 | margin: 13.3333333333px; 1510 | border-radius: 32px; } 1511 | .ws-switcher-indicator:active { 1512 | background-color: #ffffff; 1513 | padding: 5.3333333333px; 1514 | margin: 10.6666666667px; } 1515 | 1516 | .screenshot-ui-panel { 1517 | border-radius: 32px; 1518 | padding: 18px; 1519 | padding-bottom: 12px; 1520 | margin-bottom: 4em; 1521 | spacing: 12px; } 1522 | 1523 | .screenshot-ui-close-button { 1524 | padding: 6px !important; 1525 | margin-top: 12px; 1526 | box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } 1527 | .screenshot-ui-close-button.left { 1528 | margin-left: 12px; } 1529 | .screenshot-ui-close-button.right { 1530 | margin-right: 12px; } 1531 | 1532 | .screenshot-ui-type-button { 1533 | min-width: 48px; 1534 | padding: 12px 18px; 1535 | border-radius: 14px; } 1536 | .screenshot-ui-type-button .icon-label-button-container { 1537 | spacing: 0.409em; } 1538 | .screenshot-ui-type-button .icon-label-button-container > StIcon { 1539 | icon-size: 32px; } 1540 | 1541 | .screenshot-ui-capture-button { 1542 | width: 32px; 1543 | height: 32px; 1544 | border-radius: 999px; 1545 | border: 4px #ffffff; 1546 | padding: 4px; } 1547 | .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { 1548 | background-color: #ffffff; 1549 | transition-duration: 200ms; 1550 | border-radius: 999px; } 1551 | .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { 1552 | background-color: #4e4e4e; } 1553 | .screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { 1554 | background-color: #cccccc; } 1555 | .screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { 1556 | background-color: gray; } 1557 | .screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { 1558 | background-color: #c01c28; } 1559 | .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { 1560 | background-color: #d61f2d; } 1561 | .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { 1562 | background-color: #a11722; } 1563 | 1564 | .screenshot-ui-shot-cast-container { 1565 | background-color: rgba(255, 255, 255, 0.1); 1566 | border-radius: 999px; 1567 | padding: 3px; 1568 | spacing: 3px; } 1569 | 1570 | .screenshot-ui-shot-cast-button { 1571 | padding: 6px 12px; 1572 | background-color: transparent; 1573 | border-radius: 999px; } 1574 | .screenshot-ui-shot-cast-button > StIcon { 1575 | icon-size: 16px; } 1576 | .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { 1577 | background-color: rgba(255, 255, 255, 0.2); } 1578 | .screenshot-ui-shot-cast-button:active { 1579 | background-color: rgba(255, 255, 255, 0.5); } 1580 | .screenshot-ui-shot-cast-button:checked { 1581 | background-color: #ffffff; 1582 | color: #353535; } 1583 | .screenshot-ui-shot-cast-button:insensitive { 1584 | color: rgba(255, 255, 255, 0.5); } 1585 | 1586 | .screenshot-ui-area-indicator-shade { 1587 | background-color: rgba(0, 0, 0, 0.3); } 1588 | 1589 | .screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { 1590 | background-color: rgba(0, 0, 0, 0.5); } 1591 | 1592 | .screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { 1593 | border: 2px white; } 1594 | 1595 | .screenshot-ui-area-selector-handle { 1596 | border-radius: 999px; 1597 | background-color: white; 1598 | box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); 1599 | width: 24px; 1600 | height: 24px; } 1601 | 1602 | .screenshot-ui-window-selector { 1603 | background-color: #282828; } 1604 | .screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { 1605 | margin: 100px; } 1606 | .screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { 1607 | margin-bottom: 200px; } 1608 | 1609 | .screenshot-ui-window-selector-window-border { 1610 | transition-duration: 200ms; 1611 | border-radius: 16px; 1612 | border: 6px transparent; } 1613 | 1614 | .screenshot-ui-window-selector-check { 1615 | transition-duration: 200ms; 1616 | color: transparent; 1617 | border-radius: 999px; 1618 | border-width: 12px; 1619 | icon-size: 24px; } 1620 | 1621 | .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { 1622 | border-color: #2e2014; } 1623 | 1624 | .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { 1625 | border-color: #63452c; 1626 | background-color: rgba(99, 69, 44, 0.2); } 1627 | 1628 | .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { 1629 | color: #ffffff; 1630 | background-color: #63452c; } 1631 | 1632 | .screenshot-ui-screen-selector { 1633 | transition-duration: 200ms; 1634 | background-color: rgba(0, 0, 0, 0.5); } 1635 | .screenshot-ui-screen-selector:hover { 1636 | background-color: rgba(0, 0, 0, 0.3); } 1637 | .screenshot-ui-screen-selector:active { 1638 | background-color: rgba(0, 0, 0, 0.7); } 1639 | .screenshot-ui-screen-selector:checked { 1640 | background-color: transparent; 1641 | border: 2px white; } 1642 | 1643 | .screenshot-ui-tooltip { 1644 | text-align: center; 1645 | -y-offset: 24px; } 1646 | 1647 | /* Top Bar */ 1648 | #panel { 1649 | background-color: #000000; 1650 | font-weight: bold; 1651 | height: 2.2em; 1652 | transition-duration: 250ms; } 1653 | #panel .panel-button { 1654 | transition-duration: 150ms; 1655 | border: 3px solid transparent; 1656 | background-color: transparent; 1657 | border-radius: 999px; 1658 | font-weight: bold; 1659 | color: #ffffff; 1660 | box-shadow: inset 0 0 0 100px transparent; 1661 | -natural-hpadding: 12px; 1662 | -minimum-hpadding: 6px; } 1663 | #panel .panel-button:focus, #panel .panel-button:hover { 1664 | box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); } 1665 | #panel .panel-button:active, #panel .panel-button:checked { 1666 | box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); } 1667 | #panel .panel-button:active:hover, #panel .panel-button:checked:hover { 1668 | box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); } 1669 | #panel .panel-button .system-status-icon { 1670 | icon-size: 1.091em; 1671 | padding: 0 6px; 1672 | margin: 0 4px; } 1673 | #panel .panel-button .app-menu-icon { 1674 | -st-icon-style: symbolic; } 1675 | #panel .panel-button .panel-status-menu-box, 1676 | #panel .panel-button .panel-status-indicators-box { 1677 | spacing: 4px; } 1678 | #panel .panel-button .panel-status-menu-box > .system-status-icon, 1679 | #panel .panel-button .panel-status-indicators-box > .system-status-icon { 1680 | padding: 0; } 1681 | #panel .panel-button#panelActivities StBoxLayout { 1682 | padding: 0 0.2045em; 1683 | spacing: 5px; } 1684 | #panel .panel-button#panelActivities .workspace-dot { 1685 | border-radius: 999px; 1686 | min-width: 0.5455em; 1687 | min-height: 0.5455em; 1688 | background-color: #ffffff; } 1689 | #panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout { 1690 | spacing: 0.409em; } 1691 | #panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon { 1692 | icon-size: 1.091em; } 1693 | #panel .panel-button.screen-recording-indicator { 1694 | transition-duration: 150ms; 1695 | border: 3px solid transparent; 1696 | background-color: transparent; 1697 | border-radius: 999px; 1698 | font-weight: bold; 1699 | color: whitesmoke; 1700 | box-shadow: inset 0 0 0 100px #c01c28; } 1701 | #panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover { 1702 | box-shadow: inset 0 0 0 100px #d61f2d; } 1703 | #panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked { 1704 | box-shadow: inset 0 0 0 100px #e02a37; } 1705 | #panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover { 1706 | box-shadow: inset 0 0 0 100px #e13340; } 1707 | #panel .panel-button.screen-sharing-indicator { 1708 | transition-duration: 150ms; 1709 | border: 3px solid transparent; 1710 | background-color: transparent; 1711 | border-radius: 999px; 1712 | font-weight: bold; 1713 | color: whitesmoke; 1714 | box-shadow: inset 0 0 0 100px #ff7800; } 1715 | #panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover { 1716 | box-shadow: inset 0 0 0 100px #ff861a; } 1717 | #panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked { 1718 | box-shadow: inset 0 0 0 100px #ff902e; } 1719 | #panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover { 1720 | box-shadow: inset 0 0 0 100px #ff9638; } 1721 | #panel .panel-button.clock-display { 1722 | transition-duration: 150ms; 1723 | border: 3px solid transparent; 1724 | background-color: transparent; 1725 | border-radius: 999px; 1726 | font-weight: bold; 1727 | color: #ffffff; 1728 | box-shadow: inset 0 0 0 100px transparent; 1729 | background: none !important; 1730 | box-shadow: none !important; 1731 | border: none !important; } 1732 | #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover { 1733 | box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); } 1734 | #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked { 1735 | box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); } 1736 | #panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover { 1737 | box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); } 1738 | #panel .panel-button.clock-display .clock { 1739 | transition-duration: 150ms; 1740 | border: 3px solid transparent; 1741 | border-radius: 999px; } 1742 | #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock { 1743 | box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); } 1744 | #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock { 1745 | box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); } 1746 | #panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover { 1747 | box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); } 1748 | #panel .panel-button.clock-display .messages-indicator { 1749 | icon-size: 1.091em; } 1750 | #panel:overview, #panel.unlock-screen, #panel.login-screen { 1751 | background-color: transparent; } 1752 | #panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator { 1753 | transition-duration: 150ms; 1754 | border: 3px solid transparent; 1755 | background-color: transparent; 1756 | border-radius: 999px; 1757 | font-weight: bold; 1758 | color: whitesmoke; 1759 | box-shadow: inset 0 0 0 100px #c01c28; } 1760 | #panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover { 1761 | box-shadow: inset 0 0 0 100px #d61f2d; } 1762 | #panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked { 1763 | box-shadow: inset 0 0 0 100px #e02a37; } 1764 | #panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover { 1765 | box-shadow: inset 0 0 0 100px #e13340; } 1766 | #panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator { 1767 | transition-duration: 150ms; 1768 | border: 3px solid transparent; 1769 | background-color: transparent; 1770 | border-radius: 999px; 1771 | font-weight: bold; 1772 | color: whitesmoke; 1773 | box-shadow: inset 0 0 0 100px #ff7800; } 1774 | #panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover { 1775 | box-shadow: inset 0 0 0 100px #ff861a; } 1776 | #panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked { 1777 | box-shadow: inset 0 0 0 100px #ff902e; } 1778 | #panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover { 1779 | box-shadow: inset 0 0 0 100px #ff9638; } 1780 | #panel.unlock-screen .panel-button, #panel.login-screen .panel-button { 1781 | transition-duration: 150ms; 1782 | border: 3px solid transparent; 1783 | background-color: transparent; 1784 | border-radius: 999px; 1785 | font-weight: bold; 1786 | color: #ffffff; 1787 | box-shadow: inset 0 0 0 100px transparent; } 1788 | #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover { 1789 | box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); } 1790 | #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked { 1791 | box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); } 1792 | #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover { 1793 | box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); } 1794 | #panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display { 1795 | transition-duration: 150ms; 1796 | border: 3px solid transparent; 1797 | background-color: transparent; 1798 | border-radius: 999px; 1799 | font-weight: bold; 1800 | color: #ffffff; 1801 | box-shadow: inset 0 0 0 100px transparent; 1802 | background: none !important; 1803 | box-shadow: none !important; 1804 | border: none !important; } 1805 | #panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover { 1806 | box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); } 1807 | #panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked { 1808 | box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); } 1809 | #panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover { 1810 | box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); } 1811 | #panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock { 1812 | transition-duration: 150ms; 1813 | border: 3px solid transparent; 1814 | border-radius: 999px; } 1815 | #panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock { 1816 | box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17); } 1817 | #panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock { 1818 | box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28); } 1819 | #panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover { 1820 | box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32); } 1821 | #panel:overview .panel-button { 1822 | transition-duration: 150ms; 1823 | border: 3px solid transparent; 1824 | background-color: transparent; 1825 | border-radius: 999px; 1826 | font-weight: bold; 1827 | color: whitesmoke; 1828 | box-shadow: inset 0 0 0 100px transparent; } 1829 | #panel:overview .panel-button:focus, #panel:overview .panel-button:hover { 1830 | box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.17); } 1831 | #panel:overview .panel-button:active, #panel:overview .panel-button:checked { 1832 | box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.28); } 1833 | #panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover { 1834 | box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.32); } 1835 | #panel:overview .panel-button#panelActivities .workspace-dot { 1836 | background-color: whitesmoke; } 1837 | #panel:overview .panel-button.clock-display { 1838 | transition-duration: 150ms; 1839 | border: 3px solid transparent; 1840 | background-color: transparent; 1841 | border-radius: 999px; 1842 | font-weight: bold; 1843 | color: whitesmoke; 1844 | box-shadow: inset 0 0 0 100px transparent; 1845 | background: none !important; 1846 | box-shadow: none !important; 1847 | border: none !important; } 1848 | #panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover { 1849 | box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.17); } 1850 | #panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked { 1851 | box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.28); } 1852 | #panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover { 1853 | box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.32); } 1854 | #panel:overview .panel-button.clock-display .clock { 1855 | transition-duration: 150ms; 1856 | border: 3px solid transparent; 1857 | border-radius: 999px; } 1858 | #panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock { 1859 | box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.17); } 1860 | #panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock { 1861 | box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.28); } 1862 | #panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover { 1863 | box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.32); } 1864 | #panel .panel-status-indicators-box, 1865 | #panel .panel-status-menu-box { 1866 | spacing: 2px; } 1867 | #panel .power-status.panel-status-indicators-box { 1868 | spacing: 0; } 1869 | #panel .privacy-indicator { 1870 | color: #ff7800; } 1871 | 1872 | #appMenu { 1873 | spacing: 0.409em; } 1874 | #appMenu .label-shadow { 1875 | color: transparent; } 1876 | 1877 | #appMenu .panel-status-menu-box { 1878 | padding: 0 0.409em; 1879 | spacing: 0.409em; } 1880 | 1881 | .clock-display-box { 1882 | spacing: 2px; } 1883 | .clock-display-box .clock { 1884 | padding-left: 0.818em; 1885 | padding-right: 0.818em; } 1886 | 1887 | /* Activities Ripple */ 1888 | .ripple-box { 1889 | background-color: rgba(255, 255, 255, 0.2); 1890 | box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2); 1891 | width: 52px; 1892 | height: 52px; 1893 | border-radius: 0 0 52px 0; } 1894 | .ripple-box:rtl { 1895 | border-radius: 0 0 0 52px; } 1896 | 1897 | .quick-settings { 1898 | padding: 18px; 1899 | border-radius: 36px; } 1900 | .quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button, 1901 | .quick-settings .message .message-header .message-close-button, 1902 | .message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button { 1903 | padding: 10.5px; } 1904 | 1905 | .quick-settings-grid { 1906 | spacing-rows: 12px; 1907 | spacing-columns: 12px; } 1908 | 1909 | .quick-toggle, .quick-menu-toggle { 1910 | border-radius: 999px; 1911 | min-width: 12em; 1912 | max-width: 12em; 1913 | min-height: 3.273em; 1914 | border: none; } 1915 | 1916 | .quick-toggle { 1917 | background-color: none; 1918 | /* Move padding into the box; this is to allow menu arrows 1919 | to extend to the border */ } 1920 | .quick-toggle > StBoxLayout { 1921 | spacing: 9px; } 1922 | .quick-toggle.button { 1923 | padding: 0; } 1924 | .quick-toggle > StBoxLayout { 1925 | padding: 0 12px; } 1926 | .quick-toggle:ltr > StBoxLayout { 1927 | padding-left: 15px; } 1928 | .quick-toggle:rtl > StBoxLayout { 1929 | padding-right: 15px; } 1930 | .quick-toggle .quick-toggle-title { 1931 | font-weight: bold; } 1932 | .quick-toggle StBoxLayout > .quick-toggle-subtitle { 1933 | font-weight: normal; } 1934 | .quick-toggle .quick-toggle-icon { 1935 | icon-size: 1.091em; } 1936 | 1937 | .quick-menu-toggle .quick-toggle { 1938 | min-width: auto; 1939 | max-width: auto; } 1940 | .quick-menu-toggle .quick-toggle:ltr { 1941 | border-radius: 999px 0 0 999px; } 1942 | .quick-menu-toggle .quick-toggle:ltr > StBoxLayout { 1943 | padding-right: 0.6135em; } 1944 | .quick-menu-toggle .quick-toggle:rtl { 1945 | border-radius: 0 999px 999px 0; } 1946 | .quick-menu-toggle .quick-toggle:rtr > StBoxLayout { 1947 | padding-left: 0.6135em; } 1948 | .quick-menu-toggle .quick-toggle:ltr:last-child { 1949 | border-radius: 999px; } 1950 | .quick-menu-toggle .quick-toggle:rtl:last-child { 1951 | border-radius: 999px; } 1952 | 1953 | .quick-menu-toggle .quick-toggle-arrow { 1954 | padding: 0.409em 0.71575em; 1955 | border-width: 0; 1956 | border-color: rgba(255, 255, 255, 0.25); } 1957 | .quick-menu-toggle .quick-toggle-arrow:checked { 1958 | border-color: #986a44; } 1959 | .quick-menu-toggle .quick-toggle-arrow:ltr { 1960 | border-radius: 0 999px 999px 0; 1961 | border-left-width: 1px; } 1962 | .quick-menu-toggle .quick-toggle-arrow:rtl { 1963 | border-radius: 999px 0 0 999px; 1964 | border-right-width: 1px; } 1965 | 1966 | .quick-slider > StBoxLayout { 1967 | spacing: 6px; } 1968 | 1969 | .quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button, 1970 | .quick-slider .message .message-header .message-close-button, 1971 | .message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button { 1972 | padding: 6px; } 1973 | 1974 | .quick-slider .slider-bin { 1975 | padding: 6px; 1976 | border-radius: 999px; } 1977 | .quick-slider .slider-bin:focus { 1978 | color: #ffffff; 1979 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 1980 | background-color: #484746; } 1981 | .quick-slider .slider-bin:focus:hover { 1982 | background-color: #52514f; } 1983 | 1984 | .quick-toggle-menu { 1985 | border-radius: 24px; 1986 | margin: 12px 18px 0; } 1987 | .quick-toggle-menu:insensitive { 1988 | color: #ffffff; 1989 | background-color: #474747; } 1990 | .quick-toggle-menu .popup-menu-item > StIcon { 1991 | -st-icon-style: symbolic; 1992 | icon-size: 1.091em; } 1993 | .quick-toggle-menu .header { 1994 | spacing-rows: 3px; 1995 | spacing-columns: 12px; 1996 | padding-bottom: 12px; } 1997 | .quick-toggle-menu .header .icon { 1998 | icon-size: 1.6365em; 1999 | border-radius: 999px; 2000 | padding: 9px; 2001 | background-color: rgba(255, 255, 255, 0.2); } 2002 | .quick-toggle-menu .header .icon.active { 2003 | background-color: #63452c; 2004 | color: #ffffff; } 2005 | 2006 | .quick-settings-system-item > StBoxLayout { 2007 | spacing: 12px; } 2008 | 2009 | .quick-settings-system-item .power-item { 2010 | min-height: 0; 2011 | min-width: 0; } 2012 | .quick-settings-system-item .power-item:insensitive { 2013 | color: #ffffff; 2014 | background-color: #474747; 2015 | background-color: transparent; } 2016 | 2017 | .nm-network-item .wireless-secure-icon { 2018 | icon-size: 0.5455em; } 2019 | 2020 | .bt-device-item .popup-menu-icon { 2021 | -st-icon-style: symbolic; } 2022 | 2023 | .bt-menu-placeholder.popup-menu-item { 2024 | text-align: center; 2025 | padding: 2em 4em; } 2026 | 2027 | .device-subtitle { 2028 | color: rgba(255, 255, 255, 0.5); } 2029 | 2030 | .keyboard-brightness-level { 2031 | spacing: 6px; } 2032 | 2033 | .background-apps-quick-toggle { 2034 | min-height: 2.728em; 2035 | background-color: transparent; } 2036 | .background-apps-quick-toggle StIcon { 2037 | icon-size: 1.091em !important; } 2038 | 2039 | .background-app-item .popup-menu-icon { 2040 | icon-size: 32px !important; 2041 | -st-icon-style: regular !important; } 2042 | 2043 | .background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button, 2044 | .background-app-item .message .message-header .message-close-button, 2045 | .message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button { 2046 | padding: 6px; 2047 | background-color: rgba(255, 255, 255, 0.13); } 2048 | .background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover, 2049 | .background-app-item .message .message-header .message-close-button:hover, 2050 | .message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover { 2051 | background-color: rgba(255, 255, 255, 0.22); } 2052 | .background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active, 2053 | .background-app-item .message .message-header .message-close-button:active, 2054 | .message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active { 2055 | background-color: rgba(255, 255, 255, 0.31); } 2056 | 2057 | .background-app-item .spinner { 2058 | padding: 6px; } 2059 | 2060 | .background-app-item.popup-inactive-menu-item { 2061 | color: #ffffff; } 2062 | 2063 | /* OVERVIEW */ 2064 | .controls-manager, .secondary-monitor-workspaces { 2065 | spacing: 12px; } 2066 | 2067 | #overviewGroup { 2068 | background-color: #282828; } 2069 | 2070 | .overview-controls { 2071 | padding-bottom: 32px; } 2072 | 2073 | /* Window Picker */ 2074 | .window-picker { 2075 | spacing: 6px; } 2076 | 2077 | .window-close, .screenshot-ui-close-button { 2078 | background-color: rgba(71, 71, 71, 0.98); 2079 | color: whitesmoke; 2080 | border-radius: 999px; 2081 | box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); 2082 | padding: 3px; 2083 | height: 32px; 2084 | width: 32px; 2085 | transition-duration: 100ms; 2086 | border: 2px solid transparent; } 2087 | .window-close StIcon, .screenshot-ui-close-button StIcon { 2088 | icon-size: 24px; } 2089 | .window-close:hover, .screenshot-ui-close-button:hover { 2090 | background-color: rgba(88, 88, 88, 0.98); } 2091 | .window-close:active, .screenshot-ui-close-button:active { 2092 | background-color: rgba(104, 104, 104, 0.98); } 2093 | 2094 | .workspace-background { 2095 | border-radius: 30px; 2096 | background-color: rgba(3, 2, 1, 0); 2097 | box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.2); } 2098 | 2099 | .search-entry { 2100 | border-radius: 999px; 2101 | margin-top: 12px; 2102 | margin-bottom: 6px; 2103 | width: 24em; } 2104 | .search-entry .search-entry-icon { 2105 | icon-size: 1.091em; 2106 | margin-top: 2px; 2107 | padding: 0 4px; } 2108 | 2109 | /* Search */ 2110 | #searchResults { 2111 | margin: 0 4px; } 2112 | 2113 | #searchResultsContent { 2114 | max-width: 1044px; } 2115 | 2116 | .search-section { 2117 | spacing: 18px; } 2118 | .search-section .search-section-separator { 2119 | height: 8px; 2120 | background-color: transparent; } 2121 | 2122 | .search-section-content { 2123 | background-color: #3d3d3d; 2124 | color: whitesmoke; 2125 | border-radius: 24px; 2126 | padding: 12px; 2127 | margin: 0 12px; 2128 | border: 2px solid transparent; } 2129 | 2130 | .list-search-result, .search-provider-icon { 2131 | color: whitesmoke; 2132 | background-color: #3d3d3d; 2133 | border-radius: 13.2px; } 2134 | .list-search-result:focus, .search-provider-icon:focus { 2135 | color: whitesmoke; 2136 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 2137 | background-color: rgba(71, 63, 56, 0.2875); } 2138 | .list-search-result:focus:hover, .search-provider-icon:focus:hover { 2139 | background-color: #504e4d; } 2140 | .list-search-result:hover, .search-provider-icon:hover { 2141 | color: whitesmoke; 2142 | background-color: #4f4f4f; } 2143 | .list-search-result:active, .search-provider-icon:active { 2144 | color: whitesmoke; 2145 | background-color: #545454; } 2146 | .list-search-result:active:hover, .search-provider-icon:active:hover { 2147 | background-color: #666666; } 2148 | .list-search-result:active:focus, .search-provider-icon:active:focus { 2149 | background-color: #555352; } 2150 | .list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked { 2151 | color: whitesmoke; 2152 | background-color: #515151; } 2153 | .list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { 2154 | background-color: #636363; } 2155 | .list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active { 2156 | background-color: #686868; } 2157 | .list-search-result:insensitive, .search-provider-icon:insensitive { 2158 | color: rgba(245, 245, 245, 0.5); 2159 | background-color: #3d3d3d; } 2160 | .list-search-result:drop, .search-provider-icon:drop { 2161 | background-color: rgba(99, 69, 44, 0.2); 2162 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.8); } 2163 | 2164 | .search-statustext { 2165 | color: rgba(245, 245, 245, 0.8); } 2166 | 2167 | .grid-search-results { 2168 | spacing: 30px; } 2169 | 2170 | .search-provider-icon:ltr { 2171 | margin-right: 4px; } 2172 | 2173 | .search-provider-icon:rtl { 2174 | margin-left: 4px; } 2175 | 2176 | .search-provider-icon .list-search-provider-content { 2177 | spacing: 12px; } 2178 | .search-provider-icon .list-search-provider-content .list-search-provider-details { 2179 | width: 120px; 2180 | color: whitesmoke; } 2181 | 2182 | .list-search-results { 2183 | spacing: 6px; } 2184 | 2185 | .list-search-result .list-search-result-content { 2186 | spacing: 6px; } 2187 | 2188 | .list-search-result .list-search-result-title { 2189 | spacing: 12px; } 2190 | 2191 | .list-search-result .list-search-result-description { 2192 | color: #959595; } 2193 | 2194 | /* Dash */ 2195 | #dash { 2196 | margin-top: 12px; } 2197 | #dash .dash-background { 2198 | background-color: #3d3d3d; 2199 | border-radius: 28px; 2200 | padding-top: 12px; 2201 | padding-bottom: 12px; 2202 | padding-left: 10px; 2203 | padding-right: 10px; } 2204 | #dash .dash-item-container .placeholder { 2205 | background-image: none; 2206 | background-size: contain; 2207 | height: 32px; } 2208 | #dash .dash-item-container .empty-dash-drop-target { 2209 | width: 32px; 2210 | height: 32px; } 2211 | #dash .dash-item-container .show-apps, 2212 | #dash .dash-item-container .overview-tile, 2213 | #dash .dash-item-container .grid-search-result { 2214 | margin: 0 2px; 2215 | padding-bottom: 12px; } 2216 | #dash .dash-item-container .show-apps .overview-icon, 2217 | #dash .dash-item-container .overview-tile .overview-icon, 2218 | #dash .dash-item-container .grid-search-result .overview-icon { 2219 | color: whitesmoke; 2220 | background-color: #3d3d3d; } 2221 | #dash .dash-item-container .show-apps:focus .overview-icon, 2222 | #dash .dash-item-container .overview-tile:focus .overview-icon, 2223 | #dash .dash-item-container .grid-search-result:focus .overview-icon { 2224 | color: whitesmoke; 2225 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 2226 | background-color: rgba(71, 63, 56, 0.2875); } 2227 | #dash .dash-item-container .show-apps:focus .overview-icon:hover, 2228 | #dash .dash-item-container .overview-tile:focus .overview-icon:hover, 2229 | #dash .dash-item-container .grid-search-result:focus .overview-icon:hover { 2230 | background-color: #504e4d; } 2231 | #dash .dash-item-container .show-apps:hover .overview-icon, 2232 | #dash .dash-item-container .overview-tile:hover .overview-icon, 2233 | #dash .dash-item-container .grid-search-result:hover .overview-icon { 2234 | color: whitesmoke; 2235 | background-color: #4f4f4f; } 2236 | #dash .dash-item-container .show-apps:active .overview-icon, 2237 | #dash .dash-item-container .overview-tile:active .overview-icon, 2238 | #dash .dash-item-container .grid-search-result:active .overview-icon { 2239 | color: whitesmoke; 2240 | background-color: #545454; } 2241 | #dash .dash-item-container .show-apps:active .overview-icon:hover, 2242 | #dash .dash-item-container .overview-tile:active .overview-icon:hover, 2243 | #dash .dash-item-container .grid-search-result:active .overview-icon:hover { 2244 | background-color: #666666; } 2245 | #dash .dash-item-container .show-apps:active .overview-icon:focus, 2246 | #dash .dash-item-container .overview-tile:active .overview-icon:focus, 2247 | #dash .dash-item-container .grid-search-result:active .overview-icon:focus { 2248 | background-color: #555352; } 2249 | #dash .dash-item-container .show-apps:checked .overview-icon, 2250 | #dash .dash-item-container .overview-tile:checked .overview-icon, 2251 | #dash .dash-item-container .grid-search-result:checked .overview-icon { 2252 | color: whitesmoke; 2253 | background-color: #515151; } 2254 | #dash .dash-item-container .show-apps:checked .overview-icon:hover, 2255 | #dash .dash-item-container .overview-tile:checked .overview-icon:hover, 2256 | #dash .dash-item-container .grid-search-result:checked .overview-icon:hover { 2257 | background-color: #636363; } 2258 | #dash .dash-item-container .show-apps:checked .overview-icon:active, 2259 | #dash .dash-item-container .overview-tile:checked .overview-icon:active, 2260 | #dash .dash-item-container .grid-search-result:checked .overview-icon:active { 2261 | background-color: #686868; } 2262 | #dash .dash-item-container .app-grid-running-dot { 2263 | offset-y: -12px; } 2264 | #dash .dash-separator { 2265 | width: 1px; 2266 | margin-left: 4px; 2267 | margin-right: 4px; 2268 | background-color: rgba(245, 245, 245, 0.1); } 2269 | #dash .dash-separator, 2270 | #dash .dash-background { 2271 | margin-bottom: 12px; } 2272 | 2273 | .dash-label { 2274 | -y-offset: 8px; } 2275 | 2276 | /* App Grid */ 2277 | .icon-grid { 2278 | row-spacing: 12px; 2279 | column-spacing: 12px; 2280 | max-row-spacing: 36px; 2281 | max-column-spacing: 36px; 2282 | page-padding-top: 24px; 2283 | page-padding-bottom: 24px; 2284 | page-padding-left: 18px; 2285 | page-padding-right: 18px; } 2286 | 2287 | /* App Icons */ 2288 | .overview-tile, .grid-search-result { 2289 | color: whitesmoke; 2290 | background-color: #282828; 2291 | border-radius: 24px; 2292 | padding: 12px; } 2293 | .overview-tile:focus, .grid-search-result:focus { 2294 | color: whitesmoke; 2295 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 2296 | background-color: rgba(56, 48, 41, 0.2875); } 2297 | .overview-tile:focus:hover, .grid-search-result:focus:hover { 2298 | background-color: #3c3a39; } 2299 | .overview-tile:hover, .grid-search-result:hover { 2300 | color: whitesmoke; 2301 | background-color: #3a3a3a; } 2302 | .overview-tile:active, .grid-search-result:active { 2303 | color: whitesmoke; 2304 | background-color: #3f3f3f; } 2305 | .overview-tile:active:hover, .grid-search-result:active:hover { 2306 | background-color: #515151; } 2307 | .overview-tile:active:focus, .grid-search-result:active:focus { 2308 | background-color: #413f3e; } 2309 | .overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked { 2310 | color: whitesmoke; 2311 | background-color: #3c3c3c; } 2312 | .overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover { 2313 | background-color: #4e4e4e; } 2314 | .overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active { 2315 | background-color: #535353; } 2316 | .overview-tile:insensitive, .grid-search-result:insensitive { 2317 | color: rgba(245, 245, 245, 0.5); 2318 | background-color: #282828; } 2319 | .overview-tile:drop, .grid-search-result:drop { 2320 | background-color: rgba(99, 69, 44, 0.2); 2321 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.8); } 2322 | .overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { 2323 | spacing: 6px; } 2324 | 2325 | .app-folder { 2326 | color: whitesmoke; 2327 | background-color: #3a3a3a; } 2328 | .app-folder:focus { 2329 | color: whitesmoke; 2330 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 2331 | background-color: #3c3b39; } 2332 | .app-folder:focus:hover { 2333 | background-color: #464443; } 2334 | .app-folder:hover { 2335 | color: whitesmoke; 2336 | background-color: #444444; } 2337 | .app-folder:active { 2338 | color: whitesmoke; 2339 | background-color: #515151; } 2340 | .app-folder:active:hover { 2341 | background-color: #5b5b5b; } 2342 | .app-folder:active:focus { 2343 | background-color: #52504f; } 2344 | .app-folder:highlighted, .app-folder:selected, .app-folder:checked { 2345 | color: whitesmoke; 2346 | background-color: #4e4e4e; } 2347 | .app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover { 2348 | background-color: #595959; } 2349 | .app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active { 2350 | background-color: #656565; } 2351 | .app-folder:insensitive { 2352 | color: rgba(245, 245, 245, 0.5); 2353 | background-color: #323232; } 2354 | .app-folder:drop { 2355 | background-color: rgba(99, 69, 44, 0.2); 2356 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.8); } 2357 | 2358 | .app-grid-running-dot { 2359 | height: 5px; 2360 | width: 5px; 2361 | border-radius: 5px; 2362 | background-color: whitesmoke; 2363 | offset-y: 6px; } 2364 | 2365 | .app-folder-dialog-container { 2366 | padding-top: 2.2em; } 2367 | 2368 | .app-folder-dialog { 2369 | width: 720px; 2370 | height: 720px; 2371 | border-radius: 64px; 2372 | background-color: #3d3d3d; 2373 | color: whitesmoke; 2374 | padding: 0 1px; 2375 | box-shadow: inset 0 0 0 1px rgba(245, 245, 245, 0.1); } 2376 | .app-folder-dialog .folder-name-container { 2377 | padding: 24px 36px; 2378 | padding-bottom: 0; } 2379 | .app-folder-dialog .folder-name-container .folder-name-entry { 2380 | width: 12em; } 2381 | .app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button, 2382 | .app-folder-dialog .message .message-header .message-close-button, 2383 | .message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button { 2384 | color: whitesmoke; 2385 | background-color: #4e4e4e; } 2386 | .app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover, 2387 | .app-folder-dialog .message .message-header .message-close-button:hover, 2388 | .message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover { 2389 | color: whitesmoke; 2390 | background-color: #585858; } 2391 | .app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active, 2392 | .app-folder-dialog .message .message-header .message-close-button:active, 2393 | .message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active { 2394 | color: whitesmoke; 2395 | background-color: #656565; } 2396 | .app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover, 2397 | .app-folder-dialog .message .message-header .message-close-button:active:hover, 2398 | .message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover { 2399 | background-color: #6f6f6f; } 2400 | .app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus, 2401 | .app-folder-dialog .message .message-header .message-close-button:active:focus, 2402 | .message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus { 2403 | background-color: #656362; } 2404 | .app-folder-dialog .page-indicators { 2405 | margin-bottom: 24px; } 2406 | .app-folder-dialog .page-navigation-arrow { 2407 | color: whitesmoke; 2408 | background-color: #3d3d3d; } 2409 | .app-folder-dialog .page-navigation-arrow:hover { 2410 | color: whitesmoke; 2411 | background-color: #4f4f4f; } 2412 | .app-folder-dialog .page-navigation-arrow:active { 2413 | color: whitesmoke; 2414 | background-color: #545454; } 2415 | .app-folder-dialog .page-navigation-arrow:active:hover { 2416 | background-color: #666666; } 2417 | .app-folder-dialog .page-navigation-arrow:active:focus { 2418 | background-color: #555352; } 2419 | .app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result { 2420 | color: whitesmoke; 2421 | background-color: #3d3d3d; } 2422 | .app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus { 2423 | color: whitesmoke; 2424 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 2425 | background-color: rgba(71, 63, 56, 0.2875); } 2426 | .app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover { 2427 | background-color: #504e4d; } 2428 | .app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover { 2429 | color: whitesmoke; 2430 | background-color: #4f4f4f; } 2431 | .app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active { 2432 | color: whitesmoke; 2433 | background-color: #545454; } 2434 | .app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover { 2435 | background-color: #666666; } 2436 | .app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus { 2437 | background-color: #555352; } 2438 | .app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked { 2439 | color: whitesmoke; 2440 | background-color: #515151; } 2441 | .app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover { 2442 | background-color: #636363; } 2443 | .app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active { 2444 | background-color: #686868; } 2445 | .app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive { 2446 | color: rgba(245, 245, 245, 0.5); 2447 | background-color: #3d3d3d; } 2448 | .app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop { 2449 | background-color: rgba(99, 69, 44, 0.2); 2450 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.8); } 2451 | 2452 | .rename-folder-popup .rename-folder-popup-item { 2453 | spacing: 6px; } 2454 | .rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { 2455 | padding: 0 12px; } 2456 | 2457 | .page-indicator { 2458 | padding: 6px 12px 0; 2459 | transition-duration: 400ms; } 2460 | .page-indicator .page-indicator-icon { 2461 | width: 10px; 2462 | height: 10px; 2463 | border-radius: 999px; 2464 | background-color: whitesmoke; 2465 | transition-duration: 400ms; } 2466 | 2467 | .apps-scroll-view { 2468 | padding: 0; } 2469 | 2470 | .system-action-icon { 2471 | background-color: rgba(245, 245, 245, 0.1); 2472 | color: whitesmoke; 2473 | border-radius: 999px; 2474 | icon-size: 48px; } 2475 | 2476 | .page-navigation-hint.dnd { 2477 | background: rgba(255, 255, 255, 0.1); } 2478 | 2479 | .page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { 2480 | background-gradient-start: rgba(255, 255, 255, 0.05); 2481 | background-gradient-end: transparent; 2482 | background-gradient-direction: horizontal; 2483 | border-radius: 24px 0px 0px 24px; } 2484 | 2485 | .page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { 2486 | background-gradient-start: transparent; 2487 | background-gradient-end: rgba(255, 255, 255, 0.05); 2488 | background-gradient-direction: horizontal; 2489 | border-radius: 0px 24px 24px 0px; } 2490 | 2491 | .page-navigation-arrow { 2492 | margin: 6px; 2493 | padding: 18px; 2494 | width: 24px; 2495 | height: 24px; 2496 | border-radius: 999px; 2497 | transition-duration: 100ms; 2498 | color: whitesmoke; 2499 | background-color: #282828; } 2500 | .page-navigation-arrow > StIcon { 2501 | color: whitesmoke; } 2502 | .page-navigation-arrow:hover { 2503 | color: whitesmoke; 2504 | background-color: #3a3a3a; } 2505 | .page-navigation-arrow:active { 2506 | color: whitesmoke; 2507 | background-color: #3f3f3f; } 2508 | .page-navigation-arrow:active:hover { 2509 | background-color: #515151; } 2510 | .page-navigation-arrow:active:focus { 2511 | background-color: #413f3e; } 2512 | 2513 | /* Workspace pager */ 2514 | .workspace-thumbnails { 2515 | visible-width: 32px; 2516 | spacing: 6px; 2517 | padding: 6px; } 2518 | .workspace-thumbnails .workspace-thumbnail { 2519 | color: whitesmoke; 2520 | background-color: #4e4e4e; 2521 | border-radius: 4px; 2522 | border: 1px solid transparent; } 2523 | .workspace-thumbnails .placeholder { 2524 | background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); 2525 | background-size: contain; 2526 | width: 18px; } 2527 | 2528 | .workspace-thumbnail-indicator { 2529 | border: 3px solid #63452c; 2530 | border-radius: 8px; } 2531 | 2532 | .ripple-pointer-location { 2533 | width: 50px; 2534 | height: 50px; 2535 | border-radius: 25px; 2536 | background-color: rgba(189, 144, 107, 0.3); 2537 | box-shadow: 0 0 2px 2px #aa764b; } 2538 | 2539 | .pie-timer { 2540 | width: 60px; 2541 | height: 60px; 2542 | -pie-border-width: 3px; 2543 | -pie-border-color: #63452c; 2544 | -pie-background-color: rgba(205, 171, 142, 0.3); } 2545 | 2546 | .magnifier-zoom-region { 2547 | border: 2px solid #63452c; } 2548 | .magnifier-zoom-region.full-screen { 2549 | border-width: 0; } 2550 | 2551 | .select-area-rubberband { 2552 | background-color: rgba(99, 69, 44, 0.3); 2553 | border: 1px solid #63452c; } 2554 | 2555 | .user-icon { 2556 | background-size: contain; 2557 | border-radius: 999px; 2558 | icon-size: 64px; 2559 | background-color: rgba(255, 255, 255, 0.05); 2560 | color: #ffffff; } 2561 | .user-icon StIcon { 2562 | padding: 12px; } 2563 | .user-icon.user-avatar { 2564 | box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); } 2565 | 2566 | .lightbox { 2567 | background-color: black; } 2568 | 2569 | .flashspot { 2570 | background-color: white; } 2571 | 2572 | .hidden { 2573 | color: transparent; } 2574 | 2575 | .caps-lock-warning-label { 2576 | text-align: center; 2577 | padding-bottom: 8px; 2578 | color: #f6d32d; } 2579 | 2580 | /* Workspace animation */ 2581 | .workspace-animation { 2582 | background-color: #353535; } 2583 | 2584 | /* Tiled window previews */ 2585 | .tile-preview { 2586 | background-color: rgba(99, 69, 44, 0.5); 2587 | border: 1px solid #63452c; } 2588 | 2589 | /* On-screen Keyboard */ 2590 | #keyboard { 2591 | background-color: #353535; 2592 | box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.02); } 2593 | #keyboard .page-indicator { 2594 | padding: 6px; } 2595 | #keyboard .page-indicator .page-indicator-icon { 2596 | width: 8px; 2597 | height: 8px; } 2598 | 2599 | .key-container { 2600 | padding: 4px; 2601 | spacing: 4px; } 2602 | 2603 | .keyboard-key { 2604 | font-size: 1.455em; 2605 | font-weight: bold; 2606 | min-height: 1.2em; 2607 | min-width: 1.2em; 2608 | border-width: 1px; 2609 | border-style: solid; 2610 | border-radius: 10px; 2611 | box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); 2612 | color: #ffffff; 2613 | background-color: #5d5d5d; } 2614 | .keyboard-key:focus { 2615 | color: #ffffff; 2616 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 2617 | background-color: #484746; } 2618 | .keyboard-key:focus:hover { 2619 | background-color: #52514f; } 2620 | .keyboard-key:hover { 2621 | color: #ffffff; 2622 | background-color: #676767; } 2623 | .keyboard-key:active { 2624 | color: #ffffff; 2625 | background-color: #747474; } 2626 | .keyboard-key:active:hover { 2627 | background-color: #7e7e7e; } 2628 | .keyboard-key:active:focus { 2629 | background-color: #737270; } 2630 | .keyboard-key:checked { 2631 | color: #ffffff; 2632 | background-color: #717171; } 2633 | .keyboard-key:checked:hover { 2634 | background-color: #7c7c7c; } 2635 | .keyboard-key:checked:active { 2636 | background-color: #888888; } 2637 | .keyboard-key:grayed { 2638 | background-color: #2d2d2d; 2639 | color: #ffffff; 2640 | border-color: rgba(255, 255, 255, 0.1); } 2641 | .keyboard-key.default-key { 2642 | color: #ffffff; 2643 | background-color: #454545; 2644 | border-radius: 10px; } 2645 | .keyboard-key.default-key:hover { 2646 | color: #ffffff; 2647 | background-color: #4f4f4f; } 2648 | .keyboard-key.default-key:active { 2649 | color: #ffffff; 2650 | background-color: #5c5c5c; } 2651 | .keyboard-key.default-key:active:hover { 2652 | background-color: #666666; } 2653 | .keyboard-key.default-key:active:focus { 2654 | background-color: #5c5b5a; } 2655 | .keyboard-key.default-key:checked { 2656 | color: #ffffff; 2657 | background-color: #595959; } 2658 | .keyboard-key.default-key:checked:hover { 2659 | background-color: #646464; } 2660 | .keyboard-key.default-key:checked:active { 2661 | background-color: #707070; } 2662 | .keyboard-key.default-key:latched { 2663 | border-color: #755134; 2664 | background-color: #63452c; } 2665 | .keyboard-key.enter-key { 2666 | color: #ffffff; 2667 | background-color: #71563f; 2668 | border-radius: 10px; 2669 | color: #ffffff; } 2670 | .keyboard-key.enter-key:hover { 2671 | color: #ffffff; 2672 | background-color: #7e6046; } 2673 | .keyboard-key.enter-key:active { 2674 | color: #ffffff; 2675 | background-color: #8e6c4f; } 2676 | .keyboard-key.enter-key:active:hover { 2677 | background-color: #9c7657; } 2678 | .keyboard-key.enter-key:active:focus { 2679 | background-color: #8c6a4e; } 2680 | .keyboard-key.enter-key:checked { 2681 | color: #ffffff; 2682 | background-color: #8b6a4e; } 2683 | .keyboard-key.enter-key:checked:hover { 2684 | background-color: #987455; } 2685 | .keyboard-key.enter-key:checked:active { 2686 | background-color: #a68160; } 2687 | .keyboard-key.shift-key-uppercase { 2688 | background-color: gray; 2689 | color: #353535; } 2690 | .keyboard-key.shift-key-uppercase:hover { 2691 | background-color: #8c8c8c; 2692 | color: #424242; } 2693 | .keyboard-key StIcon { 2694 | icon-size: 24px; } 2695 | 2696 | .keyboard-subkeys { 2697 | -arrow-border-radius: 16px; 2698 | -arrow-background-color: #353535; 2699 | -arrow-border-width: 1px; 2700 | -arrow-border-color: #4c4c4c; 2701 | -arrow-base: 20px; 2702 | -arrow-rise: 10px; 2703 | -boxpointer-gap: 6px; 2704 | padding: 6px; } 2705 | .keyboard-subkeys .keyboard-key { 2706 | color: #ffffff; 2707 | background-color: #5d5d5d; 2708 | border-radius: 10px; } 2709 | .keyboard-subkeys .keyboard-key:focus { 2710 | color: #ffffff; 2711 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 2712 | background-color: #484746; } 2713 | .keyboard-subkeys .keyboard-key:focus:hover { 2714 | background-color: #52514f; } 2715 | .keyboard-subkeys .keyboard-key:hover { 2716 | color: #ffffff; 2717 | background-color: #676767; } 2718 | .keyboard-subkeys .keyboard-key:active { 2719 | color: #ffffff; 2720 | background-color: #747474; } 2721 | .keyboard-subkeys .keyboard-key:active:hover { 2722 | background-color: #7e7e7e; } 2723 | .keyboard-subkeys .keyboard-key:active:focus { 2724 | background-color: #737270; } 2725 | .keyboard-subkeys .keyboard-key:checked { 2726 | color: #ffffff; 2727 | background-color: #717171; } 2728 | .keyboard-subkeys .keyboard-key:checked:hover { 2729 | background-color: #7c7c7c; } 2730 | .keyboard-subkeys .keyboard-key:checked:active { 2731 | background-color: #888888; } 2732 | 2733 | .emoji-page .keyboard-key { 2734 | background-color: transparent; 2735 | border: none; 2736 | color: initial; } 2737 | 2738 | .emoji-panel .keyboard-key:latched { 2739 | border-color: #755134; 2740 | background-color: #63452c; } 2741 | 2742 | .word-suggestions { 2743 | spacing: 12px; 2744 | min-height: 17pt; 2745 | padding: 12px; 2746 | color: #ffffff; } 2747 | .word-suggestions StButton { 2748 | margin: 0 3px; 2749 | min-width: 32px; 2750 | border-radius: 4px; 2751 | padding: 0px 18px; 2752 | background-color: transparent; 2753 | border-color: transparent; 2754 | box-shadow: none; } 2755 | .word-suggestions StButton:insensitive { 2756 | background-color: transparent !important; } 2757 | .word-suggestions StButton:focus { 2758 | color: #ffffff; 2759 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 2760 | background-color: #484746; } 2761 | .word-suggestions StButton:focus:hover { 2762 | background-color: #52514f; } 2763 | .word-suggestions StButton:hover { 2764 | color: #ffffff; 2765 | background-color: #676767; } 2766 | .word-suggestions StButton:active { 2767 | color: #ffffff; 2768 | background-color: #747474; } 2769 | .word-suggestions StButton:active:hover { 2770 | background-color: #7e7e7e; } 2771 | .word-suggestions StButton:active:focus { 2772 | background-color: #737270; } 2773 | .word-suggestions StButton:checked { 2774 | color: #ffffff; 2775 | background-color: #717171; } 2776 | .word-suggestions StButton:checked:hover { 2777 | background-color: #7c7c7c; } 2778 | .word-suggestions StButton:checked:active { 2779 | background-color: #888888; } 2780 | 2781 | /* Looking Glass */ 2782 | #LookingGlassDialog { 2783 | background-color: rgba(53, 53, 53, 0.98); 2784 | color: #ffffff; 2785 | border-radius: 16px; 2786 | margin-top: 4px; 2787 | border: 2px solid transparent; 2788 | padding: 6px; 2789 | spacing: 6px; 2790 | box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } 2791 | #LookingGlassDialog > #Toolbar { 2792 | border: none; 2793 | padding: 6px; 2794 | border-radius: 0; 2795 | background-color: transparent; 2796 | spacing: 6px; } 2797 | #LookingGlassDialog > #Toolbar .lg-toolbar-button { 2798 | padding: 6px 12px; } 2799 | #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { 2800 | icon-size: 16px; } 2801 | #LookingGlassDialog .labels { 2802 | spacing: 6px; } 2803 | #LookingGlassDialog .notebook-tab { 2804 | -natural-hpadding: 12px; 2805 | -minimum-hpadding: 12px; 2806 | padding: 6px 12px; } 2807 | #LookingGlassDialog StBoxLayout#EvalBox { 2808 | padding: 4px; 2809 | spacing: 6px; 2810 | padding: 6px; } 2811 | #LookingGlassDialog StBoxLayout#ResultsArea { 2812 | spacing: 6px; 2813 | padding: 6px; } 2814 | 2815 | .lg-dialog StEntry { 2816 | min-height: 1.5em; } 2817 | 2818 | .lg-dialog .shell-link { 2819 | color: #62a0ea; } 2820 | .lg-dialog .shell-link:hover { 2821 | color: #8fbbf0; } 2822 | .lg-dialog .shell-link:active { 2823 | color: #3585e4; } 2824 | 2825 | .lg-dialog .actor-link { 2826 | color: #9a9a9a; } 2827 | .lg-dialog .actor-link:hover { 2828 | color: #cdcdcd; } 2829 | .lg-dialog .actor-link:active { 2830 | color: #676767; } 2831 | .lg-dialog .actor-link StIcon { 2832 | icon-size: 12px; } 2833 | 2834 | .lg-completions-text { 2835 | font-style: italic; } 2836 | 2837 | .lg-obj-inspector-title { 2838 | spacing: 6px; } 2839 | 2840 | .lg-obj-inspector-button { 2841 | border: 1px solid rgba(255, 255, 255, 0.1); 2842 | padding: 4px; 2843 | border-radius: 8px; } 2844 | .lg-obj-inspector-button:hover { 2845 | border: 1px solid #ffffff; } 2846 | 2847 | #lookingGlassExtensions { 2848 | padding: 6px; } 2849 | 2850 | .lg-extensions-list { 2851 | padding: 6px; 2852 | spacing: 6px; } 2853 | 2854 | .lg-extension-meta { 2855 | spacing: 6px; } 2856 | 2857 | #LookingGlassPropertyInspector { 2858 | background: #353535; 2859 | border: 1px solid rgba(255, 255, 255, 0.1); 2860 | border-radius: 8px; 2861 | padding: 6px; } 2862 | 2863 | .lg-debug-flag-button { 2864 | color: #ffffff; } 2865 | .lg-debug-flag-button StLabel { 2866 | padding: 6px, 12px; } 2867 | .lg-debug-flag-button:hover { 2868 | color: white; } 2869 | .lg-debug-flag-button:active { 2870 | color: #cccccc; } 2871 | 2872 | .lg-debug-flags-header { 2873 | padding-top: 12px; 2874 | padding: 6px; } 2875 | 2876 | .login-dialog, 2877 | .unlock-dialog { 2878 | color: whitesmoke; } 2879 | .login-dialog .caps-lock-warning-label, 2880 | .login-dialog .login-dialog-message-warning, 2881 | .unlock-dialog .caps-lock-warning-label, 2882 | .unlock-dialog .login-dialog-message-warning { 2883 | color: whitesmoke; } 2884 | .login-dialog .login-dialog-prompt-layout, 2885 | .unlock-dialog .login-dialog-prompt-layout { 2886 | width: 25em; 2887 | spacing: 9px; } 2888 | 2889 | .login-dialog-button.cancel-button { 2890 | padding: 9px; } 2891 | 2892 | .login-dialog-button-box { 2893 | spacing: 12px; } 2894 | 2895 | .conflicting-session-dialog-content { 2896 | spacing: 20px; } 2897 | .conflicting-session-dialog-content .conflicting-session-dialog-title { 2898 | text-align: center; 2899 | margin-bottom: 5px; } 2900 | .conflicting-session-dialog-content .conflicting-session-dialog-desc { 2901 | text-align: center; } 2902 | .conflicting-session-dialog-content .conflicting-session-dialog-desc-warning { 2903 | text-align: center; 2904 | color: #f6d32d; } 2905 | 2906 | .login-dialog-logo-bin { 2907 | margin: 3em 0; } 2908 | 2909 | .login-dialog-banner-view { 2910 | max-width: 25em; } 2911 | .login-dialog-banner-view .login-dialog-banner { 2912 | color: gainsboro; } 2913 | 2914 | .login-dialog-message { 2915 | text-align: center; } 2916 | 2917 | .login-dialog-message-hint, .login-dialog-message { 2918 | color: gainsboro; 2919 | min-height: 2.75em; } 2920 | 2921 | .login-dialog-user-selection-box { 2922 | padding-top: 4em; 2923 | padding-bottom: 8em; } 2924 | 2925 | .login-dialog-not-listed-label { 2926 | padding: 6px; } 2927 | 2928 | .login-dialog-not-listed-button { 2929 | color: whitesmoke; 2930 | background-color: #282828; 2931 | padding: 0 6px; 2932 | margin: 6px; } 2933 | .login-dialog-not-listed-button:focus { 2934 | color: whitesmoke; 2935 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 2936 | background-color: rgba(56, 48, 41, 0.2875); } 2937 | .login-dialog-not-listed-button:focus:hover { 2938 | background-color: #3c3a39; } 2939 | .login-dialog-not-listed-button:hover { 2940 | color: whitesmoke; 2941 | background-color: #3a3a3a; } 2942 | .login-dialog-not-listed-button:active { 2943 | color: whitesmoke; 2944 | background-color: #3f3f3f; } 2945 | .login-dialog-not-listed-button:active:hover { 2946 | background-color: #515151; } 2947 | .login-dialog-not-listed-button:active:focus { 2948 | background-color: #413f3e; } 2949 | 2950 | .login-dialog-auth-list-view { 2951 | -st-vfade-offset: 3em; } 2952 | 2953 | .login-dialog-auth-list { 2954 | spacing: 6px; 2955 | margin-left: 2em; } 2956 | 2957 | .login-dialog-auth-list-title { 2958 | margin-left: 2em; } 2959 | 2960 | .login-dialog-auth-list-item { 2961 | border-radius: 16px; 2962 | padding: 4px; 2963 | color: darkgray; } 2964 | .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { 2965 | background-color: #63452c; 2966 | color: #ffffff; } 2967 | 2968 | .login-dialog-auth-list-label:ltr { 2969 | padding-left: 15px; 2970 | text-align: left; } 2971 | 2972 | .login-dialog-auth-list-label:rtl { 2973 | padding-right: 15px; 2974 | text-align: right; } 2975 | 2976 | .login-dialog-user-list-view { 2977 | width: 25em; 2978 | -st-vfade-offset: 3em; } 2979 | .login-dialog-user-list-view .login-dialog-user-list { 2980 | margin: 0 8px; 2981 | spacing: 12px; } 2982 | .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item { 2983 | color: whitesmoke; 2984 | background-color: #3a3a3a; 2985 | border-radius: 16px; 2986 | padding: 9px; } 2987 | .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus { 2988 | color: whitesmoke; 2989 | box-shadow: inset 0 0 0 2px rgba(99, 69, 44, 0.5) !important; 2990 | background-color: #3c3b39; } 2991 | .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover { 2992 | background-color: #464443; } 2993 | .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover { 2994 | color: whitesmoke; 2995 | background-color: #444444; } 2996 | .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active { 2997 | color: whitesmoke; 2998 | background-color: #515151; } 2999 | .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover { 3000 | background-color: #5b5b5b; } 3001 | .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus { 3002 | background-color: #52504f; } 3003 | .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon { 3004 | border: 2px solid transparent; } 3005 | .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator { 3006 | height: 2px; 3007 | margin-top: 6px; 3008 | background-color: rgba(245, 245, 245, 0.7); } 3009 | .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon { 3010 | border-color: #63452c; } 3011 | .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon { 3012 | background-color: rgba(99, 69, 44, 0.3); } 3013 | 3014 | .unlock-dialog { 3015 | background-color: transparent; } 3016 | 3017 | .screen-shield-background { 3018 | background: black; 3019 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } 3020 | 3021 | #lockDialogGroup { 3022 | background-color: #282828; } 3023 | 3024 | .unlock-dialog-clock { 3025 | color: whitesmoke; 3026 | spacing: 2em; } 3027 | .unlock-dialog-clock .unlock-dialog-clock-time { 3028 | font-size: 6.546em; 3029 | font-weight: 200; } 3030 | .unlock-dialog-clock .unlock-dialog-clock-date { 3031 | font-weight: 400; } 3032 | .unlock-dialog-clock .unlock-dialog-clock-hint { 3033 | margin-top: 2em; 3034 | padding: 6px 18px; 3035 | border-radius: 16px; 3036 | font-weight: bold; } 3037 | 3038 | #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { 3039 | background-color: rgba(53, 53, 53, 0.3); } 3040 | #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { 3041 | background-color: rgba(53, 53, 53, 0.5); } 3042 | #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { 3043 | background-color: rgba(99, 69, 44, 0.5); } 3044 | 3045 | .unlock-dialog-notifications-container { 3046 | margin: 12px; 3047 | spacing: 6px; 3048 | width: 25em; 3049 | background-color: transparent; } 3050 | .unlock-dialog-notifications-container .summary-notification-stack-scrollview { 3051 | padding-top: 0; 3052 | padding-bottom: 0; } 3053 | .unlock-dialog-notifications-container .notification, 3054 | .unlock-dialog-notifications-container .unlock-dialog-notification-source { 3055 | padding: 12px 16px; 3056 | border: none; 3057 | background-color: rgba(245, 245, 245, 0.1); 3058 | color: whitesmoke; 3059 | border-radius: 16px; } 3060 | .unlock-dialog-notifications-container .notification.critical, 3061 | .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { 3062 | background-color: rgba(245, 245, 245, 0.2); } 3063 | 3064 | .unlock-dialog-notification-icon { 3065 | icon-size: 32px; } 3066 | 3067 | .unlock-dialog-notification-label { 3068 | padding-left: 12px; 3069 | padding-right: 0; } 3070 | .unlock-dialog-notification-label:rtl { 3071 | padding-right: 12px; 3072 | padding-left: 0; } 3073 | 3074 | .unlock-dialog-notification-count-text { 3075 | font-weight: bold; 3076 | padding: 0 12px; 3077 | color: whitesmoke; 3078 | background-color: rgba(245, 245, 245, 0.1); 3079 | border-radius: 999px; } 3080 | 3081 | .login-dialog .user-widget .user-widget-label, 3082 | .unlock-dialog .user-widget .user-widget-label { 3083 | color: whitesmoke; } 3084 | 3085 | .login-dialog .user-widget .user-icon, 3086 | .unlock-dialog .user-widget .user-icon { 3087 | background-color: rgba(245, 245, 245, 0.13); 3088 | color: whitesmoke; } 3089 | 3090 | .login-dialog .user-widget.horizontal, 3091 | .unlock-dialog .user-widget.horizontal { 3092 | spacing: 18px; } 3093 | 3094 | .login-dialog .user-widget.vertical, 3095 | .unlock-dialog .user-widget.vertical { 3096 | spacing: 24px; } 3097 | .login-dialog .user-widget.vertical .user-widget-label, 3098 | .unlock-dialog .user-widget.vertical .user-widget-label { 3099 | text-align: center; 3100 | margin-bottom: .75em; } 3101 | .login-dialog .user-widget.vertical .user-icon, 3102 | .unlock-dialog .user-widget.vertical .user-icon { 3103 | icon-size: 160px; } 3104 | .login-dialog .user-widget.vertical .user-icon StIcon, 3105 | .unlock-dialog .user-widget.vertical .user-icon StIcon { 3106 | padding: 24px; } 3107 | -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/resources/brown/gnome-shell/46/toggle-on.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/resources/brown/gtk.css: -------------------------------------------------------------------------------- 1 | @define-color accent_color #865e3c; 2 | @define-color accent_bg_color #63452c; -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/resources/green/gnome-shell/46/toggle-on.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/resources/green/gtk.css: -------------------------------------------------------------------------------- 1 | @define-color accent_color #2ec27e; 2 | @define-color accent_bg_color #26a269; -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/resources/orange/gnome-shell/46/toggle-on.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/resources/orange/gtk.css: -------------------------------------------------------------------------------- 1 | @define-color accent_color #e66100; 2 | @define-color accent_bg_color #c64600; -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/resources/pink/gnome-shell/46/toggle-on.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/resources/pink/gtk.css: -------------------------------------------------------------------------------- 1 | @define-color accent_color #dc8add; 2 | @define-color accent_bg_color #c061cb; -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/resources/purple/gnome-shell/46/toggle-on.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/resources/purple/gtk.css: -------------------------------------------------------------------------------- 1 | @define-color accent_color #813d9c; 2 | @define-color accent_bg_color #613583; -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/resources/red/gnome-shell/46/toggle-on.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/resources/red/gtk.css: -------------------------------------------------------------------------------- 1 | @define-color accent_color #c01c28; 2 | @define-color accent_bg_color #a51d2d; -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/resources/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dimitrikp03/custom-accent-colors/3c707931a8bd5ac06fea9c440795e7e98f6b04aa/custom-accent-colors@demiskp/resources/screenshot.png -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/resources/yellow/gnome-shell/46/toggle-on.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/resources/yellow/gtk.css: -------------------------------------------------------------------------------- 1 | @define-color accent_color #f5c211; 2 | @define-color accent_bg_color #e5a50a; -------------------------------------------------------------------------------- /custom-accent-colors@demiskp/schemas/org.gnome.shell.extensions.custom-accent-colors.gschema.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | "default" 6 | 7 | 8 | false 9 | 10 | 11 | false 12 | 13 | 14 | false 15 | 16 | 17 | 18 | --------------------------------------------------------------------------------