← Back to branch summary

~ci-train-bot/ubuntu-themes/ubuntu-themes-ubuntu-artful-3002

« back to all changes in this revision

Viewing changes to Radiance/gtk-3.20/gtk-widgets.css

  • Committer: Bileto Bot
  • Author(s): Marco Trevisan (Treviño)
  • Date: 2017-10-12 05:18:40 UTC
  • mfrom: (579.2.6 ubuntu-themes)
  • Revision ID: ci-train-bot@canonical.com-20171012051840-zdpij29occyl52fh
Ambiance, Radiance: fix gradients for suggested-action hover, active and backdrop states

As bonus, update the colors used using definitions that match the ubuntu palette

Show diffs side-by-side

added added

removed removed

Lines of Context:
Radiance/gtk-3.20/gtk-widgets.css
1461
1461
}
1462
1462
 
1463
1463
levelbar block.filled.high {
1464
 
    border-color: shade(@success_color, 0.85);
 
1464
    border-color: shade(@suggested_action_bg, 0.85);
1465
1465
    background-image: linear-gradient(to bottom,
1466
 
                                      shade(@success_color, 1.2),
1467
 
                                      @success_color 75%,
1468
 
                                      shade(@success_color, 0.95)
 
1466
                                      shade(@suggested_action_bg, 1.2),
 
1467
                                      @suggested_action_bg 75%,
 
1468
                                      shade(@suggested_action_bg, 0.95)
1469
1469
                                      );
1470
1470
}
1471
1471
 
2555
2555
                                     url("assets/radiance-button-toolbar@2.png"));
2556
2556
}
2557
2557
 
 
2558
/* Suggested action */
 
2559
headerbar button.suggested-action:not(:disabled) * {
 
2560
   color: white;
 
2561
   text-shadow: 0 -1px shade (@fg_color, 1.2);
 
2562
}
 
2563
 
 
2564
headerbar button.suggested-action:not(:disabled) {
 
2565
    background-image: -gtk-gradient (linear, left top, left bottom,
 
2566
                                     from (shade (@suggested_action_bg, 1.10)),
 
2567
                                     to (shade (@suggested_action_bg, 0.90)));
 
2568
    border-radius: 12px;
 
2569
}
 
2570
 
 
2571
headerbar button.suggested-action:hover {
 
2572
    background-image: -gtk-gradient (linear, left top, left bottom,
 
2573
                                     from (shade (@suggested_action_bg, 0.98)),
 
2574
                                     to (shade (@suggested_action_bg, 0.79)));
 
2575
}
 
2576
 
 
2577
headerbar button.suggested-action:backdrop:not(:disabled) * {
 
2578
    color: alpha (white, 0.65);
 
2579
}
 
2580
 
 
2581
headerbar button.suggested-action:backdrop:not(:disabled) {
 
2582
    background-image: -gtk-gradient (linear, left top, left bottom,
 
2583
                                     from (alpha (@suggested_action_bg, 0.80)),
 
2584
                                     to (alpha (@suggested_action_bg, 0.80)));
 
2585
}
 
2586
 
 
2587
headerbar button.suggested-action:hover:backdrop {
 
2588
    background-image: -gtk-gradient (linear, left top, left bottom,
 
2589
                                     from (alpha (@suggested_action_bg, 0.70)),
 
2590
                                     to (alpha (@suggested_action_bg, 0.69)));
 
2591
}
 
2592
 
 
2593
headerbar button.suggested-action:hover:backdrop * {
 
2594
    color: alpha (white, 0.67);
 
2595
}
 
2596
 
 
2597
headerbar button.suggested-action:active {
 
2598
    background-image: -gtk-gradient (linear, left top, left bottom,
 
2599
                                     from (shade (@suggested_action_bg, 0.85)),
 
2600
                                     to (shade (@suggested_action_bg, 0.70)));
 
2601
}
 
2602
 
 
2603
headerbar button.suggested-action:disabled * {
 
2604
    color: @fg_color;
 
2605
    text-shadow: none;
 
2606
}
 
2607
 
2558
2608
.primary-toolbar separator,
2559
2609
.primary-toolbar separator,
2560
2610
.primary-toolbar separator:disabled,
2681
2731
    border-radius: 8px;
2682
2732
}
2683
2733
 
2684
 
headerbar button.suggested-action {
2685
 
    background-image: -gtk-gradient (linear, left top, left bottom,
2686
 
                                     from (shade (#3eb34f, 1.08)),
2687
 
                                     color-stop (0.5, #3eb34f),
2688
 
                                     to (shade (#3eb34f, 0.94)));
2689
 
    border-radius: 12px;
2690
 
}
2691
 
 
2692
 
headerbar button.suggested-action label {
2693
 
    color: white;
2694
 
    text-shadow: 0 1px alpha (shade (black, 1.25), 0.4);
2695
 
}
2696
 
 
2697
 
headerbar button.suggested-action:hover {
2698
 
    background-image: -gtk-gradient (linear, left top, left bottom,
2699
 
                                     from (shade (#3eb34f, 1.20)),
2700
 
                                     color-stop (0.5, #3eb34f),
2701
 
                                     to (shade (#3eb34f, 0.85)));
2702
 
}
2703
 
 
2704
 
headerbar button.suggested-action:backdrop:hover {
2705
 
    background-image: -gtk-gradient (linear, left top, left bottom,
2706
 
                                     from (shade (#3eb34f, 1.20)),
2707
 
                                     color-stop (0.5, #3eb34f),
2708
 
                                     to (shade (#3eb34f, 0.85)));
2709
 
}
2710
 
 
2711
 
headerbar button.suggested-action:active {
2712
 
    background-image: -gtk-gradient (linear, left top, left bottom,
2713
 
                                     from (shade (#3eb34f, 1.01)),
2714
 
                                     color-stop (0.5, #3eb34f),
2715
 
                                     to (shade (#3eb34f, 0.98)));
2716
 
}
2717
 
 
2718
 
headerbar button.suggested-action:disabled label {
2719
 
    color: @fg_color;
2720
 
    text-shadow: none;
2721
 
}
2722
 
 
2723
 
 
2724
2734
/***********
2725
2735
 * tooltip *
2726
2736
 ***********/