luisgulo/WhiteSur-gtk-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed issues

Browse Source
This commit is contained in:
vinceliuice 2020-07-23 10:11:42 +08:00
parent 33423b005b
commit b7385f7ba6
16 changed files with 578 additions and 401 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
install.sh
View File

@ -97,8 +97,8 @@ install() {
glib-compile-resources --sourcedir=${THEME_DIR}/gtk-3.0 --target=${THEME_DIR}/gtk-3.0/gtk.gresource ${SRC_DIR}/main/gtk-3.0/gtk.gresource.xml glib-compile-resources --sourcedir=${THEME_DIR}/gtk-3.0 --target=${THEME_DIR}/gtk-3.0/gtk.gresource ${SRC_DIR}/main/gtk-3.0/gtk.gresource.xml
rm -rf ${THEME_DIR}/gtk-3.0/{assets,windows-assets,gtk.css,gtk-dark.css} rm -rf ${THEME_DIR}/gtk-3.0/{assets,windows-assets,gtk.css,gtk-dark.css}
echo '@import url("resource:///org/gnome/Mcata-theme/gtk.css");' >> ${THEME_DIR}/gtk-3.0/gtk.css echo '@import url("resource:///org/gnome/theme/gtk.css");' >> ${THEME_DIR}/gtk-3.0/gtk.css
echo '@import url("resource:///org/gnome/Mcata-theme/gtk-dark.css");' >> ${THEME_DIR}/gtk-3.0/gtk-dark.css echo '@import url("resource:///org/gnome/theme/gtk-dark.css");' >> ${THEME_DIR}/gtk-3.0/gtk-dark.css
mkdir -p ${THEME_DIR}/metacity-1 mkdir -p ${THEME_DIR}/metacity-1
cp -ur ${SRC_DIR}/main/metacity-1/metacity-theme${color}.xml ${THEME_DIR}/metacity-1/metacity-theme-1.xml cp -ur ${SRC_DIR}/main/metacity-1/metacity-theme${color}.xml ${THEME_DIR}/metacity-1/metacity-theme-1.xml

51
src/main/gnome-shell/gnome-shell-dark-solid.css
View File

@ -18,10 +18,6 @@
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
*/ */
/* GLOBALS */ /* GLOBALS */
* {
transition-duration: 150ms;
}
stage { stage {
font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
font-size: 9.75pt; font-size: 9.75pt;
@ -91,8 +87,6 @@ StEntry {
caret-color: #dedede; caret-color: #dedede;
selection-background-color: #0860f2; selection-background-color: #0860f2;
selected-color: rgba(255, 255, 255, 0.85); selected-color: rgba(255, 255, 255, 0.85);
font-size: 11.25pt;
font-weight: 400;
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
border-radius: 10px; border-radius: 10px;
box-shadow: inset 0 0 0 2px transparent; box-shadow: inset 0 0 0 2px transparent;
@ -1827,7 +1821,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border-radius: 6px; border-radius: 6px;
border: none; border: none;
color: #afafaf; color: #afafaf;
background-color: #383838; background-color: transparent;
margin: 4px; margin: 4px;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -1835,12 +1829,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.message:hover, .message:focus { .message:hover, .message:focus {
color: #dedede; color: #dedede;
background-color: rgba(255, 255, 255, 0.06); background-color: #383838;
} }
.message:active { .message:active {
color: #dedede; color: #dedede;
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(56, 56, 56, 0.8);
} }
.message .message-icon-bin { .message .message-icon-bin {
@ -2422,21 +2416,15 @@ StWidget.focused .app-well-app-running-dot {
background-color: rgba(255, 255, 255, 0.15); background-color: rgba(255, 255, 255, 0.15);
} }
.show-apps .show-apps-icon {
color: transparent;
background-image: url("assets/startup@2.svg");
background-size: contain;
}
.show-apps .overview-icon { .show-apps .overview-icon {
color: transparent; color: white;
} }
.show-apps:hover .show-apps-icon, .show-apps:hover .show-apps-icon,
.show-apps:active .show-apps-icon, .show-apps:active .show-apps-icon,
.show-apps:checked .show-apps-icon, .show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon { .show-apps:focus .show-apps-icon {
color: transparent; color: white;
transition-duration: 150ms; transition-duration: 150ms;
} }
@ -3100,11 +3088,16 @@ StWidget.focused .app-well-app-running-dot {
icon-size: 16px; icon-size: 16px;
} }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning { .login-dialog .login-dialog-message-warning {
color: rgba(255, 255, 255, 0.85); color: rgba(255, 255, 255, 0.85);
} }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #F27835;
}
.login-dialog-logo-bin { .login-dialog-logo-bin {
padding: 24px 0px; padding: 24px 0px;
} }
@ -3249,12 +3242,34 @@ StWidget.focused .app-well-app-running-dot {
padding-right: 14px; padding-right: 14px;
} }
.user-widget.horizontal .user-icon {
icon-size: 64px;
}
.user-widget.horizontal .user-icon StIcon {
padding: 12px;
width: 40px;
height: 40px;
}
.user-widget.vertical .user-widget-label { .user-widget.vertical .user-widget-label {
text-align: center; text-align: center;
font-weight: normal; font-weight: normal;
padding-top: 16px; padding-top: 16px;
} }
.user-widget.vertical .user-icon {
icon-size: 96px;
}
.user-widget.vertical .user-icon StIcon {
padding: 20px;
padding-top: 18px;
padding-bottom: 22px;
width: 88px;
height: 88px;
}
.login-dialog-prompt-entry { .login-dialog-prompt-entry {
height: 1.5em; height: 1.5em;
} }

51
src/main/gnome-shell/gnome-shell-dark.css
View File

@ -18,10 +18,6 @@
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
*/ */
/* GLOBALS */ /* GLOBALS */
* {
transition-duration: 150ms;
}
stage { stage {
font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
font-size: 9.75pt; font-size: 9.75pt;
@ -91,8 +87,6 @@ StEntry {
caret-color: #dedede; caret-color: #dedede;
selection-background-color: #0860f2; selection-background-color: #0860f2;
selected-color: rgba(255, 255, 255, 0.85); selected-color: rgba(255, 255, 255, 0.85);
font-size: 11.25pt;
font-weight: 400;
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
border-radius: 10px; border-radius: 10px;
box-shadow: inset 0 0 0 2px transparent; box-shadow: inset 0 0 0 2px transparent;
@ -1827,7 +1821,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border-radius: 6px; border-radius: 6px;
border: none; border: none;
color: #afafaf; color: #afafaf;
background-color: #383838; background-color: transparent;
margin: 4px; margin: 4px;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -1835,12 +1829,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.message:hover, .message:focus { .message:hover, .message:focus {
color: #dedede; color: #dedede;
background-color: rgba(255, 255, 255, 0.06); background-color: #383838;
} }
.message:active { .message:active {
color: #dedede; color: #dedede;
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(56, 56, 56, 0.8);
} }
.message .message-icon-bin { .message .message-icon-bin {
@ -2422,21 +2416,15 @@ StWidget.focused .app-well-app-running-dot {
background-color: rgba(255, 255, 255, 0.15); background-color: rgba(255, 255, 255, 0.15);
} }
.show-apps .show-apps-icon {
color: transparent;
background-image: url("assets/startup@2.svg");
background-size: contain;
}
.show-apps .overview-icon { .show-apps .overview-icon {
color: transparent; color: white;
} }
.show-apps:hover .show-apps-icon, .show-apps:hover .show-apps-icon,
.show-apps:active .show-apps-icon, .show-apps:active .show-apps-icon,
.show-apps:checked .show-apps-icon, .show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon { .show-apps:focus .show-apps-icon {
color: transparent; color: white;
transition-duration: 150ms; transition-duration: 150ms;
} }
@ -3100,11 +3088,16 @@ StWidget.focused .app-well-app-running-dot {
icon-size: 16px; icon-size: 16px;
} }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning { .login-dialog .login-dialog-message-warning {
color: rgba(255, 255, 255, 0.85); color: rgba(255, 255, 255, 0.85);
} }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #F27835;
}
.login-dialog-logo-bin { .login-dialog-logo-bin {
padding: 24px 0px; padding: 24px 0px;
} }
@ -3249,12 +3242,34 @@ StWidget.focused .app-well-app-running-dot {
padding-right: 14px; padding-right: 14px;
} }
.user-widget.horizontal .user-icon {
icon-size: 64px;
}
.user-widget.horizontal .user-icon StIcon {
padding: 12px;
width: 40px;
height: 40px;
}
.user-widget.vertical .user-widget-label { .user-widget.vertical .user-widget-label {
text-align: center; text-align: center;
font-weight: normal; font-weight: normal;
padding-top: 16px; padding-top: 16px;
} }
.user-widget.vertical .user-icon {
icon-size: 96px;
}
.user-widget.vertical .user-icon StIcon {
padding: 20px;
padding-top: 18px;
padding-bottom: 22px;
width: 88px;
height: 88px;
}
.login-dialog-prompt-entry { .login-dialog-prompt-entry {
height: 1.5em; height: 1.5em;
} }

51
src/main/gnome-shell/gnome-shell-light-solid.css
View File

@ -18,10 +18,6 @@
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
*/ */
/* GLOBALS */ /* GLOBALS */
* {
transition-duration: 150ms;
}
stage { stage {
font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
font-size: 9.75pt; font-size: 9.75pt;
@ -91,8 +87,6 @@ StEntry {
caret-color: #242424; caret-color: #242424;
selection-background-color: #0860f2; selection-background-color: #0860f2;
selected-color: rgba(255, 255, 255, 0.85); selected-color: rgba(255, 255, 255, 0.85);
font-size: 11.25pt;
font-weight: 400;
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
border-radius: 10px; border-radius: 10px;
box-shadow: inset 0 0 0 2px transparent; box-shadow: inset 0 0 0 2px transparent;
@ -1827,7 +1821,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border-radius: 6px; border-radius: 6px;
border: none; border: none;
color: #424242; color: #424242;
background-color: #ffffff; background-color: transparent;
margin: 4px; margin: 4px;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -1835,12 +1829,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.message:hover, .message:focus { .message:hover, .message:focus {
color: #242424; color: #242424;
background-color: rgba(0, 0, 0, 0.12); background-color: #ffffff;
} }
.message:active { .message:active {
color: #242424; color: #242424;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.8);
} }
.message .message-icon-bin { .message .message-icon-bin {
@ -2422,21 +2416,15 @@ StWidget.focused .app-well-app-running-dot {
background-color: rgba(255, 255, 255, 0.15); background-color: rgba(255, 255, 255, 0.15);
} }
.show-apps .show-apps-icon {
color: transparent;
background-image: url("assets/startup@2.svg");
background-size: contain;
}
.show-apps .overview-icon { .show-apps .overview-icon {
color: transparent; color: white;
} }
.show-apps:hover .show-apps-icon, .show-apps:hover .show-apps-icon,
.show-apps:active .show-apps-icon, .show-apps:active .show-apps-icon,
.show-apps:checked .show-apps-icon, .show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon { .show-apps:focus .show-apps-icon {
color: transparent; color: white;
transition-duration: 150ms; transition-duration: 150ms;
} }
@ -3100,11 +3088,16 @@ StWidget.focused .app-well-app-running-dot {
icon-size: 16px; icon-size: 16px;
} }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning { .login-dialog .login-dialog-message-warning {
color: rgba(255, 255, 255, 0.85); color: rgba(255, 255, 255, 0.85);
} }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #F27835;
}
.login-dialog-logo-bin { .login-dialog-logo-bin {
padding: 24px 0px; padding: 24px 0px;
} }
@ -3249,12 +3242,34 @@ StWidget.focused .app-well-app-running-dot {
padding-right: 14px; padding-right: 14px;
} }
.user-widget.horizontal .user-icon {
icon-size: 64px;
}
.user-widget.horizontal .user-icon StIcon {
padding: 12px;
width: 40px;
height: 40px;
}
.user-widget.vertical .user-widget-label { .user-widget.vertical .user-widget-label {
text-align: center; text-align: center;
font-weight: normal; font-weight: normal;
padding-top: 16px; padding-top: 16px;
} }
.user-widget.vertical .user-icon {
icon-size: 96px;
}
.user-widget.vertical .user-icon StIcon {
padding: 20px;
padding-top: 18px;
padding-bottom: 22px;
width: 88px;
height: 88px;
}
.login-dialog-prompt-entry { .login-dialog-prompt-entry {
height: 1.5em; height: 1.5em;
} }

51
src/main/gnome-shell/gnome-shell-light.css
View File

@ -18,10 +18,6 @@
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
*/ */
/* GLOBALS */ /* GLOBALS */
* {
transition-duration: 150ms;
}
stage { stage {
font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
font-size: 9.75pt; font-size: 9.75pt;
@ -91,8 +87,6 @@ StEntry {
caret-color: #242424; caret-color: #242424;
selection-background-color: #0860f2; selection-background-color: #0860f2;
selected-color: rgba(255, 255, 255, 0.85); selected-color: rgba(255, 255, 255, 0.85);
font-size: 11.25pt;
font-weight: 400;
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
border-radius: 10px; border-radius: 10px;
box-shadow: inset 0 0 0 2px transparent; box-shadow: inset 0 0 0 2px transparent;
@ -1827,7 +1821,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border-radius: 6px; border-radius: 6px;
border: none; border: none;
color: #424242; color: #424242;
background-color: #ffffff; background-color: transparent;
margin: 4px; margin: 4px;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -1835,12 +1829,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.message:hover, .message:focus { .message:hover, .message:focus {
color: #242424; color: #242424;
background-color: rgba(0, 0, 0, 0.12); background-color: #ffffff;
} }
.message:active { .message:active {
color: #242424; color: #242424;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.8);
} }
.message .message-icon-bin { .message .message-icon-bin {
@ -2422,21 +2416,15 @@ StWidget.focused .app-well-app-running-dot {
background-color: rgba(255, 255, 255, 0.15); background-color: rgba(255, 255, 255, 0.15);
} }
.show-apps .show-apps-icon {
color: transparent;
background-image: url("assets/startup@2.svg");
background-size: contain;
}
.show-apps .overview-icon { .show-apps .overview-icon {
color: transparent; color: white;
} }
.show-apps:hover .show-apps-icon, .show-apps:hover .show-apps-icon,
.show-apps:active .show-apps-icon, .show-apps:active .show-apps-icon,
.show-apps:checked .show-apps-icon, .show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon { .show-apps:focus .show-apps-icon {
color: transparent; color: white;
transition-duration: 150ms; transition-duration: 150ms;
} }
@ -3100,11 +3088,16 @@ StWidget.focused .app-well-app-running-dot {
icon-size: 16px; icon-size: 16px;
} }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning { .login-dialog .login-dialog-message-warning {
color: rgba(255, 255, 255, 0.85); color: rgba(255, 255, 255, 0.85);
} }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #F27835;
}
.login-dialog-logo-bin { .login-dialog-logo-bin {
padding: 24px 0px; padding: 24px 0px;
} }
@ -3249,12 +3242,34 @@ StWidget.focused .app-well-app-running-dot {
padding-right: 14px; padding-right: 14px;
} }
.user-widget.horizontal .user-icon {
icon-size: 64px;
}
.user-widget.horizontal .user-icon StIcon {
padding: 12px;
width: 40px;
height: 40px;
}
.user-widget.vertical .user-widget-label { .user-widget.vertical .user-widget-label {
text-align: center; text-align: center;
font-weight: normal; font-weight: normal;
padding-top: 16px; padding-top: 16px;
} }
.user-widget.vertical .user-icon {
icon-size: 96px;
}
.user-widget.vertical .user-icon StIcon {
padding: 20px;
padding-top: 18px;
padding-bottom: 22px;
width: 88px;
height: 88px;
}
.login-dialog-prompt-entry { .login-dialog-prompt-entry {
height: 1.5em; height: 1.5em;
} }

127
src/main/gtk-3.0/gtk-dark-solid.css
View File

@ -204,6 +204,7 @@ spinner:checked:disabled, label:disabled selection:checked {
entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) {
color: #dadada; color: #dadada;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: inset 0 0 0 2px transparent;
border: none; border: none;
} }
@ -211,6 +212,7 @@ entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus
color: #dadada; color: #dadada;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75);
transition-duration: 300ms;
} }
entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) {
@ -226,6 +228,7 @@ entry {
caret-color: currentColor; caret-color: currentColor;
color: #dadada; color: #dadada;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: inset 0 0 0 2px transparent;
} }
entry.search { entry.search {
@ -253,10 +256,18 @@ entry image.right {
border-radius: 0; border-radius: 0;
} }
entry:hover {
color: #dadada;
background-color: rgba(255, 255, 255, 0.05);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent;
transition-duration: 200ms;
}
entry:focus { entry:focus {
color: #dadada; color: #dadada;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75);
transition-duration: 300ms;
} }
entry:disabled { entry:disabled {
@ -1084,8 +1095,6 @@ spinbutton:disabled {
} }
spinbutton entry { spinbutton entry {
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.12);
} }
@ -1105,6 +1114,10 @@ spinbutton:not(.vertical) entry {
min-width: 28px; min-width: 28px;
} }
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry {
min-height: 20px;
}
spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up {
border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px;
} }
@ -1308,25 +1321,6 @@ combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:no
border-width: 0 0 0 1px; border-width: 0 0 0 1px;
} }
.inline-toolbar:not(.inline-toolbar) switch,
.inline-toolbar:not(.inline-toolbar) scale,
.inline-toolbar:not(.inline-toolbar) entry,
.inline-toolbar:not(.inline-toolbar) spinbutton,
.inline-toolbar:not(.inline-toolbar) button, toolbar:not(.inline-toolbar) switch,
toolbar:not(.inline-toolbar) scale,
toolbar:not(.inline-toolbar) entry,
toolbar:not(.inline-toolbar) spinbutton,
toolbar:not(.inline-toolbar) button {
margin-right: 1px;
margin-bottom: 1px;
}
.inline-toolbar:not(.inline-toolbar) .linked > button,
.inline-toolbar:not(.inline-toolbar) .linked > entry, toolbar:not(.inline-toolbar) .linked > button,
toolbar:not(.inline-toolbar) .linked > entry {
margin-right: 0;
}
.primary-toolbar:not(.libreoffice-toolbar) { .primary-toolbar:not(.libreoffice-toolbar) {
color: #dadada; color: #dadada;
background-color: transparent; background-color: transparent;
@ -1430,7 +1424,7 @@ headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button {
headerbar .linked:not(.vertical) > entry { headerbar .linked:not(.vertical) > entry {
color: #FDFDFD; color: #FDFDFD;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
margin: 8px 3px; margin: 8px 3px;
padding: 0 8px; padding: 0 8px;
border-radius: 6px; border-radius: 6px;
@ -1690,7 +1684,7 @@ headerbar entry, .titlebar entry {
min-height: 22px; min-height: 22px;
color: #FDFDFD; color: #FDFDFD;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
} }
.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { .nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover {
@ -1702,6 +1696,13 @@ headerbar entry, .titlebar entry {
background-image: none; background-image: none;
} }
.nemo-window .primary-toolbar entry:hover, headerbar entry:hover {
color: #FDFDFD;
background-color: rgba(255, 255, 255, 0.05);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent;
transition-duration: 200ms;
}
.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { .nemo-window .primary-toolbar entry:focus, headerbar entry:focus {
background-image: none; background-image: none;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
@ -2304,22 +2305,6 @@ notebook.frame {
border: 1px solid #474747; border: 1px solid #474747;
} }
notebook.frame > header.top tabs > tab:first-child, notebook.frame > header.bottom tabs > tab:first-child {
border-left-style: none;
}
notebook.frame > header.top tabs > tab:last-child, notebook.frame > header.bottom tabs > tab:last-child {
border-right-style: solid;
}
notebook.frame > header.left tabs > tab:first-child, notebook.frame > header.right tabs > tab:first-child {
border-top-style: none;
}
notebook.frame > header.left tabs > tab:last-child, notebook.frame > header.right tabs > tab:last-child {
border-bottom-style: solid;
}
notebook > stack:not(:only-child) { notebook > stack:not(:only-child) {
background-color: #242424; background-color: #242424;
} }
@ -5388,7 +5373,7 @@ omnibar.linked > entry:not(:only-child) {
margin-right: 1px; margin-right: 1px;
color: #FDFDFD; color: #FDFDFD;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
border-left: none; border-left: none;
} }
@ -5399,7 +5384,7 @@ omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-
omnibar.linked > entry:not(:only-child):backdrop { omnibar.linked > entry:not(:only-child):backdrop {
color: #FDFDFD; color: #FDFDFD;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
opacity: 0.65; opacity: 0.65;
} }
@ -5908,28 +5893,18 @@ stack#titlebar_container.titlebar > stack > headerbar {
border: none; border: none;
} }
stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry {
box-shadow: inset 0 0 0 2px transparent;
}
stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03), inset 0 0 0 2px transparent;
transition-duration: 200ms;
}
stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry:focus {
box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75);
transition-duration: 300ms;
}
notebook.main-notebook > header.top { notebook.main-notebook > header.top {
margin-top: 0; margin-top: 0;
} }
notebook.main-notebook > header.top tabs > tab:checked { notebook.main-notebook > header.top > tabs > tab:checked {
border-top-color: #373737; border-top-color: #373737;
} }
notebook.main-notebook > header.top > tabs > tab:first-child {
border-left-width: 0;
}
stack.view.polari-entry-area { stack.view.polari-entry-area {
background-color: #333333; background-color: #333333;
border-top: 1px solid rgba(255, 255, 255, 0.12); border-top: 1px solid rgba(255, 255, 255, 0.12);
@ -6186,7 +6161,7 @@ window.background > grid.vertical > box.vertical grid.math-buttons button:not(.s
headerbar.titlebar.incognito-mode entry { headerbar.titlebar.incognito-mode entry {
color: #FDFDFD; color: #FDFDFD;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
} }
headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover {
@ -6211,7 +6186,7 @@ notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar
.background headerbar entry.starred, .background headerbar entry.non-starred { .background headerbar entry.starred, .background headerbar entry.non-starred {
color: #FDFDFD; color: #FDFDFD;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
} }
.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { .background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover {
@ -7273,6 +7248,38 @@ window.background.csd > box.horizontal > stack > box.vertical > notebook > stack
border-bottom-right-radius: 14px; border-bottom-right-radius: 14px;
} }
toolbar#SubToolBox {
min-height: 36px;
}
toolbar#SubToolBox entry, toolbar#SubToolBox button {
margin-top: 6px;
margin-bottom: 6px;
}
toolbar#SubToolBox > toolbutton > button.flat, .raven .raven-header:not(.top) toolbar#SubToolBox > toolbutton > button {
margin-left: 2px;
margin-right: 2px;
}
widget#ToolboxCommon button.flat:active, widget#ToolboxCommon .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) widget#ToolboxCommon button:active {
background-color: rgba(222, 222, 222, 0.25);
}
widget#ToolboxCommon button.flat:checked, widget#ToolboxCommon .raven .raven-header:not(.top) button:checked, .raven .raven-header:not(.top) widget#ToolboxCommon button:checked {
background-color: rgba(222, 222, 222, 0.15);
}
widget#ToolboxCommon > toolbar > toolbutton > button.flat, .raven .raven-header:not(.top) widget#ToolboxCommon > toolbar > toolbutton > button {
margin-top: 2px;
margin-bottom: 2px;
}
box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo {
margin-top: 6px;
margin-bottom: 6px;
}
window > box.vertical > box.horizontal > toolbar { window > box.vertical > box.horizontal > toolbar {
background-color: transparent; background-color: transparent;
box-shadow: none; box-shadow: none;
@ -7581,7 +7588,7 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView {
padding-right: 4px; padding-right: 4px;
color: #FDFDFD; color: #FDFDFD;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
} }
.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover {
@ -8648,12 +8655,14 @@ filechooser actionbar button:active, filechooser actionbar button:checked {
filechooser actionbar entry { filechooser actionbar entry {
color: #dadada; color: #dadada;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: inset 0 0 0 2px transparent;
} }
filechooser actionbar entry:focus { filechooser actionbar entry:focus {
color: #dadada; color: #dadada;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75);
transition-duration: 300ms;
} }

127
src/main/gtk-3.0/gtk-dark.css
View File

@ -204,6 +204,7 @@ spinner:checked:disabled, label:disabled selection:checked {
entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) {
color: #dadada; color: #dadada;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: inset 0 0 0 2px transparent;
border: none; border: none;
} }
@ -211,6 +212,7 @@ entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus
color: #dadada; color: #dadada;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75);
transition-duration: 300ms;
} }
entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) {
@ -226,6 +228,7 @@ entry {
caret-color: currentColor; caret-color: currentColor;
color: #dadada; color: #dadada;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: inset 0 0 0 2px transparent;
} }
entry.search { entry.search {
@ -253,10 +256,18 @@ entry image.right {
border-radius: 0; border-radius: 0;
} }
entry:hover {
color: #dadada;
background-color: rgba(255, 255, 255, 0.05);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent;
transition-duration: 200ms;
}
entry:focus { entry:focus {
color: #dadada; color: #dadada;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75);
transition-duration: 300ms;
} }
entry:disabled { entry:disabled {
@ -1084,8 +1095,6 @@ spinbutton:disabled {
} }
spinbutton entry { spinbutton entry {
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.12);
} }
@ -1105,6 +1114,10 @@ spinbutton:not(.vertical) entry {
min-width: 28px; min-width: 28px;
} }
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry {
min-height: 20px;
}
spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up {
border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px;
} }
@ -1308,25 +1321,6 @@ combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:no
border-width: 0 0 0 1px; border-width: 0 0 0 1px;
} }
.inline-toolbar:not(.inline-toolbar) switch,
.inline-toolbar:not(.inline-toolbar) scale,
.inline-toolbar:not(.inline-toolbar) entry,
.inline-toolbar:not(.inline-toolbar) spinbutton,
.inline-toolbar:not(.inline-toolbar) button, toolbar:not(.inline-toolbar) switch,
toolbar:not(.inline-toolbar) scale,
toolbar:not(.inline-toolbar) entry,
toolbar:not(.inline-toolbar) spinbutton,
toolbar:not(.inline-toolbar) button {
margin-right: 1px;
margin-bottom: 1px;
}
.inline-toolbar:not(.inline-toolbar) .linked > button,
.inline-toolbar:not(.inline-toolbar) .linked > entry, toolbar:not(.inline-toolbar) .linked > button,
toolbar:not(.inline-toolbar) .linked > entry {
margin-right: 0;
}
.primary-toolbar:not(.libreoffice-toolbar) { .primary-toolbar:not(.libreoffice-toolbar) {
color: #dadada; color: #dadada;
background-color: transparent; background-color: transparent;
@ -1430,7 +1424,7 @@ headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button {
headerbar .linked:not(.vertical) > entry { headerbar .linked:not(.vertical) > entry {
color: #FDFDFD; color: #FDFDFD;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
margin: 8px 3px; margin: 8px 3px;
padding: 0 8px; padding: 0 8px;
border-radius: 6px; border-radius: 6px;
@ -1690,7 +1684,7 @@ headerbar entry, .titlebar entry {
min-height: 22px; min-height: 22px;
color: #FDFDFD; color: #FDFDFD;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
} }
.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { .nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover {
@ -1702,6 +1696,13 @@ headerbar entry, .titlebar entry {
background-image: none; background-image: none;
} }
.nemo-window .primary-toolbar entry:hover, headerbar entry:hover {
color: #FDFDFD;
background-color: rgba(255, 255, 255, 0.05);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent;
transition-duration: 200ms;
}
.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { .nemo-window .primary-toolbar entry:focus, headerbar entry:focus {
background-image: none; background-image: none;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
@ -2304,22 +2305,6 @@ notebook.frame {
border: 1px solid #474747; border: 1px solid #474747;
} }
notebook.frame > header.top tabs > tab:first-child, notebook.frame > header.bottom tabs > tab:first-child {
border-left-style: none;
}
notebook.frame > header.top tabs > tab:last-child, notebook.frame > header.bottom tabs > tab:last-child {
border-right-style: solid;
}
notebook.frame > header.left tabs > tab:first-child, notebook.frame > header.right tabs > tab:first-child {
border-top-style: none;
}
notebook.frame > header.left tabs > tab:last-child, notebook.frame > header.right tabs > tab:last-child {
border-bottom-style: solid;
}
notebook > stack:not(:only-child) { notebook > stack:not(:only-child) {
background-color: #242424; background-color: #242424;
} }
@ -5388,7 +5373,7 @@ omnibar.linked > entry:not(:only-child) {
margin-right: 1px; margin-right: 1px;
color: #FDFDFD; color: #FDFDFD;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
border-left: none; border-left: none;
} }
@ -5399,7 +5384,7 @@ omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-
omnibar.linked > entry:not(:only-child):backdrop { omnibar.linked > entry:not(:only-child):backdrop {
color: #FDFDFD; color: #FDFDFD;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
opacity: 0.65; opacity: 0.65;
} }
@ -5908,28 +5893,18 @@ stack#titlebar_container.titlebar > stack > headerbar {
border: none; border: none;
} }
stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry {
box-shadow: inset 0 0 0 2px transparent;
}
stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03), inset 0 0 0 2px transparent;
transition-duration: 200ms;
}
stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry:focus {
box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75);
transition-duration: 300ms;
}
notebook.main-notebook > header.top { notebook.main-notebook > header.top {
margin-top: 0; margin-top: 0;
} }
notebook.main-notebook > header.top tabs > tab:checked { notebook.main-notebook > header.top > tabs > tab:checked {
border-top-color: #373737; border-top-color: #373737;
} }
notebook.main-notebook > header.top > tabs > tab:first-child {
border-left-width: 0;
}
stack.view.polari-entry-area { stack.view.polari-entry-area {
background-color: #333333; background-color: #333333;
border-top: 1px solid rgba(255, 255, 255, 0.12); border-top: 1px solid rgba(255, 255, 255, 0.12);
@ -6186,7 +6161,7 @@ window.background > grid.vertical > box.vertical grid.math-buttons button:not(.s
headerbar.titlebar.incognito-mode entry { headerbar.titlebar.incognito-mode entry {
color: #FDFDFD; color: #FDFDFD;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
} }
headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover {
@ -6211,7 +6186,7 @@ notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar
.background headerbar entry.starred, .background headerbar entry.non-starred { .background headerbar entry.starred, .background headerbar entry.non-starred {
color: #FDFDFD; color: #FDFDFD;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
} }
.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { .background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover {
@ -7273,6 +7248,38 @@ window.background.csd > box.horizontal > stack > box.vertical > notebook > stack
border-bottom-right-radius: 14px; border-bottom-right-radius: 14px;
} }
toolbar#SubToolBox {
min-height: 36px;
}
toolbar#SubToolBox entry, toolbar#SubToolBox button {
margin-top: 6px;
margin-bottom: 6px;
}
toolbar#SubToolBox > toolbutton > button.flat, .raven .raven-header:not(.top) toolbar#SubToolBox > toolbutton > button {
margin-left: 2px;
margin-right: 2px;
}
widget#ToolboxCommon button.flat:active, widget#ToolboxCommon .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) widget#ToolboxCommon button:active {
background-color: rgba(222, 222, 222, 0.25);
}
widget#ToolboxCommon button.flat:checked, widget#ToolboxCommon .raven .raven-header:not(.top) button:checked, .raven .raven-header:not(.top) widget#ToolboxCommon button:checked {
background-color: rgba(222, 222, 222, 0.15);
}
widget#ToolboxCommon > toolbar > toolbutton > button.flat, .raven .raven-header:not(.top) widget#ToolboxCommon > toolbar > toolbutton > button {
margin-top: 2px;
margin-bottom: 2px;
}
box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo {
margin-top: 6px;
margin-bottom: 6px;
}
window > box.vertical > box.horizontal > toolbar { window > box.vertical > box.horizontal > toolbar {
background-color: transparent; background-color: transparent;
box-shadow: none; box-shadow: none;
@ -7581,7 +7588,7 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView {
padding-right: 4px; padding-right: 4px;
color: #FDFDFD; color: #FDFDFD;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
} }
.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover {
@ -8648,12 +8655,14 @@ filechooser actionbar button:active, filechooser actionbar button:checked {
filechooser actionbar entry { filechooser actionbar entry {
color: #dadada; color: #dadada;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: inset 0 0 0 2px transparent;
} }
filechooser actionbar entry:focus { filechooser actionbar entry:focus {
color: #dadada; color: #dadada;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75);
transition-duration: 300ms;
} }

127
src/main/gtk-3.0/gtk-light-solid.css
View File

@ -204,6 +204,7 @@ spinner:checked:disabled, label:disabled selection:checked {
entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) {
color: #363636; color: #363636;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 2px transparent;
border: none; border: none;
} }
@ -211,6 +212,7 @@ entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus
color: #363636; color: #363636;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75);
transition-duration: 300ms;
} }
entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) {
@ -226,6 +228,7 @@ entry {
caret-color: currentColor; caret-color: currentColor;
color: #363636; color: #363636;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 2px transparent;
} }
entry.search { entry.search {
@ -253,10 +256,18 @@ entry image.right {
border-radius: 0; border-radius: 0;
} }
entry:hover {
color: #363636;
background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent;
transition-duration: 200ms;
}
entry:focus { entry:focus {
color: #363636; color: #363636;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75);
transition-duration: 300ms;
} }
entry:disabled { entry:disabled {
@ -1095,8 +1106,6 @@ spinbutton:disabled {
} }
spinbutton entry { spinbutton entry {
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid rgba(0, 0, 0, 0.12); border: 1px solid rgba(0, 0, 0, 0.12);
} }
@ -1116,6 +1125,10 @@ spinbutton:not(.vertical) entry {
min-width: 28px; min-width: 28px;
} }
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry {
min-height: 20px;
}
spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up {
border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px;
} }
@ -1320,25 +1333,6 @@ combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:no
border-width: 0 0 0 1px; border-width: 0 0 0 1px;
} }
.inline-toolbar:not(.inline-toolbar) switch,
.inline-toolbar:not(.inline-toolbar) scale,
.inline-toolbar:not(.inline-toolbar) entry,
.inline-toolbar:not(.inline-toolbar) spinbutton,
.inline-toolbar:not(.inline-toolbar) button, toolbar:not(.inline-toolbar) switch,
toolbar:not(.inline-toolbar) scale,
toolbar:not(.inline-toolbar) entry,
toolbar:not(.inline-toolbar) spinbutton,
toolbar:not(.inline-toolbar) button {
margin-right: 1px;
margin-bottom: 1px;
}
.inline-toolbar:not(.inline-toolbar) .linked > button,
.inline-toolbar:not(.inline-toolbar) .linked > entry, toolbar:not(.inline-toolbar) .linked > button,
toolbar:not(.inline-toolbar) .linked > entry {
margin-right: 0;
}
.primary-toolbar:not(.libreoffice-toolbar) { .primary-toolbar:not(.libreoffice-toolbar) {
color: #363636; color: #363636;
background-color: transparent; background-color: transparent;
@ -1442,7 +1436,7 @@ headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button {
headerbar .linked:not(.vertical) > entry { headerbar .linked:not(.vertical) > entry {
color: #575757; color: #575757;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
margin: 8px 3px; margin: 8px 3px;
padding: 0 8px; padding: 0 8px;
border-radius: 6px; border-radius: 6px;
@ -1702,7 +1696,7 @@ headerbar entry, .titlebar entry {
min-height: 22px; min-height: 22px;
color: #575757; color: #575757;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
} }
.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { .nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover {
@ -1714,6 +1708,13 @@ headerbar entry, .titlebar entry {
background-image: none; background-image: none;
} }
.nemo-window .primary-toolbar entry:hover, headerbar entry:hover {
color: #575757;
background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent;
transition-duration: 200ms;
}
.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { .nemo-window .primary-toolbar entry:focus, headerbar entry:focus {
background-image: none; background-image: none;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
@ -2316,22 +2317,6 @@ notebook.frame {
border: 1px solid #d6d6d6; border: 1px solid #d6d6d6;
} }
notebook.frame > header.top tabs > tab:first-child, notebook.frame > header.bottom tabs > tab:first-child {
border-left-style: none;
}
notebook.frame > header.top tabs > tab:last-child, notebook.frame > header.bottom tabs > tab:last-child {
border-right-style: solid;
}
notebook.frame > header.left tabs > tab:first-child, notebook.frame > header.right tabs > tab:first-child {
border-top-style: none;
}
notebook.frame > header.left tabs > tab:last-child, notebook.frame > header.right tabs > tab:last-child {
border-bottom-style: solid;
}
notebook > stack:not(:only-child) { notebook > stack:not(:only-child) {
background-color: #ffffff; background-color: #ffffff;
} }
@ -5413,7 +5398,7 @@ omnibar.linked > entry:not(:only-child) {
margin-right: 1px; margin-right: 1px;
color: #575757; color: #575757;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
border-left: none; border-left: none;
} }
@ -5424,7 +5409,7 @@ omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-
omnibar.linked > entry:not(:only-child):backdrop { omnibar.linked > entry:not(:only-child):backdrop {
color: #575757; color: #575757;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
opacity: 0.65; opacity: 0.65;
} }
@ -5933,28 +5918,18 @@ stack#titlebar_container.titlebar > stack > headerbar {
border: none; border: none;
} }
stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry {
box-shadow: inset 0 0 0 2px transparent;
}
stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry:hover {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03), inset 0 0 0 2px transparent;
transition-duration: 200ms;
}
stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry:focus {
box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75);
transition-duration: 300ms;
}
notebook.main-notebook > header.top { notebook.main-notebook > header.top {
margin-top: 0; margin-top: 0;
} }
notebook.main-notebook > header.top tabs > tab:checked { notebook.main-notebook > header.top > tabs > tab:checked {
border-top-color: #ffffff; border-top-color: #ffffff;
} }
notebook.main-notebook > header.top > tabs > tab:first-child {
border-left-width: 0;
}
stack.view.polari-entry-area { stack.view.polari-entry-area {
background-color: #f5f5f5; background-color: #f5f5f5;
border-top: 1px solid rgba(0, 0, 0, 0.12); border-top: 1px solid rgba(0, 0, 0, 0.12);
@ -6204,7 +6179,7 @@ window.background > grid.vertical > box.vertical grid.math-buttons button:not(.s
headerbar.titlebar.incognito-mode entry { headerbar.titlebar.incognito-mode entry {
color: #575757; color: #575757;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
} }
headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover {
@ -6229,7 +6204,7 @@ notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar
.background headerbar entry.starred, .background headerbar entry.non-starred { .background headerbar entry.starred, .background headerbar entry.non-starred {
color: #575757; color: #575757;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
} }
.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { .background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover {
@ -7303,6 +7278,38 @@ window.background.csd > box.horizontal > stack > box.vertical > notebook > stack
border-bottom-right-radius: 14px; border-bottom-right-radius: 14px;
} }
toolbar#SubToolBox {
min-height: 36px;
}
toolbar#SubToolBox entry, toolbar#SubToolBox button {
margin-top: 6px;
margin-bottom: 6px;
}
toolbar#SubToolBox > toolbutton > button.flat, .raven .raven-header:not(.top) toolbar#SubToolBox > toolbutton > button {
margin-left: 2px;
margin-right: 2px;
}
widget#ToolboxCommon button.flat:active, widget#ToolboxCommon .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) widget#ToolboxCommon button:active {
background-color: rgba(36, 36, 36, 0.25);
}
widget#ToolboxCommon button.flat:checked, widget#ToolboxCommon .raven .raven-header:not(.top) button:checked, .raven .raven-header:not(.top) widget#ToolboxCommon button:checked {
background-color: rgba(36, 36, 36, 0.15);
}
widget#ToolboxCommon > toolbar > toolbutton > button.flat, .raven .raven-header:not(.top) widget#ToolboxCommon > toolbar > toolbutton > button {
margin-top: 2px;
margin-bottom: 2px;
}
box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo {
margin-top: 6px;
margin-bottom: 6px;
}
window > box.vertical > box.horizontal > toolbar { window > box.vertical > box.horizontal > toolbar {
background-color: transparent; background-color: transparent;
box-shadow: none; box-shadow: none;
@ -7613,7 +7620,7 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView {
padding-right: 4px; padding-right: 4px;
color: #575757; color: #575757;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
} }
.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover {
@ -8692,12 +8699,14 @@ filechooser actionbar button:active, filechooser actionbar button:checked {
filechooser actionbar entry { filechooser actionbar entry {
color: #363636; color: #363636;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 2px transparent;
} }
filechooser actionbar entry:focus { filechooser actionbar entry:focus {
color: #363636; color: #363636;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75);
transition-duration: 300ms;
} }

127
src/main/gtk-3.0/gtk-light.css
View File

@ -204,6 +204,7 @@ spinner:checked:disabled, label:disabled selection:checked {
entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) {
color: #363636; color: #363636;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 2px transparent;
border: none; border: none;
} }
@ -211,6 +212,7 @@ entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus
color: #363636; color: #363636;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75);
transition-duration: 300ms;
} }
entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) {
@ -226,6 +228,7 @@ entry {
caret-color: currentColor; caret-color: currentColor;
color: #363636; color: #363636;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 2px transparent;
} }
entry.search { entry.search {
@ -253,10 +256,18 @@ entry image.right {
border-radius: 0; border-radius: 0;
} }
entry:hover {
color: #363636;
background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent;
transition-duration: 200ms;
}
entry:focus { entry:focus {
color: #363636; color: #363636;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75);
transition-duration: 300ms;
} }
entry:disabled { entry:disabled {
@ -1095,8 +1106,6 @@ spinbutton:disabled {
} }
spinbutton entry { spinbutton entry {
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid rgba(0, 0, 0, 0.12); border: 1px solid rgba(0, 0, 0, 0.12);
} }
@ -1116,6 +1125,10 @@ spinbutton:not(.vertical) entry {
min-width: 28px; min-width: 28px;
} }
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry {
min-height: 20px;
}
spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up {
border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px;
} }
@ -1320,25 +1333,6 @@ combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:no
border-width: 0 0 0 1px; border-width: 0 0 0 1px;
} }
.inline-toolbar:not(.inline-toolbar) switch,
.inline-toolbar:not(.inline-toolbar) scale,
.inline-toolbar:not(.inline-toolbar) entry,
.inline-toolbar:not(.inline-toolbar) spinbutton,
.inline-toolbar:not(.inline-toolbar) button, toolbar:not(.inline-toolbar) switch,
toolbar:not(.inline-toolbar) scale,
toolbar:not(.inline-toolbar) entry,
toolbar:not(.inline-toolbar) spinbutton,
toolbar:not(.inline-toolbar) button {
margin-right: 1px;
margin-bottom: 1px;
}
.inline-toolbar:not(.inline-toolbar) .linked > button,
.inline-toolbar:not(.inline-toolbar) .linked > entry, toolbar:not(.inline-toolbar) .linked > button,
toolbar:not(.inline-toolbar) .linked > entry {
margin-right: 0;
}
.primary-toolbar:not(.libreoffice-toolbar) { .primary-toolbar:not(.libreoffice-toolbar) {
color: #363636; color: #363636;
background-color: transparent; background-color: transparent;
@ -1442,7 +1436,7 @@ headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button {
headerbar .linked:not(.vertical) > entry { headerbar .linked:not(.vertical) > entry {
color: #575757; color: #575757;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
margin: 8px 3px; margin: 8px 3px;
padding: 0 8px; padding: 0 8px;
border-radius: 6px; border-radius: 6px;
@ -1702,7 +1696,7 @@ headerbar entry, .titlebar entry {
min-height: 22px; min-height: 22px;
color: #575757; color: #575757;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
} }
.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { .nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover {
@ -1714,6 +1708,13 @@ headerbar entry, .titlebar entry {
background-image: none; background-image: none;
} }
.nemo-window .primary-toolbar entry:hover, headerbar entry:hover {
color: #575757;
background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent;
transition-duration: 200ms;
}
.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { .nemo-window .primary-toolbar entry:focus, headerbar entry:focus {
background-image: none; background-image: none;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
@ -2316,22 +2317,6 @@ notebook.frame {
border: 1px solid #d6d6d6; border: 1px solid #d6d6d6;
} }
notebook.frame > header.top tabs > tab:first-child, notebook.frame > header.bottom tabs > tab:first-child {
border-left-style: none;
}
notebook.frame > header.top tabs > tab:last-child, notebook.frame > header.bottom tabs > tab:last-child {
border-right-style: solid;
}
notebook.frame > header.left tabs > tab:first-child, notebook.frame > header.right tabs > tab:first-child {
border-top-style: none;
}
notebook.frame > header.left tabs > tab:last-child, notebook.frame > header.right tabs > tab:last-child {
border-bottom-style: solid;
}
notebook > stack:not(:only-child) { notebook > stack:not(:only-child) {
background-color: #ffffff; background-color: #ffffff;
} }
@ -5413,7 +5398,7 @@ omnibar.linked > entry:not(:only-child) {
margin-right: 1px; margin-right: 1px;
color: #575757; color: #575757;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
border-left: none; border-left: none;
} }
@ -5424,7 +5409,7 @@ omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-
omnibar.linked > entry:not(:only-child):backdrop { omnibar.linked > entry:not(:only-child):backdrop {
color: #575757; color: #575757;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
opacity: 0.65; opacity: 0.65;
} }
@ -5933,28 +5918,18 @@ stack#titlebar_container.titlebar > stack > headerbar {
border: none; border: none;
} }
stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry {
box-shadow: inset 0 0 0 2px transparent;
}
stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry:hover {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03), inset 0 0 0 2px transparent;
transition-duration: 200ms;
}
stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry:focus {
box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75);
transition-duration: 300ms;
}
notebook.main-notebook > header.top { notebook.main-notebook > header.top {
margin-top: 0; margin-top: 0;
} }
notebook.main-notebook > header.top tabs > tab:checked { notebook.main-notebook > header.top > tabs > tab:checked {
border-top-color: #ffffff; border-top-color: #ffffff;
} }
notebook.main-notebook > header.top > tabs > tab:first-child {
border-left-width: 0;
}
stack.view.polari-entry-area { stack.view.polari-entry-area {
background-color: #f5f5f5; background-color: #f5f5f5;
border-top: 1px solid rgba(0, 0, 0, 0.12); border-top: 1px solid rgba(0, 0, 0, 0.12);
@ -6204,7 +6179,7 @@ window.background > grid.vertical > box.vertical grid.math-buttons button:not(.s
headerbar.titlebar.incognito-mode entry { headerbar.titlebar.incognito-mode entry {
color: #575757; color: #575757;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
} }
headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover {
@ -6229,7 +6204,7 @@ notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar
.background headerbar entry.starred, .background headerbar entry.non-starred { .background headerbar entry.starred, .background headerbar entry.non-starred {
color: #575757; color: #575757;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
} }
.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { .background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover {
@ -7303,6 +7278,38 @@ window.background.csd > box.horizontal > stack > box.vertical > notebook > stack
border-bottom-right-radius: 14px; border-bottom-right-radius: 14px;
} }
toolbar#SubToolBox {
min-height: 36px;
}
toolbar#SubToolBox entry, toolbar#SubToolBox button {
margin-top: 6px;
margin-bottom: 6px;
}
toolbar#SubToolBox > toolbutton > button.flat, .raven .raven-header:not(.top) toolbar#SubToolBox > toolbutton > button {
margin-left: 2px;
margin-right: 2px;
}
widget#ToolboxCommon button.flat:active, widget#ToolboxCommon .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) widget#ToolboxCommon button:active {
background-color: rgba(36, 36, 36, 0.25);
}
widget#ToolboxCommon button.flat:checked, widget#ToolboxCommon .raven .raven-header:not(.top) button:checked, .raven .raven-header:not(.top) widget#ToolboxCommon button:checked {
background-color: rgba(36, 36, 36, 0.15);
}
widget#ToolboxCommon > toolbar > toolbutton > button.flat, .raven .raven-header:not(.top) widget#ToolboxCommon > toolbar > toolbutton > button {
margin-top: 2px;
margin-bottom: 2px;
}
box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo {
margin-top: 6px;
margin-bottom: 6px;
}
window > box.vertical > box.horizontal > toolbar { window > box.vertical > box.horizontal > toolbar {
background-color: transparent; background-color: transparent;
box-shadow: none; box-shadow: none;
@ -7613,7 +7620,7 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView {
padding-right: 4px; padding-right: 4px;
color: #575757; color: #575757;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
} }
.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover {
@ -8692,12 +8699,14 @@ filechooser actionbar button:active, filechooser actionbar button:checked {
filechooser actionbar entry { filechooser actionbar entry {
color: #363636; color: #363636;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 2px transparent;
} }
filechooser actionbar entry:focus { filechooser actionbar entry:focus {
color: #363636; color: #363636;
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75);
transition-duration: 300ms;
} }

2
src/main/gtk-3.0/gtk.gresource.xml
View File

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<gresources> <gresources>
<gresource prefix="/org/gnome/Mcata-theme"> <gresource prefix="/org/gnome/theme">
<file>assets/checkbox-checked.png</file> <file>assets/checkbox-checked.png</file>
<file>assets/checkbox-checked@2.png</file> <file>assets/checkbox-checked@2.png</file>
<file>assets/checkbox-checked-insensitive.png</file> <file>assets/checkbox-checked-insensitive.png</file>

2
src/main/gtk-3.0/make_gresource_xml.sh
View File

@ -9,7 +9,7 @@ fi
echo '<?xml version="1.0" encoding="UTF-8"?>' >> gtk.gresource.xml echo '<?xml version="1.0" encoding="UTF-8"?>' >> gtk.gresource.xml
echo "<gresources>" >> gtk.gresource.xml echo "<gresources>" >> gtk.gresource.xml
echo ' <gresource prefix="/org/gnome/Mcata-theme">' >> gtk.gresource.xml echo ' <gresource prefix="/org/gnome/theme">' >> gtk.gresource.xml
for i in `cat $INDEX` for i in `cat $INDEX`
do do

6
src/sass/_variables.scss
View File

@ -36,9 +36,9 @@ $wm_radius: 14px;
$mn_radius: 10px; $mn_radius: 10px;
// durations // durations
$shorter_duration: 200ms / 2; $shorter_duration: 100ms;
$longer_duration: 300ms / 2; $longer_duration: 150ms;
$ripple_duration: 500ms / 2; $ripple_duration: 250ms;
// timing functions // timing functions
$standard_curve: cubic-bezier(0.4, 0.0, 0.2, 1); $standard_curve: cubic-bezier(0.4, 0.0, 0.2, 1);

74
src/sass/gnome-shell/_common.scss
View File

@ -25,10 +25,10 @@ $cakeisalie: "This stylesheet is generated, DO NOT EDIT";
/* GLOBALS */ /* GLOBALS */
* { // * {
// transition-timing-function: $deceleration_curve; // // transition-timing-function: $deceleration_curve;
transition-duration: $longer_duration; // transition-duration: $longer_duration;
} // }
stage { stage {
font-family: $font-family; font-family: $font-family;
@ -63,7 +63,7 @@ StEntry {
caret-color: $fg_color; caret-color: $fg_color;
selection-background-color: $primary_color; selection-background-color: $primary_color;
selected-color: $light_alt_fg_color; selected-color: $light_alt_fg_color;
@include font(subheading); // @include font(subheading);
@include entry(normal); @include entry(normal);
&:hover { @include entry(hover);} &:hover { @include entry(hover);}
&:focus { @include entry(focus);} &:focus { @include entry(focus);}
@ -1561,14 +1561,20 @@ $message_bg: if($variant == 'light', #ffffff, #383838);
border-radius: $bt_radius; border-radius: $bt_radius;
border: none; border: none;
color: $alt_fg_color; color: $alt_fg_color;
background-color: $message_bg; background-color: transparent;
margin: 4px; margin: 4px;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
&:hover, &:focus { color: $fg_color; background-color: $divider_color; } &:hover, &:focus {
color: $fg_color;
background-color: $message_bg;
}
&:active { color: $fg_color; background-color: $track_color; } &:active {
color: $fg_color;
background-color: rgba($message_bg, 0.8);
}
// icon container // icon container
.message-icon-bin { .message-icon-bin {
@ -2075,21 +2081,21 @@ StWidget.focused .app-well-app-running-dot {
background-color: $light_divider_color; background-color: $light_divider_color;
} }
.show-apps .show-apps-icon { // .show-apps .show-apps-icon {
color: transparent; // color: transparent;
background-image: url("assets/startup@2.svg"); // background-image: url("assets/startup@2.svg");
background-size: contain; // background-size: contain;
} // }
.show-apps .overview-icon { .show-apps .overview-icon {
color: transparent; color: $light_fg_color;
} }
.show-apps:hover .show-apps-icon, .show-apps:hover .show-apps-icon,
.show-apps:active .show-apps-icon, .show-apps:active .show-apps-icon,
.show-apps:checked .show-apps-icon, .show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon { .show-apps:focus .show-apps-icon {
color: transparent; color: $light_fg_color;
transition-duration: $longer_duration; transition-duration: $longer_duration;
} }
@ -2590,12 +2596,18 @@ $login_entry_bg: if($variant == 'dark', rgba(black, 0.1), rgba(white, 0.1));
StIcon { icon-size: 16px; } StIcon { icon-size: 16px; }
} }
.caps-lock-warning-label,
.login-dialog-message-warning { .login-dialog-message-warning {
color: $light_alt_fg_color; color: $light_alt_fg_color;
} }
} }
// Caps-lock warning
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: $warning_color;
}
.login-dialog-logo-bin { padding: 24px 0px; } .login-dialog-logo-bin { padding: 24px 0px; }
.login-dialog-banner { color: $light_alt_fg_color; } .login-dialog-banner { color: $light_alt_fg_color; }
.login-dialog-button-box { spacing: 5px; } .login-dialog-button-box { spacing: 5px; }
@ -2666,7 +2678,8 @@ $login_entry_bg: if($variant == 'dark', rgba(black, 0.1), rgba(white, 0.1));
color: $light_alt_fg_color; color: $light_alt_fg_color;
} }
.user-widget.horizontal .user-widget-label { .user-widget.horizontal {
.user-widget-label {
// @include font(title); // @include font(title);
font-weight: bold; font-weight: bold;
text-align: left; text-align: left;
@ -2674,12 +2687,37 @@ $login_entry_bg: if($variant == 'dark', rgba(black, 0.1), rgba(white, 0.1));
&:ltr { padding-left: 14px; } &:ltr { padding-left: 14px; }
&:rtl { padding-right: 14px; } &:rtl { padding-right: 14px; }
}
.user-icon {
icon-size: 64px; // 64px
& StIcon {
padding: 12px; // 12px
width: 40px;
height: 40px; // 40px;
}
}
} }
.user-widget.vertical .user-widget-label { .user-widget.vertical {
.user-widget-label {
text-align: center; text-align: center;
font-weight: normal; font-weight: normal;
padding-top: 16px; padding-top: 16px;
}
.user-icon {
icon-size: 96px; // 128px
& StIcon {
padding: 20px; // 20px
padding-top: 18px; // 18 px
padding-bottom: 22px; // 22px
width: 88px;
height: 88px; // 88px;
}
}
} }
.login-dialog-prompt-entry { .login-dialog-prompt-entry {

73
src/sass/gtk/_applications.scss
View File

@ -1468,19 +1468,7 @@ stack#titlebar_container.titlebar {
> stack > headerbar { > stack > headerbar {
border: none; border: none;
entry.suggestion.url_entry { // entry.suggestion.url_entry {}
box-shadow: inset 0 0 0 2px transparent;
&:hover {
box-shadow: inset 0 0 0 1px rgba($borders_color, 0.03), inset 0 0 0 2px transparent;
transition-duration: 200ms;
}
&:focus {
box-shadow: inset 0 0 0 2px $entry_highlight;
transition-duration: 300ms;
}
}
} }
} }
@ -1488,10 +1476,14 @@ notebook.main-notebook {
> header.top { > header.top {
margin-top: 0; margin-top: 0;
tabs > tab { > tabs > tab {
&:checked { &:checked {
border-top-color: $header_bg; border-top-color: $header_bg;
} }
&:first-child { //Not use
border-left-width: 0;
}
} }
} }
} }
@ -2891,13 +2883,58 @@ window.background.csd {
} }
// //
// Pamac // Inkscape
// //
toolbar#SubToolBox {
min-height: 36px;
// > toolitem#select-x {
// spinbutton {
// entry {
// min-width: 0;
// }
// }
// }
// /************ entry, button {
// * Synaptic * margin-top: 6px;
// ************/ margin-bottom: 6px;
}
> toolbutton > button.flat {
margin-left: 2px;
margin-right: 2px;
}
}
widget#ToolboxCommon {
button.flat {
&:active {
background-color: rgba($fg_color, 0.25);
}
&:checked {
background-color: rgba($fg_color, 0.15);
}
}
// > toolbar > toolitem > button.flat, // Left side
> toolbar > toolbutton > button.flat { // Right side
margin-top: 2px;
margin-bottom: 2px;
}
}
box#DesktopStatusBar {
spinbutton, button.combo {
margin-top: 6px;
margin-bottom: 6px;
}
}
//
// Synaptic
//
window > box.vertical > box.horizontal { window > box.vertical > box.horizontal {
> toolbar { > toolbar {
background-color: transparent; background-color: transparent;

60
src/sass/gtk/_common.scss
View File

@ -246,6 +246,10 @@ entry {
} }
} }
&:hover {
@include entry(hover);
}
&:focus { &:focus {
@include entry(focus); @include entry(focus);
} }
@ -897,8 +901,6 @@ spinbutton {
&:disabled { color: $disabled_fg_color; } &:disabled { color: $disabled_fg_color; }
entry { entry {
padding-top: 2px;
padding-bottom: 2px;
@extend %Linked_entrys; @extend %Linked_entrys;
border: 1px solid $borders_color; border: 1px solid $borders_color;
@ -922,7 +924,7 @@ spinbutton {
min-width: 28px; min-width: 28px;
} }
button, entry { @extend %linked; } button, entry { @extend %linked; min-height: 20px; }
&:dir(ltr) entry, &:dir(ltr) entry,
&:dir(rtl) button.up { border-radius: $bt_radius 0 0 $bt_radius; } &:dir(rtl) button.up { border-radius: $bt_radius 0 0 $bt_radius; }
@ -1111,19 +1113,19 @@ combobox {
&.right { border-width: 0 0 0 1px; } &.right { border-width: 0 0 0 1px; }
} }
&:not(.inline-toolbar) { // &:not(.inline-toolbar) {
switch, // switch,
scale, // scale,
entry, // entry,
spinbutton, // spinbutton,
button { // button {
margin-right: 1px; // margin-right: 1px;
margin-bottom: 1px; // margin-bottom: 1px;
} // }
//
.linked > button, // .linked > button,
.linked > entry { margin-right:0; } // .linked > entry { margin-right:0; }
} // }
} }
.primary-toolbar:not(.libreoffice-toolbar) { // LO messes up the toolbar styling, so exclude LO toolbars .primary-toolbar:not(.libreoffice-toolbar) { // LO messes up the toolbar styling, so exclude LO toolbars
@ -1548,6 +1550,10 @@ headerbar, .titlebar {
&:backdrop { opacity: 0.65; background-image: none; } &:backdrop { opacity: 0.65; background-image: none; }
&:hover {
@include entry(header-hover);
}
&:focus { &:focus {
@include entry(header-focus); @include entry(header-focus);
} }
@ -2060,24 +2066,6 @@ notebook {
&.frame { &.frame {
border: 1px solid $solid_borders_color; border: 1px solid $solid_borders_color;
> header {
&.top,
&.bottom {
tabs > tab {
&:first-child { border-left-style: none; }
&:last-child { border-right-style: solid; }
}
}
&.left,
&.right {
tabs > tab {
&:first-child { border-top-style: none; }
&:last-child { border-bottom-style: solid; }
}
}
}
} }
> stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks
@ -2219,10 +2207,6 @@ notebook {
} }
} }
&.top {
}
tabs > tab { tabs > tab {
color: $disabled_fg_color; color: $disabled_fg_color;
background-color: transparentize($base_color, 1); background-color: transparentize($base_color, 1);

24
src/sass/gtk/_drawing.scss
View File

@ -51,6 +51,17 @@ $switch_animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
// //
color: $text_color; color: $text_color;
background-color: $entry_bg; background-color: $entry_bg;
box-shadow: inset 0 0 0 2px transparent;
}
@if $t==hover {
//
// hover entry
//
color: $text_color;
background-color: $entry_bg;
box-shadow: inset 0 0 0 1px rgba($borders_color, 0.05), inset 0 0 0 2px transparent;
transition-duration: $shorter_duration * 2;
} }
@if $t==focus { @if $t==focus {
@ -60,6 +71,7 @@ $switch_animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
color: $text_color; color: $text_color;
background-color: $entry_bg; background-color: $entry_bg;
box-shadow: inset 0 0 0 2px $entry_highlight; box-shadow: inset 0 0 0 2px $entry_highlight;
transition-duration: $longer_duration * 2;
} }
@if $t==insensitive { @if $t==insensitive {
@ -76,11 +88,21 @@ $switch_animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
// //
color: $header_fg; color: $header_fg;
background-color: $entry_bg; background-color: $entry_bg;
box-shadow: none; box-shadow: inset 0 0 0 2px transparent;
image, image:hover { color: inherit; } image, image:hover { color: inherit; }
} }
@if $t==header-hover {
//
// header-hover entry
//
color: $header_fg;
background-color: $entry_bg;
box-shadow: inset 0 0 0 1px rgba($borders_color, 0.05), inset 0 0 0 2px transparent;
transition-duration: $shorter_duration * 2;
}
@if $t==header-focus { @if $t==header-focus {
// //
// focused header-bar entry // focused header-bar entry