115 lines
2.2 KiB
CSS
115 lines
2.2 KiB
CSS
|
/*****************
|
||
|
|
* color chooser *
|
||
|
|
*****************/
|
||
|
|
GtkColorSwatch,
|
||
|
|
GtkColorSwatch:selected {
|
||
|
|
border-width: 4px;
|
||
|
|
border-style: solid;
|
||
|
|
border-radius: 0;
|
||
|
|
border-color: @bg_color;
|
||
|
|
background-color: transparent;
|
||
|
|
transition: all 200ms ease-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
GtkColorSwatch:hover,
|
||
|
|
GtkColorSwatch:selected:hover {
|
||
|
|
border-width: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
border-color: @bg_color;
|
||
|
|
transition: all 200ms ease-in;
|
||
|
|
}
|
||
|
|
|
||
|
|
GtkColorSwatch.color-dark:hover {
|
||
|
|
}
|
||
|
|
|
||
|
|
GtkColorSwatch.color-light:hover {
|
||
|
|
}
|
||
|
|
|
||
|
|
GtkColorSwatch.color-light:selected:hover,
|
||
|
|
GtkColorSwatch.color-dark:selected:hover {
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
GtkColorSwatch.left,
|
||
|
|
GtkColorSwatch:first-child {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
GtkColorSwatch.right,
|
||
|
|
GtkColorSwatch:last-child {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
GtkColorSwatch:only-child {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
GtkColorSwatch.top {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
GtkColorSwatch.bottom {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
GtkColorChooserWidget #add-color-button {
|
||
|
|
transition: all 100ms ease-out;
|
||
|
|
border-color: @entry_border_color;
|
||
|
|
border-width: 1px;
|
||
|
|
border-style: none;
|
||
|
|
border-radius: 0;
|
||
|
|
background-color: @base_color;
|
||
|
|
color: mix(@text_color, @base_color, 0.4);
|
||
|
|
}
|
||
|
|
|
||
|
|
GtkColorChooserWidget #add-color-button:hover {
|
||
|
|
transition: all 100ms ease-in;
|
||
|
|
border-color: @selected_bg_color;
|
||
|
|
border-width: 1px;
|
||
|
|
border-style: none;
|
||
|
|
border-radius: 0;
|
||
|
|
background-color: @base_color;
|
||
|
|
color: @fg_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
.color-active-badge,
|
||
|
|
.color-active-badge:selected {
|
||
|
|
border-width: 1px;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 0;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.color-active-badge.color-light,
|
||
|
|
.color-active-badge.color-light:hover {
|
||
|
|
border-color: alpha(black, 0.3);
|
||
|
|
color: alpha(black, 0.3);
|
||
|
|
}
|
||
|
|
|
||
|
|
.color-active-badge.color-dark,
|
||
|
|
.color-active-badge.color-dark:hover {
|
||
|
|
border-color: alpha(white, 0.3);
|
||
|
|
color: alpha(white, 0.3);
|
||
|
|
}
|
||
|
|
|
||
|
|
GtkColorEditor GtkColorSwatch {
|
||
|
|
border-width: 4px;
|
||
|
|
border-style: solid;
|
||
|
|
border-radius: 0;
|
||
|
|
border-color: @bg_color;
|
||
|
|
background-color: transparent;
|
||
|
|
transition: all 200ms ease-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
GtkColorEditor GtkColorSwatch.color-dark:hover,
|
||
|
|
GtkColorEditor GtkColorSwatch.color-light:hover {
|
||
|
|
border-width: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
border-color: @bg_color;
|
||
|
|
transition: all 200ms ease-in;
|
||
|
|
}
|
||
|
|
|
||
|
|
GtkColorButton.button {
|
||
|
|
padding: 6px;
|
||
|
|
}
|