Changeset View
Changeset View
Standalone View
Standalone View
src/gtk3/widgets/_menus.scss
1 | @charset "UTF-8"; | 1 | @charset "UTF-8"; | ||
---|---|---|---|---|---|
2 | 2 | | |||
3 | @mixin item-highlight { | ||||
4 | @if $new-highlight { | ||||
5 | background-color: gtk("@theme_selected_bg_color"); | ||||
6 | color: gtk("@theme_button_foreground_active"); | ||||
7 | border: 1px solid gtk("@theme_button_decoration_focus"); | ||||
8 | } @else { | ||||
9 | background-color: gtk("@theme_button_decoration_focus"); | ||||
10 | color: gtk("@theme_button_foreground_active") | ||||
11 | } | ||||
12 | border-radius: 3px; | ||||
13 | } | ||||
14 | | ||||
3 | /********* | 15 | /********* | ||
4 | * Menus * | 16 | * Menus * | ||
5 | *********/ | 17 | *********/ | ||
6 | 18 | | |||
7 | | ||||
8 | menubar, | 19 | menubar, | ||
9 | .menubar { | 20 | .menubar { | ||
10 | -GtkWidget-window-dragging: true; | 21 | -GtkWidget-window-dragging: true; | ||
11 | padding: 0px; | 22 | padding: 0px; | ||
12 | box-shadow: none; | 23 | box-shadow: none; | ||
13 | border-style: none; | 24 | border-style: none; | ||
14 | background-color: w_color(normal); | 25 | background-color: gtk("@theme_bg_color"); | ||
26 | | ||||
15 | &:backdrop { | 27 | &:backdrop { | ||
16 | background-color: backdrop(w_color(normal)); | 28 | background-color: gtk("@theme_unfocused_bg_color"); | ||
17 | } | 29 | } | ||
18 | > menuitem { | 30 | | ||
31 | >menuitem { | ||||
19 | min-height: 16px; | 32 | min-height: 16px; | ||
20 | padding: 4px 6px; | 33 | padding: 4px 6px; | ||
21 | &:hover { //Seems like it :hover even with keyboard focus | 34 | border-bottom: 3px solid transparent; | ||
22 | background-color: b_color(active); | 35 | | ||
23 | color: b_color(active-text); | 36 | &:hover { | ||
37 | //Seems like it :hover even with keyboard focus | ||||
38 | background-color: gtkalpha(gtk("@theme_button_decoration_focus"), 0.3); | ||||
39 | color: gtk("@theme_button_foreground_active"); | ||||
40 | border-bottom: 3px solid gtk("@theme_button_decoration_focus"); | ||||
24 | } | 41 | } | ||
42 | | ||||
25 | &:disabled { | 43 | &:disabled { | ||
26 | color: insensitive(w_color(text)); | 44 | color: gtk("@insensitive_fg_color"); | ||
27 | box-shadow: none; | 45 | box-shadow: none; | ||
46 | | ||||
28 | &:backdrop { | 47 | &:backdrop { | ||
29 | background-color: backdrop(w_color(normal)); | 48 | background-color: gtk("@theme_unfocused_bg_color"); | ||
30 | color: backdrop(insensitive(w_color(text))); | 49 | color: gtk("@insensitive_unfocused_fg_color"); | ||
31 | } | 50 | } | ||
32 | } | 51 | } | ||
52 | | ||||
33 | &:backdrop { | 53 | &:backdrop { | ||
34 | background-color: backdrop(w_color(normal)); | 54 | background-color: gtk("@theme_unfocused_bg_color"); | ||
35 | color: backdrop(w_color(text)); | 55 | color: gtk("@theme_unfocused_fg_color"); | ||
36 | } | 56 | } | ||
37 | } | 57 | } | ||
38 | } | 58 | } | ||
Context not available. | |||||
40 | menu, | 60 | menu, | ||
41 | .menu { | 61 | .menu { | ||
42 | padding: 0px; | 62 | padding: 0px; | ||
43 | background-color: $menu_color; | 63 | background-color: gtk("@theme_bg_color"); | ||
44 | border: 0px solid transparent; | 64 | border: 0px solid transparent; | ||
45 | // FIXME workaround for libreoffice gtk3, should be a border | 65 | // FIXME workaround for libreoffice gtk3, should be a border | ||
46 | //border: 1px solid $border_color; // adds borders in a non composited env | 66 | //border: 1px solid $border_color; // adds borders in a non composited env | ||
47 | box-shadow: inset 0px 0px 0px 1px $border_color; | 67 | box-shadow: inset 0px 0px 0px 1px gtk("@borders"); | ||
48 | 68 | | |||
49 | border-radius: $r; | 69 | border-radius: $r; | ||
70 | | ||||
50 | .csd & { | 71 | .csd & { | ||
51 | //background-color: transparent; | 72 | //background-color: transparent; | ||
52 | border: 0px solid; | 73 | border: 0px solid; | ||
53 | border-radius: $r; | 74 | border-radius: $r; | ||
54 | //box-shadow: 0px 0px 0px 1px $border_color, 2px 2px 2px 1px rgba(0, 0, 0, 0.1); | 75 | //box-shadow: 0px 0px 0px 1px $border_color, 2px 2px 2px 1px rgba(0, 0, 0, 0.1); | ||
55 | } // axes borders in a composited env | 76 | } | ||
77 | | ||||
78 | // axes borders in a composited env | ||||
56 | separator { | 79 | separator { | ||
57 | color: $border_color; | 80 | color: gtk("@borders"); | ||
58 | margin-top: 3px; | | |||
59 | margin-bottom: 3px; | | |||
60 | } | 81 | } | ||
82 | | ||||
61 | menuitem { | 83 | menuitem { | ||
62 | text-shadow: none; | 84 | text-shadow: none; | ||
63 | min-height: 16px; | 85 | min-height: 16px; | ||
64 | min-width: 40px; | 86 | min-width: 40px; | ||
65 | padding: 4px 4px; | 87 | padding: 4px 4px; | ||
88 | | ||||
89 | @if $new-highlight{ | ||||
90 | border: 1px solid transparent; | ||||
91 | margin: 4px; | ||||
92 | } | ||||
93 | | ||||
66 | &:hover { | 94 | &:hover { | ||
67 | color: b_color(active-text); | 95 | @include item-highlight(); | ||
68 | background-color: b_color(active); | | |||
69 | } | 96 | } | ||
97 | | ||||
70 | &:disabled { | 98 | &:disabled { | ||
71 | color: insensitive(w_color(text)); | 99 | color: gtk("@insensitive_fg_color"); | ||
72 | &:backdrop { color: backdrop(insensitive(w_color(text))); } | 100 | | ||
101 | &:backdrop { | ||||
102 | color: gtk("@insensitive_unfocused_fg_color"); | ||||
103 | } | ||||
73 | } | 104 | } | ||
74 | &:backdrop, &:backdrop:hover { | 105 | | ||
75 | color: backdrop(w_color(text)); | 106 | &:backdrop, | ||
76 | background-color: backdrop(w_color(normal)); | 107 | &:backdrop:hover { | ||
108 | color: gtk("@theme_unfocused_fg_color"); | ||||
109 | background-color: gtk("@theme_unfocused_bg_color"); | ||||
77 | } | 110 | } | ||
111 | | ||||
78 | // submenu indicators | 112 | // submenu indicators | ||
79 | arrow { | 113 | arrow { | ||
80 | min-height: 16px; | 114 | min-height: 16px; | ||
Context not available. | |||||
86 | } | 120 | } | ||
87 | 121 | | |||
88 | &:dir(rtl) { | 122 | &:dir(rtl) { | ||
89 | -gtk-icon-source:-gtk-icontheme('pan-start-symbolic'); | 123 | -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); | ||
90 | margin-right: 10px; | 124 | margin-right: 10px; | ||
91 | } | 125 | } | ||
92 | } | 126 | } | ||
93 | } | 127 | } | ||
128 | | ||||
94 | // overflow arrows | 129 | // overflow arrows | ||
95 | > arrow { | 130 | >arrow { | ||
96 | @include button(undecorated); | 131 | @include button(undecorated); | ||
97 | 132 | | |||
98 | min-height: 16px; | 133 | min-height: 16px; | ||
Context not available. |