Styled insenstive widgets
parent
1c3c94a332
commit
768fbdc96f
6
TODO
6
TODO
|
@ -5,8 +5,8 @@ GTK 2 theme progress - there isn't one. Not gonna even bother to describe what's
|
||||||
GTK 3 theme:
|
GTK 3 theme:
|
||||||
- [done] The focused element colour should be our red (d64937) and not dark grey
|
- [done] The focused element colour should be our red (d64937) and not dark grey
|
||||||
- [done] Menubar text colour should be our light rey
|
- [done] Menubar text colour should be our light rey
|
||||||
- [needs discussion] Active tab bg colour should be f9f9f9 and inactive our light grey. The active one should not go bigger than the inactive one
|
- [done] Active tab bg colour should be f9f9f9 and inactive our light grey. The active one should not go bigger than the inactive one
|
||||||
- [needs discussion] Joined buttons 0 should look like the one Google uses
|
- [won't fix] Joined buttons 0 should look like the one Google uses
|
||||||
- [needs discussion] JInline toolbar has that huge grey border over it that needs exterminating. The joined buttons in it should look like the ones Google uses
|
- [won't fix] Inline toolbar has that huge grey border over it that needs exterminating. The joined buttons in it should look like the ones Google uses
|
||||||
- [done] Our srollbars are SUPER SEXY (legacy and overlay - both). Or in British - I am quite found of the look of how the scrolling widgets look.
|
- [done] Our srollbars are SUPER SEXY (legacy and overlay - both). Or in British - I am quite found of the look of how the scrolling widgets look.
|
||||||
- <add more here>
|
- <add more here>
|
||||||
|
|
|
@ -151,10 +151,10 @@ GtkScale.slider:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
GtkScale.slider:insensitive {
|
GtkScale.slider:insensitive {
|
||||||
box-shadow: inset 1px 0 shade(@theme_bg_color, 0.9),
|
box-shadow: inset 1px 0 shade(@theme_bg_color, 0.90),
|
||||||
inset 0 1px shade(@theme_bg_color, 0.9),
|
inset 0 1px shade(@theme_bg_color, 0.90),
|
||||||
inset -1px 0 shade(@theme_bg_color, 0.9),
|
inset -1px 0 shade(@theme_bg_color, 0.90),
|
||||||
inset 0 -1px shade(@theme_bg_color, 0.9);
|
inset 0 -1px shade(@theme_bg_color, 0.90);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*************
|
/*************
|
||||||
|
@ -226,15 +226,15 @@ GtkAssistant .sidebar {
|
||||||
}
|
}
|
||||||
|
|
||||||
.button:insensitive {
|
.button:insensitive {
|
||||||
border-color: shade(@theme_bg_color, 0.9);
|
border-color: shade(@theme_bg_color, 0.85);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @theme_bg_color;
|
background-color: shade(@theme_bg_color, 0.90);
|
||||||
}
|
}
|
||||||
|
|
||||||
.button:active:insensitive {
|
.button:active:insensitive {
|
||||||
border-color: shade(@theme_bg_color, 0.8);
|
border-color: shade(@theme_bg_color, 0.75);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @theme_bg_color;
|
background-color: shade(@theme_bg_color, 0.80);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* default button */
|
/* default button */
|
||||||
|
@ -388,7 +388,7 @@ row:selected,
|
||||||
row:selected:focus {
|
row:selected:focus {
|
||||||
border-width: 1px 0;
|
border-width: 1px 0;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: shade(@theme_selected_bg_color, 0.9);
|
border-color: shade(@theme_selected_bg_color, 0.90);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @theme_selected_bg_color;
|
background-color: @theme_selected_bg_color;
|
||||||
color: @theme_selected_fg_color;
|
color: @theme_selected_fg_color;
|
||||||
|
@ -424,12 +424,12 @@ column-header .button:active {
|
||||||
column-header .button {
|
column-header .button {
|
||||||
border-color: shade(@theme_bg_color, 0.8);
|
border-color: shade(@theme_bg_color, 0.8);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @theme_bg_color;
|
background-color: shade(@theme_bg_color, 1.08);
|
||||||
}
|
}
|
||||||
|
|
||||||
column-header .button:hover {
|
column-header .button:hover {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: shade(@theme_bg_color, 1.08);
|
background-color: shade(@theme_bg_color, 1.10);
|
||||||
}
|
}
|
||||||
|
|
||||||
column-header:last-child .button {
|
column-header:last-child .button {
|
||||||
|
@ -589,7 +589,7 @@ GtkIconView.view.cell:selected,
|
||||||
GtkIconView.view.cell:selected:focus {
|
GtkIconView.view.cell:selected:focus {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: shade(@theme_selected_bg_color, 0.9);
|
border-color: shade(@theme_selected_bg_color, 0.90);
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @theme_selected_bg_color;
|
background-color: @theme_selected_bg_color;
|
||||||
|
@ -600,7 +600,7 @@ GtkIconView.view.cell:selected:focus {
|
||||||
.rubberband {
|
.rubberband {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: shade(@theme_selected_bg_color, 0.9);
|
border-color: shade(@theme_selected_bg_color, 0.90);
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
background-color: alpha(@theme_selected_bg_color, 0.3);
|
background-color: alpha(@theme_selected_bg_color, 0.3);
|
||||||
}
|
}
|
||||||
|
@ -634,7 +634,7 @@ GtkInfoBar {
|
||||||
.info {
|
.info {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: shade(@info_bg_color, 0.9);
|
border-color: shade(@info_bg_color, 0.90);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @info_bg_color;
|
background-color: @info_bg_color;
|
||||||
color: @info_fg_color;
|
color: @info_fg_color;
|
||||||
|
@ -643,7 +643,7 @@ GtkInfoBar {
|
||||||
.warning {
|
.warning {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: shade(@warning_bg_color, 0.9);
|
border-color: shade(@warning_bg_color, 0.90);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @warning_bg_color;
|
background-color: @warning_bg_color;
|
||||||
color: @warning_fg_color;
|
color: @warning_fg_color;
|
||||||
|
@ -652,7 +652,7 @@ GtkInfoBar {
|
||||||
.question {
|
.question {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: shade(@question_bg_color, 0.9);
|
border-color: shade(@question_bg_color, 0.90);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @question_bg_color;
|
background-color: @question_bg_color;
|
||||||
color: @question_fg_color;
|
color: @question_fg_color;
|
||||||
|
@ -661,7 +661,7 @@ GtkInfoBar {
|
||||||
.error {
|
.error {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: shade(@error_bg_color, 0.9);
|
border-color: shade(@error_bg_color, 0.90);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @error_bg_color;
|
background-color: @error_bg_color;
|
||||||
color: @error_fg_color;
|
color: @error_fg_color;
|
||||||
|
@ -681,7 +681,7 @@ GtkInfoBar {
|
||||||
}
|
}
|
||||||
|
|
||||||
.gtkstyle-fallback:active {
|
.gtkstyle-fallback:active {
|
||||||
background-color: shade(@theme_bg_color, 0.9);
|
background-color: shade(@theme_bg_color, 0.90);
|
||||||
color: @theme_fg_color;
|
color: @theme_fg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -776,7 +776,7 @@ GtkInfoBar {
|
||||||
.dnd {
|
.dnd {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: shade(@theme_selected_bg_color, 0.9);
|
border-color: shade(@theme_selected_bg_color, 0.90);
|
||||||
}
|
}
|
||||||
|
|
||||||
.grip {
|
.grip {
|
||||||
|
@ -867,7 +867,7 @@ GtkTreeMenu .menuitem * {
|
||||||
|
|
||||||
.menu .menuitem:active,
|
.menu .menuitem:active,
|
||||||
.menu .menuitem:hover {
|
.menu .menuitem:hover {
|
||||||
border-color: shade(@theme_selected_bg_color, 0.9);
|
border-color: shade(@theme_selected_bg_color, 0.90);
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @theme_selected_bg_color;
|
background-color: @theme_selected_bg_color;
|
||||||
|
@ -941,7 +941,7 @@ GtkTreeMenu .menuitem * {
|
||||||
|
|
||||||
.notebook tab {
|
.notebook tab {
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
border-color: shade(@theme_bg_color, 0.9);
|
border-color: shade(@theme_bg_color, 0.90);
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: shade(@theme_bg_color, 0.95);
|
background-color: shade(@theme_bg_color, 0.95);
|
||||||
|
@ -1018,7 +1018,7 @@ GtkProgressBar {
|
||||||
.progressbar row:selected:focus {
|
.progressbar row:selected:focus {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: shade(@theme_selected_bg_color, 0.9);
|
border-color: shade(@theme_selected_bg_color, 0.90);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @theme_selected_bg_color;
|
background-color: @theme_selected_bg_color;
|
||||||
}
|
}
|
||||||
|
@ -1064,7 +1064,7 @@ GtkLevelBar.vertical {
|
||||||
.level-bar.fill-block {
|
.level-bar.fill-block {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: shade(@theme_selected_bg_color, 0.9);
|
border-color: shade(@theme_selected_bg_color, 0.90);
|
||||||
background-color: @theme_selected_bg_color;
|
background-color: @theme_selected_bg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1145,7 +1145,7 @@ GtkScale.slider {
|
||||||
|
|
||||||
GtkScale.slider:insensitive {
|
GtkScale.slider:insensitive {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @theme_bg_color;
|
background-color: shade(@theme_bg_color, 0.90);
|
||||||
}
|
}
|
||||||
|
|
||||||
GtkScale.slider.vertical {
|
GtkScale.slider.vertical {
|
||||||
|
@ -1155,7 +1155,7 @@ GtkScale.slider.vertical {
|
||||||
|
|
||||||
GtkScale.slider.vertical:insensitive {
|
GtkScale.slider.vertical:insensitive {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @theme_bg_color;
|
background-color: shade(@theme_bg_color, 0.90);
|
||||||
}
|
}
|
||||||
|
|
||||||
GtkScale.mark {
|
GtkScale.mark {
|
||||||
|
@ -1193,16 +1193,16 @@ GtkScale.trough.vertical {
|
||||||
|
|
||||||
GtkScale.trough:insensitive,
|
GtkScale.trough:insensitive,
|
||||||
.scale.highlight.left:insensitive {
|
.scale.highlight.left:insensitive {
|
||||||
border-color: shade(@theme_bg_color, 0.9);
|
border-color: shade(@theme_bg_color, 0.90);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @theme_bg_color;
|
background-color: shade(@theme_bg_color, 0.90);
|
||||||
}
|
}
|
||||||
|
|
||||||
GtkScale.trough.vertical:insensitive,
|
GtkScale.trough.vertical:insensitive,
|
||||||
.scale.highlight.bottom:insensitive {
|
.scale.highlight.bottom:insensitive {
|
||||||
border-color: shade(@theme_bg_color, 0.9);
|
border-color: shade(@theme_bg_color, 0.90);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @theme_bg_color;
|
background-color: shade(@theme_bg_color, 0.90);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*************
|
/*************
|
||||||
|
@ -1236,7 +1236,7 @@ GtkScale.trough.vertical:insensitive,
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-color: shade(@theme_bg_color, 0.8);
|
border-color: shade(@theme_bg_color, 0.8);
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
background-color: shade(@theme_bg_color, 0.9);
|
background-color: shade(@theme_bg_color, 0.90);
|
||||||
}
|
}
|
||||||
|
|
||||||
.scrollbar.slider:hover,
|
.scrollbar.slider:hover,
|
||||||
|
@ -1247,7 +1247,7 @@ GtkScale.trough.vertical:insensitive,
|
||||||
|
|
||||||
.scrollbar.slider:active,
|
.scrollbar.slider:active,
|
||||||
.scrollbar.slider.vertical:active {
|
.scrollbar.slider.vertical:active {
|
||||||
border-color: shade(@theme_selected_bg_color, 0.9);
|
border-color: shade(@theme_selected_bg_color, 0.90);
|
||||||
background-color: @theme_selected_bg_color;
|
background-color: @theme_selected_bg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1268,7 +1268,7 @@ OsScrollbar:active {
|
||||||
|
|
||||||
OsThumb:insensitive,
|
OsThumb:insensitive,
|
||||||
OsScrollbar:insensitive {
|
OsScrollbar:insensitive {
|
||||||
background-color: shade(@theme_bg_color, 0.9);
|
background-color: shade(@theme_bg_color, 0.90);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*******************
|
/*******************
|
||||||
|
@ -1293,26 +1293,26 @@ GtkScrolledWindow GtkViewport.frame {
|
||||||
.view.separator,
|
.view.separator,
|
||||||
.separator {
|
.separator {
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: shade(@theme_bg_color, 0.9);
|
border-color: shade(@theme_bg_color, 0.90);
|
||||||
color: shade(@theme_bg_color, 0.9);
|
color: shade(@theme_bg_color, 0.90);
|
||||||
}
|
}
|
||||||
|
|
||||||
.button .separator,
|
.button .separator,
|
||||||
.button.separator {
|
.button.separator {
|
||||||
border-color: shade(@theme_bg_color, 0.9);
|
border-color: shade(@theme_bg_color, 0.90);
|
||||||
}
|
}
|
||||||
|
|
||||||
.button .separator:insensitive,
|
.button .separator:insensitive,
|
||||||
.button.separator:insensitive {
|
.button.separator:insensitive {
|
||||||
border-color: @theme_bg_color;
|
border-color: shade(@theme_bg_color, 0.85);
|
||||||
}
|
}
|
||||||
|
|
||||||
.menuitem.separator {
|
.menuitem.separator {
|
||||||
-GtkMenuItem-horizontal-padding: 0;
|
-GtkMenuItem-horizontal-padding: 0;
|
||||||
-GtkWidget-separator-height: 1;
|
-GtkWidget-separator-height: 1;
|
||||||
|
|
||||||
border-color: shade(@menu_bg_color, 0.9);
|
border-color: shade(@menu_bg_color, 0.90);
|
||||||
color: shade(@menu_bg_color, 0.9);
|
color: shade(@menu_bg_color, 0.90);
|
||||||
}
|
}
|
||||||
|
|
||||||
GtkComboBox .separator {
|
GtkComboBox .separator {
|
||||||
|
@ -1344,7 +1344,7 @@ GtkComboBox .separator {
|
||||||
}
|
}
|
||||||
|
|
||||||
.spinbutton.button:insensitive {
|
.spinbutton.button:insensitive {
|
||||||
border-color: shade(@theme_bg_color, 0.9);
|
border-color: shade(@theme_bg_color, 0.90);
|
||||||
color: mix(@theme_fg_color, @theme_bg_color, 0.5);
|
color: mix(@theme_fg_color, @theme_bg_color, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1545,9 +1545,9 @@ GtkSwitch.slider {
|
||||||
}
|
}
|
||||||
|
|
||||||
GtkSwitch.slider:insensitive {
|
GtkSwitch.slider:insensitive {
|
||||||
border-color: shade(@theme_bg_color, 0.9);
|
border-color: shade(@theme_bg_color, 0.85);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @theme_bg_color;
|
background-color: shade(@theme_bg_color, 0.90);
|
||||||
}
|
}
|
||||||
|
|
||||||
GtkSwitch.trough {
|
GtkSwitch.trough {
|
||||||
|
@ -1558,16 +1558,16 @@ GtkSwitch.trough {
|
||||||
}
|
}
|
||||||
|
|
||||||
GtkSwitch.trough:active {
|
GtkSwitch.trough:active {
|
||||||
border-color: shade(@theme_selected_bg_color, 0.9);
|
border-color: shade(@theme_selected_bg_color, 0.90);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @theme_selected_bg_color;
|
background-color: @theme_selected_bg_color;
|
||||||
color: @theme_selected_fg_color;
|
color: @theme_selected_fg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
GtkSwitch.trough:insensitive {
|
GtkSwitch.trough:insensitive {
|
||||||
border-color: shade(@theme_bg_color, 0.9);
|
border-color: shade(@theme_bg_color, 0.85);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @theme_bg_color;
|
background-color: shade(@theme_bg_color, 0.90);
|
||||||
color: mix(@theme_fg_color, @theme_bg_color, 0.5);
|
color: mix(@theme_fg_color, @theme_bg_color, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1648,16 +1648,16 @@ GtkTextView {
|
||||||
|
|
||||||
.primary-toolbar .button:insensitive,
|
.primary-toolbar .button:insensitive,
|
||||||
.toolbar .button:insensitive {
|
.toolbar .button:insensitive {
|
||||||
border-color: shade(@toolbar_bg_color, 0.9);
|
border-color: shade(@toolbar_bg_color, 0.85);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @toolbar_bg_color;
|
background-color: shade(@toolbar_bg_color, 0.90);
|
||||||
}
|
}
|
||||||
|
|
||||||
.primary-toolbar .button:active:insensitive,
|
.primary-toolbar .button:active:insensitive,
|
||||||
.toolbar .button:active:insensitive {
|
.toolbar .button:active:insensitive {
|
||||||
border-color: shade(@toolbar_bg_color, 0.8);
|
border-color: shade(@toolbar_bg_color, 0.75);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @toolbar_bg_color;
|
background-color: shade(@toolbar_bg_color, 0.80);
|
||||||
}
|
}
|
||||||
|
|
||||||
.primary-toolbar .entry {
|
.primary-toolbar .entry {
|
||||||
|
@ -1672,7 +1672,7 @@ GtkTextView {
|
||||||
.primary-toolbar GtkSeparatorToolItem,
|
.primary-toolbar GtkSeparatorToolItem,
|
||||||
.primary-toolbar .separator,
|
.primary-toolbar .separator,
|
||||||
.primary-toolbar .separator:insensitive {
|
.primary-toolbar .separator:insensitive {
|
||||||
border-color: shade(@toolbar_bg_color, 0.9);
|
border-color: shade(@toolbar_bg_color, 0.90);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* inline-toolbar */
|
/* inline-toolbar */
|
||||||
|
@ -1705,9 +1705,9 @@ GtkTextView {
|
||||||
|
|
||||||
.inline-toolbar.toolbar .button *:insensitive,
|
.inline-toolbar.toolbar .button *:insensitive,
|
||||||
.inline-toolbar.toolbar GtkToolButton .button:insensitive {
|
.inline-toolbar.toolbar GtkToolButton .button:insensitive {
|
||||||
border-color: shade(@theme_bg_color, 0.9);
|
border-color: shade(@theme_bg_color, 0.85);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: @theme_bg_color;
|
background-color: shade(@theme_bg_color, 0.90);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* middle button */
|
/* middle button */
|
||||||
|
@ -1842,7 +1842,7 @@ GtkTreeView {
|
||||||
GtkTreeView.dnd {
|
GtkTreeView.dnd {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: shade(@theme_selected_bg_color, 0.9);
|
border-color: shade(@theme_selected_bg_color, 0.90);
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue