Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
Code Issues Projects Releases Wiki Activity

some gnome-shell and gtk2 fixes

Browse Source
This commit is contained in:
Horst3180 2015-05-17 16:27:41 +02:00
parent b10dbded34
commit 33f04e1405
4 changed files with 71 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
gnome-shell/_common.scss
View File

@ -75,6 +75,7 @@ StEntry {
selection-background-color: $selected_bg_color; selection-background-color: $selected_bg_color;
selected-color: $selected_fg_color; selected-color: $selected_fg_color;
transition-duration: 300ms; transition-duration: 300ms;
border-radius: 20px;
@include entry(normal); @include entry(normal);
@ -1712,7 +1713,7 @@ StScrollBar {
margin: 5px; margin: 5px;
padding: 10px; padding: 10px;
border-radius: 2px; border-radius: 2px;
color: $osd_fg_color; color: $fg_color;
background-color: $bg_color; background-color: $bg_color;
border: 0px solid transparent; border: 0px solid transparent;
box-shadow: 0 1px 5px transparentize(black, 0.8); box-shadow: 0 1px 5px transparentize(black, 0.8);
@ -1743,7 +1744,7 @@ StScrollBar {
// Chat Bubbles // Chat Bubbles
.chat-body { spacing: 5px; } .chat-body { spacing: 5px; }
.chat-response { margin: 5px; } .chat-response { margin: 5px; }
.chat-log-message { color: darken($osd_fg_color,10%); } .chat-log-message { color: $fg_color; }
.chat-new-group { padding-top: 1em; } .chat-new-group { padding-top: 1em; }
.chat-received { .chat-received {
padding-left: 4px; padding-left: 4px;
@ -1753,7 +1754,7 @@ StScrollBar {
.chat-sent { .chat-sent {
padding-left: 18pt; padding-left: 18pt;
color: darken($osd_fg_color, 15%); color: $selected_bg_color;
&:rtl { padding-left: 0; padding-right: 18pt; } &:rtl { padding-left: 0; padding-right: 18pt; }
} }
@ -1762,7 +1763,7 @@ StScrollBar {
padding-left: 4px; padding-left: 4px;
font-size: 9pt; font-size: 9pt;
font-weight: bold; font-weight: bold;
color: darken($osd_fg_color,20%); color: transparentize($fg_color, 0.4);
&:rtl { padding-left: 0; padding-right: 4px; } &:rtl { padding-left: 0; padding-right: 4px; }
} }
@ -2136,8 +2137,8 @@ $legacy_icon_size: 24px;
border-radius: 2px; border-radius: 2px;
& > #Toolbar { & > #Toolbar {
padding: 3px; padding: 3px;
border: 1px solid $borders_color; border: 1px solid darken($osd_bg_color, 7%);
background-color: $bg_color; background-color: $osd_bg_color;
border-radius: 0px; border-radius: 0px;
} }
.labels { spacing: 4px; } .labels { spacing: 4px; }
@ -2145,17 +2146,17 @@ $legacy_icon_size: 24px;
-natural-hpadding: 12px; -natural-hpadding: 12px;
-minimum-hpadding: 6px; -minimum-hpadding: 6px;
font-weight: bold; font-weight: bold;
color: transparentize($fg_color, 0.5); color: $osd_fg_color;
transition-duration: 100ms; transition-duration: 100ms;
padding-left: .3em; padding-left: .3em;
padding-right: .3em; padding-right: .3em;
&:hover { &:hover {
color: $fg_color; color: $selected_fg_color;
text-shadow: black 0px 2px 2px; text-shadow: black 0px 2px 2px;
} }
&:selected { &:selected {
border-bottom-width: 0px; border-bottom-width: 0px;
color: $selected_fg_color; color: $selected_bg_color;
text-shadow: black 0px 2px 2px; text-shadow: black 0px 2px 2px;
} }
} }

7
gnome-shell/_drawing.scss
View File

@ -44,6 +44,8 @@
// //
//@extend %reset_style; //@extend %reset_style;
text-shadow: 0 1px transparentize($base_color, 1);
box-shadow: inset 0 0 transparentize($base_color, 1);
@if $t==normal { @if $t==normal {
// //
@ -51,7 +53,6 @@
// //
color: $fg_color; color: $fg_color;
background-color: $button_bg; background-color: $button_bg;
box-shadow: inset 0 0 transparentize($base_color, 1);
border: 1px solid $button_border; border: 1px solid $button_border;
} }
@ -61,7 +62,6 @@
// //
color: $fg_color; color: $fg_color;
background-color: $button_bg; background-color: $button_bg;
box-shadow: none;
border: 1px solid $selected_bg_color; border: 1px solid $selected_bg_color;
} }
@ -71,7 +71,6 @@
// //
color: $selected_bg_color; color: $selected_bg_color;
background-color: $button_bg; background-color: $button_bg;
box-shadow: none;
border: 1px solid $selected_bg_color; border: 1px solid $selected_bg_color;
} }
@ -81,7 +80,6 @@
// //
color: $fg_color; color: $fg_color;
background-color: $button_bg; background-color: $button_bg;
box-shadow: none;
border: 1px solid $selected_bg_color; border: 1px solid $selected_bg_color;
} }
@ -91,7 +89,6 @@
// //
color: $selected_fg_color; color: $selected_fg_color;
background-color: $selected_bg_color; background-color: $selected_bg_color;
box-shadow: none;
border: 1px solid $selected_bg_color; border: 1px solid $selected_bg_color;
} }

81
gnome-shell/gnome-shell.css
View File

@ -28,31 +28,38 @@ stage {
padding: 5px 32px; padding: 5px 32px;
transition-duration: 0; transition-duration: 0;
border-radius: 2px; border-radius: 2px;
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #fcfdfd; background-color: #fcfdfd;
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
border: 1px solid #cfd6e6; } border: 1px solid #cfd6e6; }
.button:focus, .notification-banner .notification-button:focus { .button:focus, .notification-banner .notification-button:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #fcfdfd; background-color: #fcfdfd;
box-shadow: none;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.button:hover, .notification-banner .notification-button:hover { .button:hover, .notification-banner .notification-button:hover {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #fcfdfd; background-color: #fcfdfd;
box-shadow: none;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.button:hover:focus, .notification-banner .notification-button:hover:focus { .button:hover:focus, .notification-banner .notification-button:hover:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5294E2; color: #5294E2;
background-color: #fcfdfd; background-color: #fcfdfd;
box-shadow: none;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.button:active, .notification-banner .notification-button:active, .button:active:focus, .notification-banner .notification-button:active:focus { .button:active, .notification-banner .notification-button:active, .button:active:focus, .notification-banner .notification-button:active:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff; color: #ffffff;
background-color: #5294E2; background-color: #5294E2;
box-shadow: none;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.button:insensitive, .notification-banner .notification-button:insensitive { .button:insensitive, .notification-banner .notification-button:insensitive {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: rgba(92, 97, 108, 0.55); color: rgba(92, 97, 108, 0.55);
border: 1px solid rgba(207, 214, 230, 0.55); border: 1px solid rgba(207, 214, 230, 0.55);
background-color: rgba(252, 253, 253, 0.55); } background-color: rgba(252, 253, 253, 0.55); }
@ -63,6 +70,7 @@ StEntry {
selection-background-color: #5294E2; selection-background-color: #5294E2;
selected-color: #ffffff; selected-color: #ffffff;
transition-duration: 300ms; transition-duration: 300ms;
border-radius: 20px;
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #ffffff; background-color: #ffffff;
@ -173,21 +181,29 @@ StScrollBar {
border-top: 1px; border-top: 1px;
border-radius: 0px 0px 2px 2px; } border-radius: 0px 0px 2px 2px; }
.modal-dialog-button-box .button, .modal-dialog-button-box .notification-banner .notification-button, .notification-banner .modal-dialog-button-box .notification-button { .modal-dialog-button-box .button, .modal-dialog-button-box .notification-banner .notification-button, .notification-banner .modal-dialog-button-box .notification-button {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #A8ADB5; color: #A8ADB5;
outline-color: rgba(168, 173, 181, 0.3); outline-color: rgba(168, 173, 181, 0.3);
border-color: rgba(168, 173, 181, 0.3); border-color: rgba(168, 173, 181, 0.3);
background-color: rgba(48, 52, 59, 0.95); } background-color: rgba(48, 52, 59, 0.95); }
.modal-dialog-button-box .button:hover, .modal-dialog-button-box .notification-banner .notification-button:hover, .notification-banner .modal-dialog-button-box .notification-button:hover { .modal-dialog-button-box .button:hover, .modal-dialog-button-box .notification-banner .notification-button:hover, .notification-banner .modal-dialog-button-box .notification-button:hover {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff; color: #ffffff;
border-color: #5294E2; border-color: #5294E2;
background-color: rgba(48, 52, 59, 0.95); } background-color: rgba(48, 52, 59, 0.95); }
.modal-dialog-button-box .button:focus, .modal-dialog-button-box .notification-banner .notification-button:focus, .notification-banner .modal-dialog-button-box .notification-button:focus { .modal-dialog-button-box .button:focus, .modal-dialog-button-box .notification-banner .notification-button:focus, .notification-banner .modal-dialog-button-box .notification-button:focus {
color: #5294E2; } color: #5294E2; }
.modal-dialog-button-box .button:active, .modal-dialog-button-box .notification-banner .notification-button:active, .notification-banner .modal-dialog-button-box .notification-button:active { .modal-dialog-button-box .button:active, .modal-dialog-button-box .notification-banner .notification-button:active, .notification-banner .modal-dialog-button-box .notification-button:active {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff; color: #ffffff;
border-color: #5294E2; border-color: #5294E2;
background-color: #5294E2; } background-color: #5294E2; }
.modal-dialog-button-box .button:insensitive, .modal-dialog-button-box .notification-banner .notification-button:insensitive, .notification-banner .modal-dialog-button-box .notification-button:insensitive { .modal-dialog-button-box .button:insensitive, .modal-dialog-button-box .notification-banner .notification-button:insensitive, .notification-banner .modal-dialog-button-box .notification-button:insensitive {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c6069; color: #5c6069;
border-color: rgba(168, 173, 181, 0.2); border-color: rgba(168, 173, 181, 0.2);
background-image: rgba(53, 57, 65, 0.95); } background-image: rgba(53, 57, 65, 0.95); }
@ -706,16 +722,18 @@ StScrollBar {
.world-clocks-button:focus, .world-clocks-button:focus,
.message-list-section-title:hover, .message-list-section-title:hover,
.message-list-section-title:focus { .message-list-section-title:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #fcfdfd; background-color: #fcfdfd;
box-shadow: none;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.datemenu-today-button:active, .datemenu-today-button:active,
.world-clocks-button:active, .world-clocks-button:active,
.message-list-section-title:active { .message-list-section-title:active {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff; color: #ffffff;
background-color: #5294E2; background-color: #5294E2;
box-shadow: none;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.datemenu-today-button .date-label { .datemenu-today-button .date-label {
@ -853,20 +871,23 @@ StScrollBar {
background-color: #5294E2; } background-color: #5294E2; }
.message { .message {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #fcfdfd; background-color: #fcfdfd;
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
border: 1px solid #cfd6e6; border: 1px solid #cfd6e6;
padding: 4px; } padding: 4px; }
.message:hover, .message:focus { .message:hover, .message:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #fcfdfd; background-color: #fcfdfd;
box-shadow: none;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.message:active { .message:active {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff; color: #ffffff;
background-color: #5294E2; background-color: #5294E2;
box-shadow: none;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.message-icon-bin { .message-icon-bin {
@ -1159,6 +1180,8 @@ StScrollBar {
background-color: rgba(14, 15, 17, 0.8); background-color: rgba(14, 15, 17, 0.8);
border-color: #5294E2; } border-color: #5294E2; }
.app-view-control:checked { .app-view-control:checked {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff; color: #ffffff;
border-color: #5294E2; border-color: #5294E2;
background-color: #5294E2; } background-color: #5294E2; }
@ -1295,7 +1318,7 @@ StScrollBar {
margin: 5px; margin: 5px;
padding: 10px; padding: 10px;
border-radius: 2px; border-radius: 2px;
color: #A8ADB5; color: #5c616c;
background-color: #f9fafb; background-color: #f9fafb;
border: 0px solid transparent; border: 0px solid transparent;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); } box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
@ -1339,7 +1362,7 @@ StScrollBar {
margin: 5px; } margin: 5px; }
.chat-log-message { .chat-log-message {
color: #8c939e; } color: #5c616c; }
.chat-new-group { .chat-new-group {
padding-top: 1em; } padding-top: 1em; }
@ -1352,7 +1375,7 @@ StScrollBar {
.chat-sent { .chat-sent {
padding-left: 18pt; padding-left: 18pt;
color: #7f8692; } color: #5294E2; }
.chat-sent:rtl { .chat-sent:rtl {
padding-left: 0; padding-left: 0;
padding-right: 18pt; } padding-right: 18pt; }
@ -1361,7 +1384,7 @@ StScrollBar {
padding-left: 4px; padding-left: 4px;
font-size: 9pt; font-size: 9pt;
font-weight: bold; font-weight: bold;
color: #727985; } color: rgba(92, 97, 108, 0.6); }
.chat-meta-message:rtl { .chat-meta-message:rtl {
padding-left: 0; padding-left: 0;
padding-right: 4px; } padding-right: 4px; }
@ -1454,6 +1477,8 @@ StScrollBar {
spacing: 15px; } spacing: 15px; }
.keyboard-key { .keyboard-key {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #A8ADB5; color: #A8ADB5;
outline-color: rgba(168, 173, 181, 0.3); outline-color: rgba(168, 173, 181, 0.3);
border-color: rgba(168, 173, 181, 0.3); border-color: rgba(168, 173, 181, 0.3);
@ -1465,15 +1490,20 @@ StScrollBar {
border-radius: 3px; border-radius: 3px;
box-shadow: none; } box-shadow: none; }
.keyboard-key:focus { .keyboard-key:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #fcfdfd; background-color: #fcfdfd;
box-shadow: none;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.keyboard-key:hover, .keyboard-key:checked { .keyboard-key:hover, .keyboard-key:checked {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff; color: #ffffff;
border-color: #5294E2; border-color: #5294E2;
background-color: rgba(48, 52, 59, 0.95); } background-color: rgba(48, 52, 59, 0.95); }
.keyboard-key:active { .keyboard-key:active {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff; color: #ffffff;
border-color: #5294E2; border-color: #5294E2;
background-color: #5294E2; } background-color: #5294E2; }
@ -1549,21 +1579,26 @@ StScrollBar {
.login-dialog .modal-dialog-button { .login-dialog .modal-dialog-button {
padding: 3px 18px; } padding: 3px 18px; }
.login-dialog .modal-dialog-button:default { .login-dialog .modal-dialog-button:default {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #fcfdfd; background-color: #fcfdfd;
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
border: 1px solid #cfd6e6; } border: 1px solid #cfd6e6; }
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #fcfdfd; background-color: #fcfdfd;
box-shadow: none;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.login-dialog .modal-dialog-button:default:active { .login-dialog .modal-dialog-button:default:active {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff; color: #ffffff;
background-color: #5294E2; background-color: #5294E2;
box-shadow: none;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.login-dialog .modal-dialog-button:default:insensitive { .login-dialog .modal-dialog-button:default:insensitive {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: rgba(92, 97, 108, 0.55); color: rgba(92, 97, 108, 0.55);
border: 1px solid rgba(207, 214, 230, 0.55); border: 1px solid rgba(207, 214, 230, 0.55);
background-color: rgba(252, 253, 253, 0.55); } background-color: rgba(252, 253, 253, 0.55); }
@ -1738,8 +1773,8 @@ StScrollBar {
border-radius: 2px; } border-radius: 2px; }
#LookingGlassDialog > #Toolbar { #LookingGlassDialog > #Toolbar {
padding: 3px; padding: 3px;
border: 1px solid #dde3e9; border: 1px solid rgba(44, 47, 53, 0.95);
background-color: #f9fafb; background-color: rgba(60, 64, 73, 0.95);
border-radius: 0px; } border-radius: 0px; }
#LookingGlassDialog .labels { #LookingGlassDialog .labels {
spacing: 4px; } spacing: 4px; }
@ -1747,16 +1782,16 @@ StScrollBar {
-natural-hpadding: 12px; -natural-hpadding: 12px;
-minimum-hpadding: 6px; -minimum-hpadding: 6px;
font-weight: bold; font-weight: bold;
color: rgba(92, 97, 108, 0.5); color: #A8ADB5;
transition-duration: 100ms; transition-duration: 100ms;
padding-left: .3em; padding-left: .3em;
padding-right: .3em; } padding-right: .3em; }
#LookingGlassDialog .notebook-tab:hover { #LookingGlassDialog .notebook-tab:hover {
color: #5c616c; color: #ffffff;
text-shadow: black 0px 2px 2px; } text-shadow: black 0px 2px 2px; }
#LookingGlassDialog .notebook-tab:selected { #LookingGlassDialog .notebook-tab:selected {
border-bottom-width: 0px; border-bottom-width: 0px;
color: #ffffff; color: #5294E2;
text-shadow: black 0px 2px 2px; } text-shadow: black 0px 2px 2px; }
#LookingGlassDialog StBoxLayout#EvalBox { #LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px; padding: 4px;

2
gtk-2.0/gtkrc
View File

@ -689,7 +689,7 @@ style "menubar" {
bg[NORMAL] = "#e7e8eb" bg[NORMAL] = "#e7e8eb"
fg[NORMAL] = "#70788d" fg[NORMAL] = "#70788d"
fg[SELECTED] = @selected_fg_color fg[SELECTED] = @selected_fg_color
fg[INSENSITIVE] = shade(0.8, "#70788d") fg[INSENSITIVE] = shade(1.3, "#70788d")
xthickness = 0 xthickness = 0
ythickness = 0 ythickness = 0