gtk-widgets-backgrounds.css (38340B)
1 /* Button background */ 2 .button, 3 .toolbar .button.raised, 4 .toolbar .raised .button, 5 .spinbutton.vertical .button, 6 .toolbar GtkComboBox .button{ 7 background-image: /*-gtk-gradient (radial, 8 center -0.5, 0, 9 center -0.3, 0.8, 10 from(rgba(255,255,255,0.6)), 11 to(transparent)),*/ 12 linear-gradient(to bottom, 13 rgba(255,255,255, 0.07), 14 rgba(255,255,255, 0.0) 25%, 15 rgba(255,255,255, 0.0) 16 ), 17 linear-gradient(to bottom, 18 @button_gradient_color_a, 19 @button_gradient_color_b 40%, 20 @button_gradient_color_c 21 ); 22 background-color: #303030; 23 } 24 25 /*****************Focus Button Experiment************************/ 26 /*.button:focus{ 27 background-color: mix(#303030, @theme_selected_bg_color, 0.2); 28 background-image:linear-gradient(to bottom, 29 rgba(255,255,255, 0.07), 30 rgba(255,255,255, 0.0) 25%, 31 rgba(255,255,255, 0.0) 32 ), 33 linear-gradient(to bottom, 34 shade(mix(#1a1a1a, @theme_selected_bg_color, 0.06),1.05), 35 mix(#1a1a1a, @theme_selected_bg_color, 0.06) 40%, 36 shade(mix(#1a1a1a, @theme_selected_bg_color, 0.06),0.8) 37 ); 38 } */ 39 /* 40 .button:backdrop, 41 .toolbar .button.raised:backdrop, 42 .toolbar .raised .button:backdrop, 43 .toolbar GtkComboBox .button:backdrop, 44 .button:hover:backdrop, 45 .toolbar .button:hover:backdrop, 46 .toolbar .button.raised:hover:backdrop, 47 .toolbar .raised .button:hover:backdrop, 48 .toolbar GtkComboBox .button:hover:backdrop, 49 .spinbutton.vertical .button:backdrop, 50 GtkScale.slider:backdrop, 51 GtkScale.slider:hover:backdrop, 52 GtkScale.slider:active:backdrop, 53 GtkScale.slider:active:hover:backdrop { 54 background-image: linear-gradient(to bottom, 55 @button_gradient_backdrop_a, 56 @button_gradient_backdrop_b 40%, 57 @button_gradient_backdrop_c 58 ); 59 background-color: transparent; 60 }*/ 61 62 /* Default Button */ 63 .button.default 64 /*.button.default:backdrop, 65 .button.default:hover:backdrop*/ { 66 background-image: linear-gradient(to bottom, 67 rgba(255,255,255, 0.09), 68 rgba(255,255,255, 0.0) 25%, 69 rgba(255,255,255, 0.0) 70 ), 71 linear-gradient(to bottom, 72 shade(mix(#1a1a1a, @theme_selected_bg_color, 0.4),1.05), 73 mix(#1a1a1a, @theme_selected_bg_color, 0.4) 40%, 74 shade(mix(#1a1a1a, @theme_selected_bg_color, 0.4),0.8)); 75 background-color: transparent; 76 } 77 78 /* Pushed button background */ 79 .button:active, 80 .button.default:active { 81 background-image: linear-gradient(to bottom, 82 rgba(0,0,0,0.2), 83 rgba(0,0,0,0.0) 25%, 84 rgba(0,0,0,0.0) 85 ), 86 linear-gradient(to bottom, 87 shade(@button_gradient_color_a, 0.8), 88 shade(@button_gradient_color_b, 0.86) 40%, 89 shade(@button_gradient_color_c, 0.9) 90 ); 91 background-color: transparent; 92 } 93 94 /*This fixes the arrow from showing on normal or hovered, when a button is pressed */ 95 .linked .button, 96 .toolbar .button { 97 transition: 60ms ease-out; 98 background-color: transparent; 99 background-repeat: no-repeat; 100 background-position: bottom; 101 } 102 /************************/ 103 104 .linked .button:active, 105 .toolbar .button:active, 106 .toolbar .button.raised:active, 107 .toolbar .raised .button:active { 108 background-image: -gtk-gradient (radial, 109 center -0.2, 0, 110 center -0.1, 1.1, 111 from(rgba(0,0,0,0.4)), 112 to(transparent)), 113 linear-gradient(to bottom, 114 rgba(255,255,255,0.0), 115 rgba(255,255,255,0.0) 40%, 116 rgba(255,255,255,0.055) 117 ), 118 linear-gradient(to bottom, 119 @button_gradient_color_a, 120 @button_gradient_color_b 40%, 121 @button_gradient_color_c 122 ); 123 transition: 250ms ease-in-out; 124 background-color: transparent; 125 } 126 127 .button:active:hover, 128 .button.default:active:hover { 129 /* background-image: linear-gradient(to bottom, 130 rgba(0,0,0,0.12), 131 rgba(0,0,0,0.0) 20%, 132 rgba(0,0,0,0.0) 85%, 133 rgba(0,0,0,0.12) 134 ), 135 linear-gradient(to bottom, 136 shade(@button_gradient_active_a,0.9), 137 shade(@button_gradient_active_b, 0.9) 40%, 138 shade(@button_gradient_active_c, 0.9) 139 );*/ 140 141 background-image: linear-gradient(to bottom, 142 rgba(0,0,0,0.3), 143 rgba(0,0,0,0.0) 25%, 144 rgba(0,0,0,0.0) 145 ), 146 linear-gradient(to bottom, 147 shade(@button_hover_active_a, 0.8), 148 shade(@button_hover_active_b, 0.86) 40%, 149 shade(@button_hover_active_c, 0.9) 150 ); 151 152 background-color: transparent; 153 } 154 155 .linked .button:active:hover, 156 .toolbar .button:active:hover, 157 .toolbar .button.raised:active:hover, 158 .toolbar .raised .button:active:hover, 159 .spinbutton.vertical .button:active { 160 background-image: -gtk-gradient (radial, 161 center -0.2, 0, 162 center -0.1, 1.1, 163 from(rgba(0,0,0,0.4)), 164 to(transparent)), 165 linear-gradient(to bottom, 166 rgba(255,255,255,0.0), 167 rgba(255,255,255,0.0) 40%, 168 rgba(255,255,255,0.055) 169 ), 170 linear-gradient(to bottom, 171 shade(@button_gradient_active_c,0.9), 172 shade(@button_gradient_active_b, 0.9) 40%, 173 shade(@button_gradient_active_a, 0.9) 174 ); 175 transition: 250ms ease-in-out; 176 background-color: transparent; 177 } 178 /* 179 .button:active:backdrop, 180 .button:active:hover:backdrop, 181 .spinbutton.vertical .button:active:backdrop, 182 .spinbutton.vertical .button:active:hover:backdrop, 183 .toolbar .button:active:backdrop, 184 .toolbar .button:active:hover:backdrop, 185 .toolbar .button.raised:active:backdrop, 186 .toolbar .raised .button:active:backdrop, 187 .toolbar .button.raised:active:hover:backdrop, 188 .toolbar .raised .button:active:hover:backdrop { 189 background-image: linear-gradient(to bottom, 190 @button_gradient_active_backdrop_a, 191 @button_gradient_active_backdrop_b 40%, 192 @button_gradient_active_backdrop_c 193 ); 194 background-color: transparent; 195 }*/ 196 197 /* Prelit button background */ 198 .button:hover, 199 .toolbar .button:hover, 200 .toolbar .button.raised:hover, 201 .toolbar .raised .button:hover, 202 .toolbar GtkComboBox .button:hover, 203 .spinbutton.vertical .button:hover { 204 background-image: -gtk-gradient (radial, 205 center -0.5, 0, 206 center -0.3, 0.9, 207 from(rgba(255,255,255,0.9)), 208 to(transparent)), 209 linear-gradient(to bottom, 210 shade(@button_default_gradient_color_a, 1.0), 211 shade(@button_default_gradient_color_b, 1.0) 40%, 212 shade(@button_default_gradient_color_c, 1.0) 213 ); 214 background-color: transparent; 215 transition: 250ms ease-in-out; 216 } 217 218 /* Primary and inline toolbars pushed button background */ 219 .inline-toolbar .button { 220 background-image: -gtk-gradient (linear, 221 left top, left bottom, 222 from (@button_inline_gradient_color_b), 223 color-stop (0.4, @button_inline_gradient_color_a), 224 to (@button_inline_gradient_color_c)); 225 226 background-color: transparent; 227 } 228 229 .inline-toolbar .button:active, 230 .inline-toolbar .button:active:hover { 231 background-image: -gtk-gradient (linear, 232 left top, left bottom, 233 from (@button_inline_gradient_color_c), 234 color-stop (0.4, @button_inline_gradient_color_a), 235 to (@button_inline_gradient_color_b)); 236 background-color: transparent; 237 } 238 /* 239 .inline-toolbar .button:backdrop, 240 .inline-toolbar .button:hover:backdrop, 241 .inline-toolbar .button:active:backdrop, 242 .inline-toolbar .button:active:hover:backdrop { 243 background-image: -gtk-gradient (linear, 244 left top, left bottom, 245 from (@button_inline_gradient_color_a), 246 color-stop (0.4, @button_inline_gradient_color_a), 247 to (@button_inline_gradient_color_a)); 248 249 background-color: transparent; 250 }*/ 251 252 /*******Raised Buttons********************/ 253 .primary-toolbar .button.raised, 254 .primary-toolbar .raised .button, 255 .primary-toolbar GtkComboBox .button { 256 background-image: linear-gradient(to bottom, 257 rgba(255,255,255, 0.09), 258 rgba(255,255,255, 0.0) 25%, 259 rgba(255,255,255, 0.0) 260 ), 261 linear-gradient(to bottom, 262 @button_raised_color_a, 263 @button_raised_color_b 40%, 264 @button_raised_color_c 265 ); 266 background-color: #313131; 267 } 268 269 .primary-toolbar .button.raised.default, 270 .primary-toolbar .raised .button.default { 271 background-image: linear-gradient(to bottom, 272 rgba(255,255,255, 0.09), 273 rgba(255,255,255, 0.0) 25%, 274 rgba(255,255,255, 0.0) 275 ), 276 linear-gradient(to bottom, 277 shade(mix(#303030, @theme_selected_bg_color, 0.4),1.05), 278 mix(#303030, @theme_selected_bg_color, 0.4) 40%, 279 shade(mix(#303030, @theme_selected_bg_color, 0.4),0.8)); 280 background-color: transparent; 281 } 282 283 .primary-toolbar .button.raised:active, 284 .primary-toolbar .raised .button:active, 285 .primary-toolbar .button.raised.default:active, 286 .primary-toolbar .raised .button.default:active, 287 .primary-toolbar GtkComboBox .button:active { 288 background-image: -gtk-gradient (radial, 289 center -0.2, 0, 290 center -0.1, 1.1, 291 from(rgba(0,0,0,0.5)), 292 to(transparent)), 293 linear-gradient(to bottom, 294 rgba(255,255,255,0.0), 295 rgba(255,255,255,0.0) 40%, 296 rgba(255,255,255,0.065) 297 ), 298 linear-gradient(to bottom, 299 @button_raised_color_a, 300 @button_raised_color_b 40%, 301 @button_raised_color_c 302 ); 303 background-color: #313131; 304 } 305 306 .primary-toolbar .raised .button:hover, 307 .primary-toolbar .raised .button.default:hover, 308 .primary-toolbar .button.raised.default:hover, 309 .primary-toolbar GtkComboBox .button:hover { 310 } 311 312 .primary-toolbar .button.raised:active:hover, 313 .primary-toolbar .raised .button:active:hover, 314 .primary-toolbar .button.raised.default:active:hover, 315 .primary-toolbar .raised .button.default:active:hover{ 316 background-image: -gtk-gradient (radial, 317 center -0.2, 0, 318 center -0.1, 1.1, 319 from(rgba(0,0,0,0.5)), 320 to(transparent)), 321 linear-gradient(to bottom, 322 rgba(255,255,255,0.0), 323 rgba(255,255,255,0.0) 40%, 324 rgba(255,255,255,0.065) 325 ), 326 linear-gradient(to bottom, 327 shade(@button_gradient_active_c,1.0), 328 shade(@button_gradient_active_b, 1.0) 40%, 329 shade(@button_gradient_active_a, 1.0) 330 ); 331 background-color: #313131; 332 } 333 /* 334 .primary-toolbar .button.raised:backdrop, 335 .primary-toolbar .raised .button:backdrop, 336 .primary-toolbar .button.raised.default:hover:backdrop, 337 .primary-toolbar .raised .button:hover:backdrop, 338 .primary-toolbar .raised .button.default:hover:backdrop, 339 .primary-toolbar GtkComboBox *:backdrop, 340 .primary-toolbar GtkComboBox *:backdrop:insensitive { 341 }*/ 342 343 /*********Scale Slider*******************/ 344 GtkScale.slider { 345 background-color: transparent; 346 background-image: -gtk-gradient (linear, 347 left top, left bottom, 348 from (shade(@button_inline_hover_gradient_color_a, 1.0)), 349 color-stop (0.4, shade(@button_inline_hover_gradient_color_b, 0.82)), 350 to (@button_inline_hover_gradient_color_c)); 351 } 352 353 GtkScale.slider:hover, 354 GtkScale.slider:active, 355 GtkScale.slider:active:hover { 356 background-image: -gtk-gradient (linear, 357 left top, left bottom, 358 from (shade(@button_inline_hover_gradient_color_a, 0.9)), 359 color-stop (0.4, shade(@button_inline_hover_gradient_color_b, 0.96)), 360 to (@button_inline_hover_gradient_color_c)); 361 background-color: transparent; 362 } 363 364 .inline-toolbar .button:hover { 365 background-color: transparent; 366 background-image: -gtk-gradient (linear, 367 left top, left bottom, 368 from (shade(@button_inline_hover_gradient_color_a, 0.9)), 369 color-stop (0.4, shade(@button_inline_hover_gradient_color_b, 0.82)), 370 to (@button_inline_hover_gradient_color_c)); 371 } 372 373 .inline-toolbar .button:insensitive 374 /*.inline-toolbar .button:insensitive:backdrop*/ { 375 background-image: url("assets/stripe-2.png"); 376 background-color: @insensitive_bg_color; 377 background-size: 6px; 378 background-repeat: repeat; 379 background-position: top left; 380 } 381 382 /* Primary Toolbar Button */ 383 .primary-toolbar .button:hover { 384 background-color: alpha(white,0.04); 385 background-image: -gtk-gradient (radial, 386 center -0.5, 0, 387 center -0.3, 1.1, 388 from(rgba(255,255,255,0.5)), 389 to(transparent)); 390 transition: 250ms ease-in-out; 391 } 392 /* 393 .primary-toolbar .button:hover:backdrop { 394 background-color: transparent; 395 background-image: -gtk-gradient (linear, 396 left top, left bottom, 397 from (alpha (@toolbar_gradient_c, 0.0)), 398 to (alpha (@toolbar_gradient_a, 0.0))); 399 }*/ 400 /* 401 .primary-toolbar .button:active:hover:backdrop, 402 .primary-toolbar .button:active:backdrop { 403 background-color: transparent; 404 background-image: -gtk-gradient (linear, 405 left top, left bottom, 406 from (alpha (@unfocused_borders, 0.4)), 407 to (alpha (@unfocused_borders, 0.25))); 408 }*/ 409 410 .primary-toolbar .button:active { 411 background-color: alpha(black,0.18); 412 background-image: -gtk-gradient (radial, 413 center 0.5, 0, 414 center 0.3, 1.1, 415 from(rgba(255,255,255,0.06)), 416 to(transparent)), 417 linear-gradient(to bottom, 418 rgba(0,0,0,0.16), 419 rgba(0,0,0,0.0) 3px, 420 rgba(0,0,0,0.0) 421 ); 422 transition: 250ms ease-in-out; 423 } 424 425 .primary-toolbar .button:active:hover { 426 background-image: -gtk-gradient (radial, 427 center 0.5, 0, 428 center 0.3, 1.1, 429 from(rgba(255,255,255,0.5)), 430 to(transparent)), 431 linear-gradient(to bottom, 432 rgba(0,0,0,0.16), 433 rgba(0,0,0,0.0) 3px, 434 rgba(0,0,0,0.0) 435 ); 436 transition: 250ms ease-in-out; 437 background-color: alpha(@theme_selected_bg_color, 0.6); 438 } 439 440 /* Insensitive button background */ 441 .button:insensitive, 442 .spinbutton.vertical .button:insensitive, 443 .toolbar GtkComboBox .button:insensitive, 444 /*.button:insensitive:backdrop, 445 .spinbutton.vertical .button:insensitive:backdrop, 446 .toolbar GtkComboBox .button:insensitive:backdrop,*/ 447 .toolbar .button.raised:insensitive, 448 .toolbar .raised .button:insensitive { 449 450 background-image: url("assets/stripe-2.png"), 451 452 /*linear-gradient(to left top, 453 alpha (@insensitive_button_stripes, 0.25), 454 alpha (@insensitive_button_stripes, 0.25) 25%, 455 transparent 25%, 456 transparent 50%, 457 alpha (@insensitive_button_stripes, 0.25) 50%, 458 alpha (@insensitive_button_stripes, 0.25) 75%, 459 transparent 75%, 460 transparent 461 ),*/ 462 /* linear-gradient(to bottom, 463 @button_gradient_color_a, 464 @button_gradient_color_b 40%, 465 @button_gradient_color_c 466 ); */ 467 468 -gtk-gradient (linear, 469 left top, left bottom, 470 from (@insensitive_button_gradient_color_a), 471 color-stop (0.4, @insensitive_button_gradient_color_b), 472 to (@insensitive_button_gradient_color_c)); 473 background-color: transparent; 474 background-size: 6px; 475 background-repeat: repeat; 476 background-position: top left; 477 } 478 479 /* Pushed + Insensitive button background */ 480 .button:active:insensitive, 481 .toolbar .button:active:insensitive, 482 .toolbar GtkComboBox .button:active:insensitive 483 /*.button:active:insensitive:backdrop, 484 .toolbar .button:active:insensitive:backdrop, 485 .toolbar GtkComboBox .button:active:insensitive:backdrop*/ { 486 background-image: url("assets/stripe-3.png"), 487 /*linear-gradient(to left top, 488 alpha (@insensitive_button_stripes, 0.25), 489 alpha (@insensitive_button_stripes, 0.25) 25%, 490 transparent 25%, 491 transparent 50%, 492 alpha (@insensitive_button_stripes, 0.25) 50%, 493 alpha (@insensitive_button_stripes, 0.25) 75%, 494 transparent 75%, 495 transparent 496 ),*/ 497 linear-gradient(to bottom, 498 shade(shade(@insensitive_bg_color, 1.05), 0.8), 499 shade(@insensitive_bg_color, 0.86) 40%, 500 shade(shade(@insensitive_bg_color, 0.8), 0.9) 501 ); 502 background-color: transparent; 503 background-size: 6px; 504 background-repeat: repeat; 505 background-position: top left; 506 } 507 508 509 /* 510 .notebook .button:insensitive, 511 .notebook GtkScale.slider:insensitive, 512 .notebook .spinbutton.vertical .button:insensitive, 513 .notebook .toolbar GtkComboBox .button:insensitive, 514 .notebook .toolbar .button.raised:insensitive, 515 .notebook .toolbar .raised .button:insensitive, 516 GtkViewport .button:insensitive, 517 GtkViewport .spinbutton.vertical .button:insensitive { 518 519 background-image: -gtk-gradient (linear, 520 left top, left bottom, 521 from (@insensitive_notebook_button_gradient_color_a), 522 color-stop (0.4, @insensitive_notebook_button_gradient_color_b), 523 to (@insensitive_notebook_button_gradient_color_c)); 524 background-color: transparent; 525 }*/ 526 /* 527 .notebook .button:insensitive:backdrop, 528 .notebook GtkScale.slider:insensitive:backdrop, 529 .notebook .spinbutton.vertical .button:insensitive:backdrop, 530 .notebook .toolbar GtkComboBox .button:insensitive:backdrop, 531 .notebook .toolbar .button.raised:insensitive:backdrop, 532 .notebook .toolbar .raised .button:insensitive:backdrop, 533 GtkViewport .button:insensitive:backdrop, 534 GtkViewport .spinbutton.vertical .button:insensitive:backdrop { 535 536 background-image: -gtk-gradient (linear, 537 left top, left bottom, 538 from (shade(@theme_unfocused_base_color, 0.84)), 539 color-stop (0.4, shade(@theme_unfocused_base_color, 0.8)), 540 to (shade(@theme_unfocused_base_color, 0.78))); 541 background-color: transparent; 542 }*/ 543 544 /* Pushed + Insensitive button background */ /* 545 .notebook .button:active:insensitive, 546 .notebook .toolbar .button:active:insensitive, 547 .notebook .toolbar GtkComboBox .button:active:insensitive, 548 GtkViewport .button:active:insensitive { 549 background-image: linear-gradient(to bottom, 550 shade(@insensitive_notebook_button_gradient_color_c, 0.9), 551 shade(@insensitive_notebook_button_gradient_color_b, 0.9) 40%, 552 @insensitive_notebook_button_gradient_color_a 553 ); 554 background-color: transparent; 555 }*/ 556 /* 557 .notebook .button:active:insensitive:backdrop, 558 .notebook .toolbar .button:active:insensitive:backdrop, 559 .notebook .toolbar GtkComboBox .button:active:insensitive:backdrop, 560 GtkViewport .button:active:insensitive:backdrop { 561 background-image: -gtk-gradient (linear, 562 left top, left bottom, 563 from (shade(@theme_unfocused_base_color, 0.69)), 564 color-stop (0.4, shade(@theme_unfocused_base_color, 0.66)), 565 to (shade(@theme_unfocused_base_color, 0.64))); 566 background-color: transparent; 567 }*/ 568 569 /* Unfocused window button background */ 570 /* 571 .button:backdrop, 572 .toolbar .button.raised:backdrop, 573 .toolbar .raised .button:backdrop, 574 .toolbar .button:backdrop:hover, 575 .toolbar GtkComboBox .button:backdrop, 576 .toolbar GtkComboBox .button:backdrop:hover, 577 .primary-toolbar .raised .button:backdrop:hover { 578 background-image: none; 579 background-color: @unfocused_button_background; 580 } 581 */ 582 /* Unfocused window pushed button background */ 583 /* 584 .button:active:backdrop, 585 .toolbar .button:active:backdrop, 586 .toolbar .button:active:hover:backdrop { 587 background-image: none; 588 background-color: @unfocused_borders; 589 } 590 */ 591 /* Unfocused window insensitive button background */ 592 /* 593 .button:insensitive:backdrop, 594 .toolbar .button:insensitive:backdrop { 595 596 background-image: none; 597 background-color: @unfocused_insensitive_bg_color; 598 } 599 600 .button:insensitive:active:backdrop { 601 background-image: none; 602 background-color: mix(@unfocused_insensitive_bg_color, @unfocused_borders, 0.5); 603 } 604 */ 605 /* Entry background */ 606 /*.entry, 607 GtkComboBox.combobox-entry .button, 608 .primary-toolbar GtkComboBox.combobox-entry .button, 609 .level-bar.trough { 610 background-image: linear-gradient(to bottom, 611 rgba(0,0,0,0.3), 612 rgba(0,0,0,0.0) 65%, 613 rgba(0,0,0,0.0) 66%, 614 rgba(255,255,255,0.01) 615 ); 616 background-color: shade(@theme_base_color, 0.98); 617 box-shadow: 0 1px rgba(0,0,0,0.6) inset, 618 0 2px rgba(0,0,0,0.2) inset, 619 0 3px rgba(0,0,0,0.12) inset, 620 0 4px rgba(0,0,0,0.08) inset, 621 0 5px rgba(0,0,0,0.05) inset, 622 1px 0 rgba(0,0,0,0.5) inset, 623 -1px 0 rgba(0,0,0,0.5) inset, 624 2px 0 rgba(0,0,0,0.08) inset, 625 -2px 0 rgba(0,0,0,0.08) inset, 626 3px 0 rgba(0,0,0,0.03) inset, 627 -3px 0 rgba(0,0,0,0.03) inset, 628 0 -1px rgba(0,0,0,0.24) inset; 629 }*/ 630 631 .entry, 632 GtkComboBox.combobox-entry .button, 633 .primary-toolbar GtkComboBox.combobox-entry .button { 634 background-image: linear-gradient(to bottom, 635 rgba(0,0,0,0.12), 636 rgba(0,0,0,0.0) 20%, 637 rgba(0,0,0,0.0) 20%, 638 rgba(0,0,0,0.0) 639 ); 640 background-color: alpha(black, 0.3); 641 box-shadow: 0 1px rgba(0,0,0,0.08) inset; 642 } 643 644 .entry:focus, 645 GtkComboBox.combobox-entry .button:hover, 646 .primary-toolbar GtkComboBox.combobox-entry .button:hover { 647 background-color: shade(@theme_base_color, 0.8); 648 } 649 650 .notebook .entry:focus, 651 .notebook GtkComboBox.combobox-entry .button:hover { 652 background-color: shade(@theme_base_color, 0.4); 653 } 654 655 656 .spinbutton .button:hover { 657 background-image: linear-gradient(to top, 658 rgba(0,0,0,0.3), 659 rgba(0,0,0,0.0) 59%, 660 rgba(0,0,0,0.0) 60%, 661 rgba(255,255,255,0.04) 662 ); 663 background-color: shade(@theme_base_color, 1.0); 664 } 665 666 .notebook .spinbutton .button:hover , 667 GtkViewport .spinbutton .button:hover{ 668 background-image: linear-gradient(to top, 669 rgba(0,0,0,0.3), 670 rgba(0,0,0,0.0) 59%, 671 rgba(0,0,0,0.0) 60%, 672 rgba(255,255,255,0.04) 673 ); 674 background-color: shade(@theme_base_color, 0.7); 675 } 676 677 /*.spinbutton .button:hover:focus { 678 box-shadow: inset 1px 2px alpha(@theme_selected_bg_color, 1.5), 679 inset 1px 1px alpha(@theme_selected_bg_color, 1.0); 680 }*/ 681 /* 682 .entry:backdrop, 683 GtkComboBox.combobox-entry .entry:backdrop, 684 GtkComboBox.combobox-entry .entry:first-child:backdrop, 685 GtkComboBox.combobox-entry .entry:last-child:backdrop, 686 .spinbutton .button:backdrop, 687 .spinbutton .button:hover:backdrop, 688 GtkComboBox.combobox-entry .button:backdrop, 689 .primary-toolbar GtkComboBox.combobox-entry .button:backdrop { 690 box-shadow: none; 691 }*/ 692 693 .spinbutton .button:active, 694 .spinbutton .button:active:hover, 695 .primary-toolbar GtkComboBox.combobox-entry .button:active, 696 GtkComboBox.combobox-entry .button:active, 697 .primary-toolbar GtkComboBox.combobox-entry .button:active:hover, 698 GtkComboBox.combobox-entry .button:active:hover { 699 background-image: linear-gradient(to bottom, 700 rgba(0,0,0,0.3), 701 rgba(0,0,0,0.0) 65%, 702 rgba(0,0,0,0.0) 66%, 703 rgba(255,255,255,0.01) 704 ); 705 background-color: shade(@theme_base_color, 0.68); 706 } 707 708 .notebook .spinbutton .button:active, 709 .notebook .spinbutton .button:active:hover, 710 GtkViewport .spinbutton .button:active, 711 GtkViewport .spinbutton .button:active:hover { 712 background-image: linear-gradient(to bottom, 713 rgba(0,0,0,0.3), 714 rgba(0,0,0,0.0) 65%, 715 rgba(0,0,0,0.0) 66%, 716 rgba(255,255,255,0.01) 717 ); 718 background-color: shade(@theme_base_color, 0.36); 719 } 720 721 /* Insensitive entry background */ 722 .entry:insensitive, 723 GtkComboBox.combobox-entry .entry:insensitive, 724 GtkComboBox.combobox-entry .entry:insensitive:first-child, 725 GtkComboBox.combobox-entry .entry:insensitive:last-child, 726 GtkComboBox.combobox-entry .button:insensitive, 727 .level-bar.trough:insensitive { 728 background-color: alpha(black, 0.16); /*@insensitive_bg_color;*/ 729 background-image: none; 730 731 background-image: url("assets/stripe-3.png"); 732 /*linear-gradient(to left top, 733 alpha (@insensitive_stripes, 0.25), 734 alpha (@insensitive_stripes, 0.25) 25%, 735 transparent 25%, 736 transparent 50%, 737 alpha (@insensitive_stripes, 0.25) 50%, 738 alpha (@insensitive_stripes, 0.25) 75%, 739 transparent 75%, 740 transparent 741 );*/ 742 background-size: 6px; 743 background-repeat: repeat; 744 background-position: top left; 745 } 746 747 /* Unfocused windows entry background */ 748 /* 749 .level-bar.trough:backdrop, 750 .spinbutton.vertical.entry:backdrop { 751 background-image: none; 752 background-color: @theme_unfocused_base_color; 753 box-shadow: none; 754 }*/ 755 756 /* Unfocused windows insensitive entry background */ 757 /* 758 .entry:insensitive:backdrop, 759 GtkComboBox.combobox-entry .button:insensitive:backdrop, 760 .level-bar.trough:insensitive:backdrop, 761 .spinbutton.vertical.entry:insensitive:backdrop { 762 background-image: none; 763 background-color: @unfocused_insensitive_bg_color; 764 }*/ 765 766 767 /* Primary and inline toolbars background */ 768 .primary-toolbar .toolbar, 769 .primary-toolbar.toolbar { 770 background-color: #343434; 771 background-image: linear-gradient(to bottom, 772 rgba(255,255,255,0.05), 773 rgba(0,0,0,0.05)), 774 url("assets/Toolbar.png"); 775 776 /*background-image: linear-gradient(to bottom, 777 rgba(255,255,255,0.03), 778 rgba(0,0,0,0.08)), 779 url("assets/Toolbar.png");*/ 780 background-repeat: repeat; 781 background-position: top left; 782 } 783 784 .inline-toolbar.toolbar { 785 background-color: transparent; 786 background-image: linear-gradient(to bottom, 787 rgba(0,0,0,0.26), 788 rgba(0,0,0,0.05) 34%, 789 rgba(255,255,255,0.12)), 790 url("assets/Toolbar.png"); 791 background-repeat: repeat; 792 background-position: top left; 793 } 794 795 .primary-toolbar .toolbar.vertical, 796 .primary-toolbar.toolbar.vertical, 797 .inline-toolbar.toolbar.vertical { 798 background-image: linear-gradient(to right, 799 @toolbar_gradient_a, 800 @toolbar_gradient_b 50%, 801 @toolbar_gradient_c 802 ); 803 background-color: transparent; 804 } 805 806 /* Unfocused window primary and inline toolbars background */ 807 /* 808 .primary-toolbar .toolbar:backdrop, 809 .primary-toolbar.toolbar:backdrop, 810 .inline-toolbar.toolbar:backdrop { 811 background-color: transparent; 812 background-image: 813 linear-gradient(to bottom, 814 rgba(0,0,0,0.1), 815 rgba(0,0,0,0.1)), 816 url("assets/Toolbar-backdrop.png"); 817 background-repeat: repeat; 818 background-position: top left; 819 }*/ 820 821 /* Switch */ 822 823 GtkSwitch.trough { 824 background-image:url("assets/switch/switch.svg"), 825 -gtk-gradient (linear, 826 left top, left bottom, 827 from (@button_switch_gradient_color_e), 828 color-stop (0.4, @button_switch_gradient_color_d), 829 to (@button_switch_gradient_color_f)); 830 background-color: transparent; 831 transition: 110ms ease-in-out; 832 background-repeat: no-repeat; 833 background-position: center; 834 } 835 836 GtkSwitch.trough:active { 837 background-image: url("assets/switch/switch-active.svg"), 838 -gtk-gradient (linear, 839 left top, left bottom, 840 from (@button_switch_gradient_color_b), 841 color-stop (0.4, @button_switch_gradient_color_a), 842 to (@button_switch_gradient_color_c)); 843 background-color: transparent; 844 transition: 110ms ease-in-out; 845 background-repeat: no-repeat; 846 background-position: center; 847 } 848 849 GtkSwitch.trough:insensitive { 850 background-image: url("assets/stripe-2.png"), 851 /*linear-gradient(to left top, 852 alpha (@insensitive_button_stripes, 0.25), 853 alpha (@insensitive_button_stripes, 0.25) 25%, 854 transparent 25%, 855 transparent 50%, 856 alpha (@insensitive_button_stripes, 0.25) 50%, 857 alpha (@insensitive_button_stripes, 0.25) 75%, 858 transparent 75%, 859 transparent 860 ),*/ 861 -gtk-gradient (linear, 862 left top, left bottom, 863 from (shade(@insensitive_button_gradient_color_a, 1.6)), 864 color-stop (0.4, shade(@insensitive_button_gradient_color_b, 1.3)), 865 to (@insensitive_button_gradient_color_c)); 866 background-size: 6px; 867 background-repeat: repeat; 868 background-position: top left; 869 background-color: transparent; 870 } 871 872 /* 873 GtkSwitch.trough:backdrop { 874 background-color: @theme_unfocused_bg_color; 875 background-image: none; 876 }*/ 877 /* 878 GtkSwitch.trough:active:backdrop { 879 background-color: @unfocused_borders; 880 background-image: none; 881 }*/ 882 883 /****Scale Progressbar****/ 884 .scale.progressbar { 885 background-image: linear-gradient(to bottom, 886 rgba(0,0,0,0.1), 887 rgba(0,0,0,0.0) 20%, 888 rgba(0,0,0,0.0) 85%, 889 rgba(0,0,0,0.1) 890 ), 891 linear-gradient(to bottom, 892 shade(@button_gradient_active_c,0.7), 893 shade(@button_gradient_active_b, 0.9) 40%, 894 shade(@button_gradient_active_a, 1.2) 895 ); 896 } 897 898 .scale.progressbar.vertical { 899 background-image: linear-gradient(to right, 900 @switch_trough_active_bg_a, 901 @switch_trough_active_bg_b 902 ); 903 background-color: transparent; 904 } 905 906 /* Progressbar backgrounds */ 907 908 .progressbar, 909 .progressbar row, 910 .progressbar row:hover, 911 .progressbar row:selected, 912 .progressbar row:selected:focus { 913 background-image: linear-gradient(to bottom, 914 rgba(255,255,255, 0.2), 915 rgba(255,255,255, 0.0) 40%, 916 rgba(255,255,255, 0.0)), 917 linear-gradient(to left top, 918 alpha (@progressbar_pattern, 0.25), 919 alpha (@progressbar_pattern, 0.25) 25%, 920 transparent 25%, 921 transparent 50%, 922 alpha (@progressbar_pattern, 0.25) 50%, 923 alpha (@progressbar_pattern, 0.25) 75%, 924 transparent 75%, 925 transparent 926 ), 927 linear-gradient(to bottom, 928 @progressbar_background_a, 929 @progressbar_background_b 75%, 930 shade(@progressbar_background_a, 0.85) 931 ); 932 background-size: 40px 40px, auto; 933 box-shadow: inset 1px 1px alpha(white, 0.2), inset -1px -1px alpha(white, 0.1); 934 } 935 936 .progressbar.vertical { 937 background-image: linear-gradient(to right, 938 rgba(255,255,255, 0.12), 939 rgba(255,255,255, 0.0) 40%, 940 rgba(255,255,255, 0.0)), 941 linear-gradient(to right top, 942 alpha (@progressbar_pattern, 0.25), 943 alpha (@progressbar_pattern, 0.25) 25%, 944 transparent 25%, 945 transparent 50%, 946 alpha (@progressbar_pattern, 0.25) 50%, 947 alpha (@progressbar_pattern, 0.25) 75%, 948 transparent 75%, 949 transparent), 950 linear-gradient(to right, 951 @progressbar_background_a, 952 @progressbar_background_b 75%, 953 shade(@progressbar_background_a, 0.85) 954 ); 955 box-shadow: inset 1px 1px alpha(white, 0.12), 956 inset -1px -1px alpha(white, 0.06); 957 }