PageRenderTime 206ms CodeModel.GetById 17ms app.highlight 180ms RepoModel.GetById 2ms app.codeStats 0ms

/light-themes-0.1.11/Radiance/gtk-3.0/gtk-widgets-backdrop.css

#
CSS | 1302 lines | 993 code | 214 blank | 95 comment | 0 complexity | 80e315c05f94ab464f388035973bcae5 MD5 | raw file

Large files files are truncated, but you can click here to view the full file

   1/* NOTES to contributors:
   2 * use 4 spaces intends, and keep code ALIGNED and ORDERED */
   3
   4GtkWindow:backdrop {
   5    color: mix (@fg_color, @bg_color, 0.17);
   6}
   7
   8* {
   9    /* inherit the color from parent by default */
  10    color: inherit;
  11    background-color: @bg_color;
  12}
  13
  14/**********
  15 * states *
  16 **********/
  17*:insensitive:backdrop {
  18    color: mix (shade (@bg_color, 0.6), @bg_color, 0.2);
  19    text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5);
  20}
  21
  22*:active:backdrop {
  23}
  24
  25*:active:hover:insensitive:backdrop {
  26}
  27
  28*:active:insensitive:backdrop {
  29}
  30
  31*:hover:backdrop {
  32}
  33
  34*:hover:insensitive:backdrop {
  35}
  36
  37*:selected:backdrop,
  38*:selected:focused:backdrop {
  39    background-color: @backdrop_selected_bg_color;
  40
  41    color: @backdrop_selected_fg_color;
  42}
  43
  44/******************
  45 * common effects *
  46 ******************/
  47/* border and inner stroke */
  48.frame:backdrop,
  49.notebook:backdrop {
  50    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  51                                           from (shade (@bg_color, 0.86)),
  52                                           to (shade (@bg_color, 0.82)));
  53}
  54
  55.notebook tab:backdrop {
  56    background-image: -gtk-gradient (linear, left top, left bottom,
  57                                     from (shade (@bg_color, 0.99)),
  58                                     color-stop (0.80, shade (@bg_color, 0.97)),
  59                                     to (shade (@bg_color, 0.94)));
  60
  61    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  62                                           from (shade (@bg_color, 0.9)),
  63                                           to (shade (@bg_color, 0.87)));
  64    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.3);
  65}
  66
  67.notebook tab:active:backdrop {
  68    background-image: -gtk-gradient (linear, left top, left bottom,
  69                                     from (shade (@bg_color, 1.1)),
  70                                     to (shade (@bg_color, 1.01)));
  71
  72    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  73                                           from (shade (@bg_color, 0.92)),
  74                                           to (shade (@bg_color, 0.86)));
  75}
  76
  77/**********
  78 * button *
  79 **********/
  80GtkComboBox:backdrop,
  81.button:backdrop,
  82GtkComboBox.combobox-entry .button:backdrop,
  83GtkScale.slider:backdrop,
  84GtkScale.slider.vertical:backdrop,
  85.notebook .button:backdrop,
  86.inline-toolbar.toolbar .button:backdrop {
  87    background-image: -gtk-gradient (linear, left top, left bottom,
  88                                     from (shade (@bg_color, 1.03)),
  89                                     to (shade (@bg_color, 0.97)));
  90    border-top-color: shade (@bg_color, 0.86);
  91    border-right-color: shade (@bg_color, 0.82);
  92    border-bottom-color: shade (@bg_color, 0.76);
  93    border-left-color: shade (@bg_color, 0.82);
  94
  95    color: mix (@fg_color, @bg_color, 0.2);
  96    text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.16);
  97
  98    -unico-border-gradient: none;
  99    -unico-glow-radius: 0;
 100    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 101                                                 from (shade (@bg_color, 1.05)),
 102                                                 to (shade (@bg_color, 0.985)));
 103}
 104
 105.button:hover:backdrop,
 106GtkComboBox.combobox-entry .button:hover:backdrop,
 107GtkScale.slider:hover:backdrop,
 108GtkScale.slider.vertical:hover:backdrop,
 109.notebook .button:hover:backdrop,
 110.inline-toolbar.toolbar .button:hover:backdrop {
 111    background-image: -gtk-gradient (linear, left top, left bottom,
 112                                     from (shade (@bg_color, 1.16)),
 113                                     to (shade (@bg_color, 0.95)));
 114    border-top-color: shade (@bg_color, 0.85);
 115    border-right-color: shade (@bg_color, 0.82);
 116    border-bottom-color: shade (@bg_color, 0.67);
 117    border-left-color: shade (@bg_color, 0.82);
 118
 119    -unico-border-gradient: none;
 120    -unico-glow-color: shade (@bg_color, 1.07);
 121    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 122                                                 from (shade (@bg_color, 1.21)),
 123                                                 to (shade (@bg_color, 1.02)));
 124}
 125
 126.button:active:backdrop,
 127GtkComboBox.combobox-entry .button:active:backdrop,
 128.notebook .button:active:backdrop,
 129.inline-toolbar.toolbar .button:active:backdrop {
 130    background-image: -gtk-gradient (linear, left top, left bottom,
 131                                     from (shade (@bg_color, 0.9)),
 132                                     to (shade (@bg_color, 0.95)));
 133    border-top-color: shade (@bg_color, 0.62);
 134    border-right-color: shade (@bg_color, 0.72);
 135    border-bottom-color: shade (@bg_color, 0.76);
 136    border-left-color: shade (@bg_color, 0.72);
 137
 138    -unico-border-gradient: none;
 139    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 140                                                 from (shade (@bg_color, 0.85)),
 141                                                 to (shade (@bg_color, 0.9)));
 142}
 143
 144.button:active:hover:backdrop,
 145GtkComboBox.combobox-entry .button:active:hover:backdrop,
 146.notebook .button:active:hover:backdrop,
 147.inline-toolbar.toolbar .button:active:hover:backdrop {
 148    background-image: -gtk-gradient (linear, left top, left bottom,
 149                                     from (shade (@bg_color, 0.95)),
 150                                     to (shade (@bg_color, 1.0)));
 151    border-top-color: shade (@bg_color, 0.64);
 152    border-right-color: shade (@bg_color, 0.74);
 153    border-bottom-color: shade (@bg_color, 0.79);
 154    border-left-color: shade (@bg_color, 0.74);
 155
 156    -unico-border-gradient: none;
 157    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 158                                                 from (shade (@bg_color, 0.93)),
 159                                                 to (shade (@bg_color, 0.94)));
 160}
 161
 162.button:insensitive:backdrop,
 163GtkComboBox.combobox-entry .button:insensitive:backdrop,
 164.notebook .button:insensitive:backdrop,
 165.inline-toolbar.toolbar .button:insensitive:backdrop {
 166    background-image: -gtk-gradient (linear, left top, left bottom,
 167                                     from (shade (@bg_color, 1.06)),
 168                                     to (shade (@bg_color, 0.98)));
 169    border-top-color: shade (@bg_color, 0.86);
 170    border-right-color: shade (@bg_color, 0.86);
 171    border-bottom-color: shade (@bg_color, 0.86);
 172    border-left-color: shade (@bg_color, 0.9);
 173
 174    -unico-border-gradient: none;
 175    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 176                                                 from (shade (@bg_color, 1.1)),
 177                                                 to (shade (@bg_color, 1.0)));
 178}
 179
 180/* default button */
 181.button.default:backdrop {
 182    background-image: -gtk-gradient (linear, left top, left bottom,
 183                                     from (mix (shade (@backdrop_selected_bg_color, 1.16), @bg_color, 0.3)),
 184                                     to (mix (shade (@backdrop_selected_bg_color, 0.84), @bg_color, 0.3)));
 185
 186    text-shadow: 0 1px alpha (shade (@backdrop_selected_bg_color, 1.26), 0.4);
 187
 188    -unico-focus-border-color: @transparent;
 189    -unico-focus-outer-stroke-color: alpha (@backdrop_selected_bg_color, 0.2);
 190
 191    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 192                                           from (mix (shade (@backdrop_selected_bg_color, 0.8), @bg_color, 0.3)),
 193                                           to (mix (shade (@backdrop_selected_bg_color, 0.64), @bg_color, 0.3)));
 194    -unico-glow-radius: 0;
 195    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 196                                                 from (mix (shade (@backdrop_selected_bg_color, 1.26), @bg_color, 0.3)),
 197                                                 to (mix (shade (@backdrop_selected_bg_color, 0.9), @bg_color, 0.3)));
 198}
 199
 200.button.default:hover:backdrop {
 201    background-image: -gtk-gradient (linear, left top, left bottom,
 202                                     from (mix (shade (@backdrop_selected_bg_color, 1.21), @bg_color, 0.3)),
 203                                     to (mix (shade (@backdrop_selected_bg_color, 0.89), @bg_color, 0.3)));
 204
 205    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 206                                           from (mix (shade (@backdrop_selected_bg_color, 0.83), @bg_color, 0.3)),
 207                                           to (mix (shade (@backdrop_selected_bg_color, 0.67), @bg_color, 0.3)));
 208    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 209                                                 from (mix (shade (@backdrop_selected_bg_color, 1.3), @bg_color, 0.3)),
 210                                                 to (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)));
 211}
 212
 213.button.default:active:backdrop {
 214    background-image: -gtk-gradient (linear, left top, left bottom,
 215                                     from (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)),
 216                                     to (mix (shade (@backdrop_selected_bg_color, 1.05), @bg_color, 0.3)));
 217
 218    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 219                                           from (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)),
 220                                           to (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)));
 221    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 222                                                 from (mix (shade (@backdrop_selected_bg_color, 0.9), @bg_color, 0.3)),
 223                                                 to (mix (shade (@backdrop_selected_bg_color, 1.0), @bg_color, 0.3)));
 224}
 225
 226.button.default:active:hover:backdrop {
 227    background-image: -gtk-gradient (linear, left top, left bottom,
 228                                     from (mix (shade (@backdrop_selected_bg_color, 1.0), @bg_color, 0.3)),
 229                                     to (mix (shade (@backdrop_selected_bg_color, 1.1), @bg_color, 0.3)));
 230
 231    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 232                                           from (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)),
 233                                           to (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)));
 234    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 235                                                 from (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)),
 236                                                 to (mix (shade (@backdrop_selected_bg_color, 1.05), @bg_color, 0.3)));
 237}
 238
 239.button.default:insensitive:backdrop {
 240    -unico-glow-radius: 0;
 241}
 242
 243/* Middle button */
 244.linked .entry:backdrop,
 245.linked .button:backdrop,
 246.linked .button:active:backdrop,
 247.linked .button:active:hover:backdrop,
 248.linked .button:insensitive:backdrop,
 249.primary-toolbar .linked .entry:backdrop,
 250.primary-toolbar .linked .button:backdrop,
 251.primary-toolbar .linked .button:active:backdrop,
 252.primary-toolbar .linked .button:active:hover:backdrop,
 253.primary-toolbar .linked .button:insensitive:backdrop {
 254    border-width: 1px;
 255    border-right-width: 0;
 256
 257    border-radius: 0;
 258
 259    -unico-outer-stroke-width: 1px 0 1px 0;
 260}
 261
 262/* Leftmost button */
 263.linked .entry:first-child:backdrop,
 264.linked .button:first-child:backdrop,
 265.linked .button:active:first-child:backdrop,
 266.linked .button:active:hover:first-child:backdrop,
 267.linked .button:insensitive:first-child:backdrop,
 268.primary-toolbar .linked .entry:first-child:backdrop,
 269.primary-toolbar .linked .button:first-child:backdrop,
 270.primary-toolbar .linked .button:active:first-child:backdrop,
 271.primary-toolbar .linked .button:active:hover:first-child:backdrop,
 272.primary-toolbar .linked .button:insensitive:first-child:backdrop {
 273    border-width: 1px;
 274    border-right-width: 0;
 275
 276    border-radius: 3px;
 277    border-bottom-right-radius: 0;
 278    border-top-right-radius: 0;
 279
 280    -unico-outer-stroke-width: 1px 0 1px 1px;
 281}
 282
 283/* Rightmost button */
 284.linked .entry:last-child:backdrop,
 285.linked .button:last-child:backdrop,
 286.linked .button:active:last-child:backdrop,
 287.linked .button:active:hover:last-child:backdrop,
 288.linked .button:insensitive:last-child:backdrop,
 289.primary-toolbar .linked .entry:last-child:backdrop,
 290.primary-toolbar .linked .button:last-child:backdrop,
 291.primary-toolbar .linked .button:active:last-child:backdrop,
 292.primary-toolbar .linked .button:active:hover:last-child:backdrop,
 293.primary-toolbar .linked .button:insensitive:last-child:backdrop {
 294    border-width: 1px;
 295
 296    border-radius: 3px;
 297    border-bottom-left-radius: 0;
 298    border-top-left-radius: 0;
 299
 300    -unico-outer-stroke-width: 1px 1px 1px 0;
 301}
 302
 303/* Linked single button */
 304.linked .entry:only-child:backdrop,
 305.linked .button:only-child:backdrop,
 306.linked .button:active:only-child:backdrop,
 307.linked .button:active:hover:only-child:backdrop,
 308.linked .button:insensitive:only-child:backdrop,
 309.primary-toolbar .linked .entry:only-child:backdrop,
 310.primary-toolbar .linked .button:only-child:backdrop,
 311.primary-toolbar .linked .button:active:only-child:backdrop,
 312.primary-toolbar .linked .button:active:hover:only-child:backdrop,
 313.primary-toolbar .linked .button:insensitive:only-child:backdrop {
 314    border-width: 1px;
 315
 316    border-radius: 3px;
 317
 318    -unico-outer-stroke-width: 1px;
 319}
 320
 321/****************
 322 * cell and row *
 323 ****************/
 324.cell:backdrop {
 325    background-color: mix (@base_color, @bg_color, 0.4);
 326    border-radius: 0;
 327    border-width: 0;
 328}
 329
 330.cell:selected:backdrop {
 331}
 332
 333row:hover:backdrop {
 334}
 335
 336row:insensitive:backdrop {
 337}
 338
 339row:selected:backdrop {
 340    background-image: -gtk-gradient (linear, left top, left bottom,
 341                                     from (shade (@backdrop_selected_bg_color, 1.06)),
 342                                     to (shade (@backdrop_selected_bg_color, 1.0)));
 343    border-top-color: shade (@backdrop_selected_bg_color, 0.98);
 344    border-style: solid;
 345    border-width: 1px 0 0 0;
 346
 347    color: @backdrop_selected_fg_color;
 348}
 349
 350row:selected:focused {
 351}
 352
 353/*******************
 354 * check and radio *
 355 *******************/
 356.check row:selected:backdrop,
 357.radio row:selected:backdrop,
 358.check:backdrop,
 359.check row:backdrop,
 360.radio:backdrop,
 361.radio row:backdrop {
 362    background-image: -gtk-gradient (linear, left top, left bottom,
 363                                     from (mix (shade (@base_color, 0.98), @bg_color, 0.4)),
 364                                     to (mix (@base_color, @bg_color, 0.4)));
 365    border-top-color: shade (@bg_color, 0.72);
 366    border-right-color: shade (@bg_color, 0.82);
 367    border-bottom-color: shade (@bg_color, 0.88);
 368    border-left-color: shade (@bg_color, 0.82);
 369    border-style: solid;
 370    border-width: 1px;
 371
 372    color: mix (@fg_color, @base_color, 0.2);
 373
 374    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 375                                                 from (alpha (shade (@bg_color, 0.05), 0.02)),
 376                                                 to (alpha (shade (@bg_color, 0.05), 0.01)));
 377}
 378
 379.check:backdrop,
 380.check row:backdrop {
 381    border-radius: 3px;
 382}
 383
 384.radio:backdrop,
 385.radio row:backdrop {
 386    border-radius: 10px;
 387}
 388
 389/* FIXME (Cimi) this is horrible */
 390.check:active:backdrop,
 391.check row:selected:active:backdrop,
 392.check row:selected:focused:active:backdrop,
 393.notebook .check:active:backdrop,
 394.notebook .radio:active:backdrop,
 395.radio:active:backdrop,
 396.radio row:selected:active:backdrop,
 397.radio row:selected:focused:active:backdrop,
 398.check:inconsistent:backdrop,
 399.check row:selected:inconsistent:backdrop,
 400.check row:selected:focused:inconsistent:backdrop,
 401.notebook .check:inconsistent:backdrop,
 402.notebook .radio:inconsistent:backdrop,
 403.radio:inconsistent:backdrop,
 404.radio row:selected:inconsistent:backdrop,
 405.radio row:selected:focused:inconsistent:backdrop {
 406    background-image: -gtk-gradient (linear, left top, left bottom,
 407                                     from (shade (@backdrop_selected_bg_color, 1.06)),
 408                                     to (shade (@backdrop_selected_bg_color, 0.94)));
 409
 410    -unico-bullet-color: shade (@backdrop_selected_bg_color, 0.54);
 411    -unico-bullet-outline-color: shade (@backdrop_selected_bg_color, 1.12);
 412
 413    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 414                                           from (shade (@backdrop_selected_bg_color, 0.78)),
 415                                           to (shade (@backdrop_selected_bg_color, 0.74)));
 416    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 417                                                 from (shade (@backdrop_selected_bg_color, 1.08)),
 418                                                 to (shade (@backdrop_selected_bg_color, 0.96)));
 419    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 420                                                 from (alpha (shade (@bg_color, 0.05), 0.01)),
 421                                                 to (alpha (shade (@bg_color, 0.05), 0.03)));
 422    -unico-outer-stroke-width: 1px;
 423}
 424
 425/* FIXME (Cimi) this is horrible */
 426.check:active:hover:backdrop,
 427.check row:selected:active:hover:backdrop,
 428.check row:selected:focused:active:hover:backdrop,
 429.notebook .check:active:hover:backdrop,
 430.notebook .radio:active:hover:backdrop,
 431.radio:active:hover:backdrop,
 432.radio row:selected:active:hover:backdrop,
 433.radio row:selected:focused:active:hover:backdrop
 434.check:active:hover:inconsistent:backdrop,
 435.check row:selected:active:hover:inconsistent:backdrop,
 436.check row:selected:focused:active:hover:inconsistent:backdrop,
 437.notebook .check:active:hover:inconsistent:backdrop,
 438.notebook .radio:active:hover:inconsistent:backdrop,
 439.radio:active:hover:inconsistent:backdrop,
 440.radio row:selected:active:hover:inconsistent:backdrop,
 441.radio row:selected:focused:active:hover:inconsistent:backdrop {
 442    background-image: -gtk-gradient (linear, left top, left bottom,
 443                                     from (shade (@backdrop_selected_bg_color, 1.1)),
 444                                     to (shade (@backdrop_selected_bg_color, 0.98)));
 445
 446    -unico-bullet-color: shade (@backdrop_selected_bg_color, 0.54);
 447    -unico-bullet-outline-color: shade (@backdrop_selected_bg_color, 1.14);
 448
 449    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 450                                           from (shade (@backdrop_selected_bg_color, 0.8)),
 451                                           to (shade (@backdrop_selected_bg_color, 0.76)));
 452    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 453                                                 from (shade (@backdrop_selected_bg_color, 1.12)),
 454                                                 to (shade (@backdrop_selected_bg_color, 1.0)));
 455}
 456
 457.check:insensitive:backdrop,
 458.radio:insensitive:backdrop {
 459    background-color: shade (@bg_color, 0.98);
 460    background-image: none;
 461
 462    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 463                                                 from (alpha (shade (@bg_color, 0.05), 0.02)),
 464                                                 to (alpha (shade (@bg_color, 0.05), 0.01)));
 465}
 466
 467.check:insensitive:active:backdrop,
 468.radio:insensitive:active:backdrop,
 469.check:insensitive:inconsistent:backdrop,
 470.radio:insensitive:inconsistent:backdrop {
 471    background-image: -gtk-gradient (linear, left top, left bottom,
 472                                     from (shade (@bg_color, 1.0)),
 473                                     to (shade (@bg_color, 0.94)));
 474
 475    -unico-bullet-color: shade (@bg_color, 0.7);
 476    -unico-bullet-outline-color: shade (@bg_color, 1.0);
 477
 478    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 479                                           from (shade (@bg_color, 0.86)),
 480                                           to (shade (@bg_color, 0.8)));
 481    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 482                                                 from (shade (@bg_color, 1.02)),
 483                                                 to (shade (@bg_color, 0.96)));
 484}
 485
 486/*****************
 487 * column-header *
 488 *****************/
 489column-header .button:backdrop,
 490column-header .button:active:backdrop,
 491.notebook column-header .button:backdrop,
 492.notebook column-header .button:active:backdrop {
 493    border-radius: 0;
 494    border-width: 0 1px 1px 0;
 495
 496    -unico-glow-radius: 0;
 497    -unico-outer-stroke-width: 0;
 498}
 499
 500column-header .button:backdrop,
 501.notebook column-header .button:backdrop {
 502    background-image: -gtk-gradient (linear, left top, left bottom,
 503                                     from (shade (@bg_color, 1.04)),
 504                                     to (shade (@bg_color, 0.98)));
 505
 506    text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.4);
 507
 508    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 509                                           from (shade (@bg_color, 0.88)),
 510                                           to (shade (@bg_color, 0.84)));
 511    -unico-glow-color: shade (@bg_color, 1.02);
 512    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 513                                                 from (shade (@bg_color, 1.07)),
 514                                                 to (shade (@bg_color, 1.01)));
 515}
 516
 517column-header .button:hover:backdrop,
 518.notebook column-header .button:hover:backdrop {
 519    background-image: -gtk-gradient (linear, left top, left bottom,
 520                                     from (shade (@bg_color, 1.06)),
 521                                     to (shade (@bg_color, 1.0)));
 522
 523    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 524                                           from (shade (@bg_color, 0.9)),
 525                                           to (shade (@bg_color, 0.86)));
 526    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 527                                                 from (shade (@bg_color, 1.09)),
 528                                                 to (shade (@bg_color, 1.03)));
 529}
 530
 531column-header:nth-child(last) .button:backdrop {
 532    border-width: 0 0 1px 0;
 533}
 534
 535/******************
 536 * combobox entry *
 537 ******************/
 538GtkComboBox.combobox-entry .button:backdrop,
 539GtkComboBox.combobox-entry .button:hover:backdrop,
 540GtkComboBox.combobox-entry .button:active:backdrop,
 541GtkComboBox.combobox-entry .button:insensitive:backdrop {
 542    border-top-color: shade (@bg_color, 0.64);
 543    border-right-color: shade (@bg_color, 0.8);
 544    border-bottom-color: shade (@bg_color, 0.86);
 545    border-left-color: shade (@bg_color, 0.76);
 546}
 547
 548/*********
 549 * entry *
 550 *********/
 551.entry:backdrop {
 552    background-image: -gtk-gradient (linear, left top, left bottom,
 553                                     from (mix (shade (@base_color, 0.98), @bg_color, 0.4)),
 554                                     to (mix (@base_color, @bg_color, 0.4)));
 555    border-top-color: shade (@bg_color, 0.72);
 556    border-right-color: shade (@bg_color, 0.82);
 557    border-bottom-color: shade (@bg_color, 0.88);
 558    border-left-color: shade (@bg_color, 0.82);
 559
 560    color: mix (@fg_color, @base_color, 0.2);
 561
 562    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 563                                                 from (alpha (shade (@bg_color, 0.05), 0.02)),
 564                                                 to (alpha (shade (@bg_color, 0.05), 0.01)));
 565}
 566
 567.entry:selected:backdrop,
 568.entry:selected:focused:backdrop {
 569    background-color: @backdrop_selected_bg_color;
 570
 571    color: @backdrop_selected_fg_color;
 572}
 573
 574.entry:focused:backdrop {
 575    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 576                                           from (shade (@backdrop_selected_bg_color, 0.75)),
 577                                           to (shade (@backdrop_selected_bg_color, 0.8)));
 578    -unico-inner-stroke-color: alpha (@backdrop_selected_bg_color, 0.3);
 579    -unico-inner-stroke-gradient: none;
 580}
 581
 582.entry:insensitive:backdrop {
 583    background-color: shade (@bg_color, 0.98);
 584    background-image: none;
 585
 586    color: mix (@text_color, @base_color, 0.5);
 587
 588    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 589                                                 from (alpha (shade (@bg_color, 0.05), 0.02)),
 590                                                 to (alpha (shade (@bg_color, 0.05), 0.01)));
 591}
 592
 593.primary-toolbar .entry.progressbar:backdrop,
 594.primary-toolbar .entry.progressbar:backdrop,
 595.entry.progressbar:backdrop {
 596}
 597
 598/************
 599 * expander *
 600 ************/
 601.expander:backdrop {
 602}
 603
 604/*********
 605 * frame *
 606 *********/
 607.frame:backdrop {
 608}
 609
 610/************
 611 * iconview *
 612 ************/
 613GtkIconView.view.cell:selected:backdrop,
 614GtkIconView.view.cell:selected:focused:backdrop {
 615    background-image: -gtk-gradient (linear, left top, left bottom,
 616                                     from (shade (@backdrop_selected_bg_color, 1.0)),
 617                                     to (shade (@backdrop_selected_bg_color, 0.9)));
 618    border-radius: 4px;
 619    border-style: solid;
 620    border-width: 1px;
 621
 622    color: @backdrop_selected_fg_color;
 623
 624    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 625                                           from (shade (@backdrop_selected_bg_color, 0.7)),
 626                                           to (shade (@backdrop_selected_bg_color, 0.7)));
 627    -unico-glow-radius: 8;
 628    -unico-glow-color: shade (@backdrop_selected_bg_color, 1.3);
 629    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 630                                                 from (shade (@backdrop_selected_bg_color, 1.2)),
 631                                                 to (shade (@backdrop_selected_bg_color, 1.08)));
 632    -unico-inner-stroke-width: 1px;
 633}
 634
 635.rubberband:backdrop {
 636    background-color: alpha (@backdrop_selected_bg_color, 0.35);
 637    border-color: @backdrop_selected_bg_color;
 638    border-radius: 0;
 639    border-style: solid;
 640    border-width: 1px;
 641}
 642
 643/***********
 644 * infobar *
 645 ***********/
 646.info:backdrop {
 647}
 648
 649.warning:backdrop {
 650}
 651
 652.question:backdrop {
 653}
 654
 655.error:backdrop {
 656}
 657
 658/***********
 659 * menubar *
 660 ***********/
 661.menubar:backdrop,
 662.menubar .menuitem:backdrop {
 663    color: shade (#a39e9a, 0.86); /* metacity unfocused color */
 664}
 665
 666/************
 667 * notebook *
 668 ************/
 669.notebook:backdrop {
 670    background-color: shade (@bg_color, 1.01);
 671}
 672
 673.notebook tab:active:backdrop {
 674}
 675
 676.notebook tab:backdrop {
 677}
 678
 679/*************************
 680 * progressbar and scale *
 681 *************************/
 682.scale.highlight.left:backdrop,
 683.progressbar:backdrop,
 684.progressbar row:backdrop,
 685.progressbar row:hover:backdrop,
 686.progressbar row:selected:backdrop,
 687.progressbar row:selected:focused:backdrop {
 688    background-image: -gtk-gradient (linear, left top, left bottom,
 689                                     from (shade (@backdrop_selected_bg_color, 1.05)),
 690                                     to (shade (@backdrop_selected_bg_color, 0.95)));
 691    border-width: 1px;
 692
 693    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 694                                           from (shade (@backdrop_selected_bg_color, 0.8)),
 695                                           to (shade (@backdrop_selected_bg_color, 0.8)));
 696    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 697                                                 from (shade (@backdrop_selected_bg_color, 1.07)),
 698                                                 to (shade (@backdrop_selected_bg_color, 0.965)));
 699    -unico-outer-stroke-color: @transparent;
 700    -unico-outer-stroke-gradient: none;
 701    -unico-outer-stroke-width: 0;
 702}
 703
 704.scale.highlight.bottom:backdrop,
 705.progressbar.vertical:backdrop {
 706    background-image: -gtk-gradient (linear, left top, right top,
 707                                    from (shade (@backdrop_selected_bg_color, 1.05)),
 708                                    to (shade (@backdrop_selected_bg_color, 0.95)));
 709
 710    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
 711                                           from (shade (@backdrop_selected_bg_color, 0.86)),
 712                                           to (shade (@backdrop_selected_bg_color, 0.86)));
 713    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
 714                                                 from (shade (@backdrop_selected_bg_color, 1.07)),
 715                                                 to (shade (@backdrop_selected_bg_color, 0.965)));
 716}
 717
 718.scale.highlight.left:insensitive:backdrop {
 719    background-image: -gtk-gradient (linear, left top, left bottom,
 720                                     from (shade (@bg_color, 0.98)),
 721                                     to (shade (@bg_color, 0.88)));
 722
 723    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 724                                           from (shade (@bg_color, 0.82)),
 725                                           to (shade (@bg_color, 0.82)));
 726    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 727                                                 from (shade (@bg_color, 1.0)),
 728                                                 to (shade (@bg_color, 0.90)));
 729}
 730
 731.scale.highlight.bottom:insensitive:backdrop {
 732    background-image: -gtk-gradient (linear, left top, right top,
 733                                     from (shade (@bg_color, 0.98)),
 734                                     to (shade (@bg_color, 0.88)));
 735
 736    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
 737                                           from (shade (@bg_color, 0.82)),
 738                                           to (shade (@bg_color, 0.82)));
 739    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
 740                                                 from (shade (@bg_color, 1.0)),
 741                                                 to (shade (@bg_color, 0.90)));
 742}
 743
 744.trough:backdrop,
 745.trough row:backdrop,
 746.trough row:hover:backdrop,
 747.trough row:selected:backdrop,
 748.trough row:selected:focused:backdrop {
 749    background-image: -gtk-gradient (linear, left top, left bottom,
 750                                     from (shade (@bg_color, 0.94)),
 751                                     to (shade (@bg_color, 0.98)));
 752
 753    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 754                                           from (shade (@bg_color, 0.85)),
 755                                           to (shade (@bg_color, 1.05)));
 756}
 757
 758.trough.vertical:backdrop {
 759    background-image: -gtk-gradient (linear, left top, right top,
 760                                     from (shade (@bg_color, 0.94)),
 761                                     to (shade (@bg_color, 0.98)));
 762
 763    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
 764                                           from (shade (@bg_color, 0.85)),
 765                                           to (shade (@bg_color, 1.05)));
 766}
 767
 768GtkScale.slider:backdrop {
 769    background-image: url("assets/slider_backdrop.png");
 770}
 771
 772GtkScale.slider:hover:backdrop {
 773    background-image: url("assets/slider_prelight.png");
 774}
 775
 776GtkScale.slider:insensitive:backdrop {
 777    background-image: url("assets/slider_insensitive_backdrop.png");
 778}
 779
 780GtkScale.slider.vertical:backdrop {
 781    background-image: url("assets/slider_vertical_backdrop.png");
 782}
 783
 784GtkScale.slider.vertical:hover:backdrop {
 785    background-image: url("assets/slider_prelight_vertical.png");
 786}
 787
 788GtkScale.slider.vertical:insensitive:backdrop {
 789    background-image: url("assets/slider_vertical_insensitive_backdrop.png");
 790}
 791
 792GtkScale.mark:backdrop {
 793}
 794
 795/*******************
 796 * scrolled window *
 797 *******************/
 798GtkScrolledWindow.frame:backdrop {
 799}
 800
 801/*************
 802 * separator *
 803 *************/
 804.separator:backdrop {
 805    border-color: shade (@bg_color, 0.92);
 806
 807    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4);
 808}
 809
 810.button .separator:backdrop,
 811.button.separator:backdrop {
 812    border-color: shade (@bg_color, 0.86);
 813
 814    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.5);
 815}
 816
 817.notebook .button .separator:backdrop,
 818.notebook .button.separator:backdrop {
 819    border-color: shade (@bg_color, 0.86);
 820
 821    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.5);
 822}
 823
 824.button .separator:insensitive:backdrop,
 825.button.separator:insensitive:backdrop {
 826    border-color: shade (@bg_color, 0.92);
 827
 828    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
 829}
 830
 831.notebook .button .separator:insensitive:backdrop,
 832.notebook .button.separator:insensitive:backdrop {
 833    border-color: shade (@bg_color, 0.92);
 834
 835    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
 836}
 837
 838.menuitem.separator:backdrop {
 839}
 840
 841.menubar .menuitem.separator:backdrop,
 842.primary-toolbar .menuitem.separator:backdrop {
 843}
 844
 845/***********
 846 * sidebar *
 847 ***********/
 848.sidebar:backdrop,
 849.sidebar .view:backdrop {
 850}
 851
 852.sidebar row:selected:backdrop {
 853    text-shadow: 0 1px shade (@backdrop_selected_bg_color, 0.7);
 854}
 855
 856.sidebar .frame:backdrop {
 857}
 858
 859/**************
 860 * spinbutton *
 861 **************/
 862.spinbutton.button:active:backdrop,
 863.spinbutton.button:insensitive:backdrop,
 864.notebook .spinbutton.button:active:backdrop,
 865.notebook .spinbutton.button:insensitive:backdrop,
 866.spinbutton.button:backdrop,
 867.notebook .spinbutton.button:backdrop {
 868}
 869
 870.spinbutton.button:active:nth-child(last):backdrop,
 871.spinbutton.button:insensitive:nth-child(last):backdrop,
 872.notebook .spinbutton.button:active:nth-child(last):backdrop,
 873.notebook .spinbutton.button:insensitive:nth-child(last):backdrop,
 874.spinbutton.button:nth-child(last):backdrop,
 875.notebook .spinbutton.button:nth-child(last):backdrop {
 876}
 877
 878.spinbutton.button:backdrop,
 879.notebook .spinbutton.button:backdrop {
 880    background-image: -gtk-gradient (linear, left top, left bottom,
 881                                     from (shade (@bg_color, 1.06)),
 882                                     to (shade (@bg_color, 0.94)));
 883    border-top-color: shade (@bg_color, 0.72);
 884    border-right-color: shade (@bg_color, 0.82);
 885    border-bottom-color: shade (@bg_color, 0.88);
 886    border-left-color: shade (@bg_color, 0.82);
 887
 888    -unico-border-gradient: none;
 889}
 890
 891.spinbutton:backdrop,
 892.spinbutton:hover:backdrop {
 893}
 894
 895/***********
 896 * spinner *
 897 ***********/
 898.menu.spinner:backdrop,
 899.primary-toolbar .spinner:backdrop,
 900.primary-toolbar .spinner:backdrop {
 901    color: @backdrop_selected_bg_color;
 902}
 903
 904/*************
 905 * statusbar *
 906 *************/
 907GtkStatusbar:backdrop {
 908}
 909
 910/**********
 911 * switch *
 912 **********/
 913GtkSwitch:backdrop {
 914    border-radius: 4px;
 915    padding: 0;
 916
 917    -unico-focus-border-radius: 4;
 918    -unico-focus-border-color: alpha (@backdrop_selected_bg_color, 0.3);
 919    -unico-focus-fill-color: @transparent;
 920}
 921
 922GtkSwitch.trough:backdrop {
 923    background-image: -gtk-gradient (linear, left top, left bottom,
 924                                     from (shade (@bg_color, 0.89)),
 925                                     to (shade (@bg_color, 0.96)));
 926
 927    color: mix (@fg_color, @bg_color, 0.17);
 928    text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.3);
 929
 930    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 931                                           from (shade (@bg_color, 0.75)),
 932                                           to (shade (@bg_color, 0.78)));
 933    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 934                                                 from (shade (@bg_color, 0.85)),
 935                                                 to (shade (@bg_color, 0.92)));
 936}
 937
 938GtkSwitch.trough:active:backdrop {
 939    background-image: -gtk-gradient (linear, left top, left bottom,
 940                                     from (shade (@backdrop_selected_bg_color, 0.93)),
 941                                     to (shade (@backdrop_selected_bg_color, 0.99)));
 942
 943    color: @backdrop_selected_fg_color;
 944    text-shadow: 0 1px alpha (shade (@backdrop_selected_bg_color, 1.25), 0.4);
 945
 946    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 947                                           from (shade (@backdrop_selected_bg_color, 0.75)),
 948                                           to (shade (@backdrop_selected_bg_color, 0.78)));
 949    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 950                                                 from (shade (@backdrop_selected_bg_color, 0.86)),
 951                                                 to (shade (@backdrop_selected_bg_color, 0.94)));
 952}
 953
 954GtkSwitch.trough:insensitive:backdrop {
 955    background-image: -gtk-gradient (linear, left top, left bottom,
 956                                     from (shade (@bg_color, 0.95)),
 957                                     to (shade (@bg_color, 0.99)));
 958
 959    color: mix (shade (@bg_color, 0.6), @bg_color, 0.17);
 960    text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5);
 961
 962    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 963                                           from (shade (@bg_color, 0.8)),
 964                                           to (shade (@bg_color, 0.84)));
 965    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 966                                                 from (shade (@bg_color, 0.91)),
 967                                                 to (shade (@bg_color, 0.965)));
 968}
 969
 970GtkSwitch.slider:backdrop {
 971    background-image: -gtk-gradient (linear, left top, left bottom,
 972                                     from (shade (@bg_color, 1.06)),
 973                                     to (shade (@bg_color, 0.94)));
 974
 975    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 976                                           from (shade (@bg_color, 0.75)),
 977                                           to (shade (@bg_color, 0.78)));
 978    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 979                                                 from (shade (@bg_color, 1.08)),
 980                                                 to (shade (@bg_color, 0.96)));
 981}
 982
 983GtkSwitch.slider:insensitive:backdrop {
 984    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 985                                           from (shade (@bg_color, 0.8)),
 986                                           to (shade (@bg_color, 0.84)));
 987}
 988
 989/************
 990 * textview *
 991 ************/
 992GtkTextView:backdrop {
 993    background-color: mix (@base_color, @bg_color, 0.4);
 994}
 995
 996/***********
 997 * toolbar *
 998 ***********/
 999.toolbar:backdrop {
1000    border-style: none;
1001}
1002
1003/* primary-toolbar */
1004.primary-toolbar:backdrop,
1005.primary-toolbar .toolbar:backdrop,
1006.primary-toolbar.toolbar:backdrop {
1007    background-color: @dark_bg_color;
1008    background-image: none;
1009    border-bottom-color: shade (@dark_bg_color, 0.94);
1010    border-style: solid;
1011    border-width: 0 0 1px 0;
1012    padding: 2px;
1013
1014    color: shade (#a39e9a, 0.86); /* metacity unfocused color */
1015    text-shadow: 0 1px shade (@dark_bg_color, 1.06);
1016
1017    -unico-border-gradient: none;
1018    -unico-inner-stroke-gradient: none;
1019    -unico-inner-stroke-width: 0;
1020}
1021
1022.primary-toolbar :insensitive:backdrop {
1023    text-shadow: 0 -1px shade (@dark_bg_color, 0.82);
1024}
1025
1026.primary-toolbar GtkComboBox:backdrop,
1027.primary-toolbar .button *:backdrop,
1028.primary-toolbar .button:backdrop {
1029    background-color: @transparent;
1030    background-image: none;
1031    border-color: @transparent;
1032    border-radius: 3px;
1033    border-width: 1px;
1034    padding: 2px;
1035
1036    color: shade (#a39e9a, 0.86); /* metacity unfocused color */
1037    text-shadow: 0 1px shade (@dark_bg_color, 1.06);
1038
1039    /* This breaks Gtk+ 3.5.x, lp #1015497. */
1040    /* transition: 0ms ease-in-out; */
1041
1042    -unico-focus-border-radius: 4;
1043    -unico-focus-border-color: alpha (@backdrop_selected_bg_color, 0.5);
1044    -unico-focus-fill-color: alpha (@backdrop_selected_bg_color, 0.2);
1045    -unico-focus-outer-stroke-color: @transparent;
1046
1047    -unico-border-gradient: none;
1048    -unico-glow-radius: 0;
1049    -unico-inner-stroke-width: 0;
1050    -unico-outer-stroke-width: 0;
1051}
1052
1053.primary-toolbar .button *:hover:backdrop {
1054    color: shade (shade (#a39e9a, 0.86), 1.1);
1055}
1056
1057.primary-toolbar .raised .button:backdrop,
1058.primary-toolbar .raised.button:backdrop,
1059.primary-toolbar .button:hover:backdrop,
1060.primary-toolbar .button:active:backdrop,
1061.primary-toolbar .button:insensitive:backdrop {
1062    border-width: 1px;
1063
1064    /* This breaks Gtk+ 3.5.x, lp #1015497. */
1065    /* transition: 0ms ease-in-out; */
1066
1067    -unico-focus-border-radius: 0;
1068    -unico-focus-fill-color: @transparent;
1069    -unico-focus-border-color: @transparent;
1070    -unico-focus-outer-stroke-color: @transparent;
1071
1072    -unico-inner-stroke-width: 1px;
1073    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1074                                                 from (shade (@dark_bg_color, 1.01)),
1075                                                 to (shade (@dark_bg_color, 1.06)));
1076    -unico-outer-stroke-width: 1px;
1077}
1078
1079.primary-toolbar GtkComboBox.combobox-entry .button:backdrop {
1080    -unico-inner-stroke-width: 1px;
1081    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1082                                                 from (shade (@dark_bg_color, 1.01)),
1083                                                 to (shade (@dark_bg_color, 1.06)));
1084}
1085
1086.primary-toolbar GtkComboBox.combobox-entry .button:backdrop,
1087.primary-toolbar .raised .button:backdrop,
1088.primary-toolbar .raised.button:backdrop,
1089.primary-toolbar .button:hover:backdrop {
1090    background-image: -gtk-gradient (linear, left top, left bottom,
1091                                     from (shade (@dark_bg_color, 1.06)),
1092                                     to (shade (@dark_bg_color, 0.98)));
1093
1094    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1095                                           from (shade (@dark_bg_color, 0.9)),
1096                                           to (shade (@dark_bg_color, 0.87)));
1097    -unico-glow-radius: 0;
1098    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1099                                                 from (shade (@dark_bg_color, 1.12)),
1100                                                 to (shade (@dark_bg_color, 1.02)));
1101}
1102
1103.primary-toolbar .button:active:backdrop {
1104    background-image: -gtk-gradient (linear, left top, left bottom,
1105                                     from (shade (@dark_bg_color, 0.9)),
1106                                     to (shade (@dark_bg_color, 0.95)));
1107
1108    text-shadow: 0 1px shade (@dark_bg_color, 0.95);
1109
1110    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1111                                           from (shade (@dark_bg_color, 0.75)),
1112                                           to (shade (@dark_bg_color, 0.85)));
1113    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1114                                                 from (shade (@dark_bg_color, 0.88)),
1115                                                 to (shade (@dark_bg_color, 0.93)))
1116}
1117
1118.primary-toolbar .button:active:hover:backdrop {
1119    background-image: -gtk-gradient (linear, left top, left bottom,
1120                                     from (shade (@dark_bg_color, 0.95)),
1121                                     to (shade (@dark_bg_color, 1.0)));
1122
1123    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1124                                           from (shade (@dark_bg_color, 0.75)),
1125                                           to (shade (@dark_bg_color, 0.85)));
1126    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1127                                                 from (shade (@dark_bg_color, 0.93)),
1128                                                 to (shade (@dark_bg_color, 0.94)))
1129}
1130
1131.primary-toolbar .button:active:insensitive:backdrop,
1132.primary-toolbar .button:insensitive:backdrop {
1133    text-shadow: none;
1134
1135    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1136                                           from (shade (@dark_bg_color, 0.85)),
1137                                           to (shade (@dark_bg_color, 0.95)));
1138    -unico-glow-radius: 0;
1139    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1140                                                 from (shade (@dark_bg_color, 1.01)),
1141                                                 to (shade (@dark_bg_color, 1.06)));
1142}
1143
1144.primary-toolbar .button:insensitive:backdrop {
1145    background-image: -gtk-gradient (linear, left top, left bottom,
1146                                     from (shade (@dark_bg_color, 1.01)),
1147                                     to (shade (@dark_bg_color, 0.99)));
1148
1149    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1150                                                 from (shade (@dark_bg_color, 1.1)),
1151                                                 to (shade (@dark_bg_color, 1.04)));
1152}
1153
1154.primary-toolbar .button:active:insensitive:backdrop {
1155    background-image: -gtk-gradient (linear, left top, left bottom,
1156                                     from (shade (@dark_bg_color, 0.94)),
1157                                     to (shade (@dark_bg_color, 1.02)));
1158
1159    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1160                                                 from (shade (@dark_bg_color, 0.92)),
1161                                                 to (shade (@dark_bg_color, 1.0)));
1162}
1163
1164.primary-toolbar .entry:backdrop,
1165.primary-toolbar .entry:active:backdrop,
1166.primary-toolbar .entry:focused:backdrop {
1167    border-radius: 3px;
1168
1169    color: @text_color;
1170
1171    -unico-outer-stroke-width: 1px;
1172    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1173                                                 from (shade (@dark_bg_color, 1.01)),
1174                                                 to (shade (@dark_bg_color, 1.06)));
1175}
1176
1177.primary-toolbar .entry:backdrop {
1178    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1179                                           from (shade (@dark_bg_color, 0.75)),
1180                                           to (shade (@dark_bg_color, 0.95)));
1181    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1182                                                 from (alpha (shade (@bg_color, 0.05), 0.02)),
1183                                                 to (alpha (shade (@bg_color, 0.05), 0.01)));
1184}
1185
1186.primary-toolbar .entry:insensitive:backdrop {
1187    -unico-outer-stroke-width: 1px;
1188    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1189                                                 from (shade (@dark_bg_color, 1.01)),
1190                                                 to (shade (@dark_bg_color, 1.06)));
1191}
1192
1193.primary-toolbar .entry:focused:backdrop {
1194    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1195                                           from (shade (@backdrop_selected_bg_color, 0.75)),
1196                                           to (shade (@backdrop_selected_bg_color, 0.8)));
1197    -unico-inner-stroke-color: alpha (@backdrop_selected_bg_color, 0.2);
1198    -unico-inner-stroke-gradient: none;
1199}
1200
1201.primary-toolbar GtkSeparatorToolItem:backdrop,
1202.primary-toolbar .separator:backdrop,
1203.primary-toolbar .separator:insensitive:backdrop {
1204    border-color: shade (@dark_bg_color, 0.94);
1205    border-style: solid;
1206
1207    -unico-border-gradient: none;
1208    -unico-inner-stroke-color: shade (@dark_bg_color, 1.04);
1209    -unico-inner-stroke-gradient: none;
1210}
1211
1212/* inline-toolbar */
1213.inline-toolbar.toolbar:backdrop {
1214    -GtkToolbar-button-relief: normal;
1215
1216    background-image: -gtk-gradient (linear, left top, left bottom,
1217                                     from (shade (#f2f1ef, 0.96)),
1218                                     color-stop (0.08, #f2f1ef),
1219                                     to (#ffffff));
1220    border-radius: 0;
1221    border-style: solid;
1222    border-width: 1px;
1223    padding: 3px 4px 4px 4px;
1224}
1225
1226.inline-toolbar.toolbar:nth-child(last):backdrop {
1227    border-bottom-color: shade (@bg_color, 0.76);
1228    border-color: shade (@bg_color, 0.8);
1229    border-radius: 0 0 3px 3px;
1230    border-width: 0 1px 1px 1px;
1231}
1232
1233.inline-toolbar.toolbar .button:backdrop {
1234    background-image: -gtk-gradient (linear, left top, left bottom,
1235                                     from (shade (@bg_color, 1.06)),
1236                                     to (shade (@bg_color, 0.94)));
1237    border-radius: 0;
1238    border-style: solid;
1239    border-width: 1px 0 1px 1px;
1240    padding: 1px;
1241
1242    icon-shadow: 0 1px shade (@bg_color, 1.16);
1243
1244    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1245                                                 from (shade (@bg_color, 1.09)),
1246                                                 to (shade (@bg_color, 0.97)));
1247    -unico-outer-stroke-width: 1px 0 1px 0;
1248    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1249                                                 from (alpha (shade (@bg_color, 0.05), 0.01)),
1250                                                 to (alpha (shade (@bg_color, 0.05), 0.03)));
1251}
1252
1253.inline-toolbar.toolbar .button *:active:backdrop,
1254.inline-toolbar.toolbar .button *:insensitive:backdrop,
1255.inline-toolbar.toolbar GtkToolButton .button:active:backdrop,
1256.inline-toolbar.toolbar GtkToolButton .button:insensitive:backdrop {
1257    -unico-outer-stroke-width: 1px 0 1px 0;
1258    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1259                                                 from (alpha (shade (@bg_color, 0.05), 0.008)),
1260                                                 to (alpha (shade (@bg_color, 0.05), 0.01)));
1261}
1262
1263.inline-toolbar.toolbar .button *:insensitive:backdrop,
1264.inline-toolbar.toolbar GtkToolButton .button:insensitive:backdrop {
1265    background-image: -gtk-gradi

Large files files are truncated, but you can click here to view the full file