kirbylife
/
numix-gtk-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Styled insenstive widgets

pull/20/merge
Satyajit Sahoo 2013-02-27 22:26:16 +05:30
parent 1c3c94a332
commit 768fbdc96f
2 changed files with 55 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
TODO
View File

@ -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>

104
gtk-3.0/gtk-widgets.css
View File

@ -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;
} }