Changeset View
Changeset View
Standalone View
Standalone View
src/gtk3/widgets/_color_chooser.scss
1 | @charset "UTF-8"; | 1 | @charset "UTF-8"; | ||
---|---|---|---|---|---|
2 | 2 | | |||
3 | /***************** | 3 | /***************** | ||
4 | * Color Chooser * | 4 | * Color Chooser * | ||
5 | *****************/ | 5 | *****************/ | ||
6 | // FIXME button.color in buttons section | 6 | // FIXME button.color in buttons section | ||
7 | colorswatch { | 7 | colorswatch { | ||
8 | // take care of colorswatches on selected elements | 8 | // take care of colorswatches on selected elements | ||
9 | :selected & { | 9 | :selected & { | ||
10 | box-shadow: none; | 10 | box-shadow: none; | ||
11 | &.overlay, &.overlay:hover { | 11 | &.overlay, &.overlay:hover { | ||
12 | border-color: s_color(text); | 12 | border-color: gtk("@theme_selected_fg_color"); | ||
13 | } | 13 | } | ||
14 | } | 14 | } | ||
15 | 15 | | |||
16 | &:selected { box-shadow: none; } | 16 | &:selected { box-shadow: none; } | ||
17 | 17 | | |||
18 | &.top, | 18 | &.top, | ||
19 | &.bottom, | 19 | &.bottom, | ||
20 | &.left, &:first-child:not(.overlay):not(.top), | 20 | &.left, &:first-child:not(.overlay):not(.top), | ||
▲ Show 20 Lines • Show All 44 Lines • ▼ Show 20 Line(s) | 64 | &.color-light { | |||
65 | color: black; | 65 | color: black; | ||
66 | outline-color: transparentize(white, 0.5); | 66 | outline-color: transparentize(white, 0.5); | ||
67 | &:backdrop { color: transparentize(black, 0.7); } | 67 | &:backdrop { color: transparentize(black, 0.7); } | ||
68 | } | 68 | } | ||
69 | 69 | | |||
70 | // border color | 70 | // border color | ||
71 | overlay, | 71 | overlay, | ||
72 | overlay:selected { | 72 | overlay:selected { | ||
73 | border: 1px solid $border_color; | 73 | border: 1px solid gtk("@borders"); | ||
74 | &:hover { border-color: b_color(hover); } | 74 | &:hover { | ||
75 | border-color: gtk("@theme_button_decoration_hover"); | ||||
76 | } | ||||
75 | } | 77 | } | ||
76 | 78 | | |||
77 | // make the add color button looks like, well, a button | 79 | // make the add color button looks like, well, a button | ||
78 | &#add-color-button { | 80 | &#add-color-button { | ||
79 | border-style: solid; // the borders are drawn by the overlay for standard colorswatches to have them semi | 81 | border-style: solid; // the borders are drawn by the overlay for standard colorswatches to have them semi | ||
80 | border-width: 1px; // translucent on the colored background, here it's not necessary so they need to be set | 82 | border-width: 1px; // translucent on the colored background, here it's not necessary so they need to be set | ||
81 | @include button(normal); | 83 | @include button(normal); | ||
82 | &:hover { @include button(hover); } | 84 | &:hover { @include button(hover); } | ||
Show All 16 Lines |