tyler.durden/Sierra-gtk-theme
1
0
Fork 0
mirror of https://github.com/vinceliuice/Sierra-gtk-theme.git synced 2025-07-31 01:44:20 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update and fixed bugs

Browse Source
This commit is contained in:
vinceliuice 2018-02-17 21:03:00 +08:00
parent 711c7f3290
commit ab546ab8e4
21 changed files with 15477 additions and 171 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
Install
View File

@ -17,22 +17,23 @@ srcdir=${repodir}/src
rm -rf $DEST_DIR/Sierra* rm -rf $DEST_DIR/Sierra*
# Copying files # Copying files
for trans in '' '-solid' ; do
for color in '-light' '-dark'; do for color in '-light' '-dark'; do
echo -e " Installing Sierra${color} ..." echo -e " Installing Sierra${color}${trans} ..."
themedir=$DEST_DIR/Sierra${color} themedir=$DEST_DIR/Sierra${color}${trans}
install -d ${themedir} install -d ${themedir}
# Install index.theme # Install index.theme
echo "[Desktop Entry]" >> ${themedir}/index.theme echo "[Desktop Entry]" >> ${themedir}/index.theme
echo "Type=X-GNOME-Metatheme" >> ${themedir}/index.theme echo "Type=X-GNOME-Metatheme" >> ${themedir}/index.theme
echo "Name=Sierra${color}" >> ${themedir}/index.theme echo "Name=Sierra${color}${trans}" >> ${themedir}/index.theme
echo "Comment=An Stylish Gtk+ theme based on Elegant Design" >> ${themedir}/index.theme echo "Comment=An Stylish Gtk+ theme based on Elegant Design" >> ${themedir}/index.theme
echo "Encoding=UTF-8" >> ${themedir}/index.theme echo "Encoding=UTF-8" >> ${themedir}/index.theme
echo "" >> ${themedir}/index.theme echo "" >> ${themedir}/index.theme
echo "[X-GNOME-Metatheme]" >> ${themedir}/index.theme echo "[X-GNOME-Metatheme]" >> ${themedir}/index.theme
echo "GtkTheme=Sierra${color}" >> ${themedir}/index.theme echo "GtkTheme=Sierra${color}${trans}" >> ${themedir}/index.theme
echo "MetacityTheme=Sierra${color}" >> ${themedir}/index.theme echo "MetacityTheme=Sierra${color}${trans}" >> ${themedir}/index.theme
echo "IconTheme=Adwaita" >> ${themedir}/index.theme echo "IconTheme=Adwaita" >> ${themedir}/index.theme
echo "CursorTheme=Adwaita" >> ${themedir}/index.theme echo "CursorTheme=Adwaita" >> ${themedir}/index.theme
echo "ButtonLayout=close,minimize,maximize:menu" >> ${themedir}/index.theme echo "ButtonLayout=close,minimize,maximize:menu" >> ${themedir}/index.theme
@ -42,7 +43,7 @@ srcdir=${repodir}/src
cd ${srcdir}/gnome-shell cd ${srcdir}/gnome-shell
cp -ur \ cp -ur \
gnome-shell${color}.css \ gnome-shell${color}${trans}.css \
${themedir}/gnome-shell/gnome-shell.css ${themedir}/gnome-shell/gnome-shell.css
cp -ur \ cp -ur \
@ -145,11 +146,11 @@ srcdir=${repodir}/src
${themedir}/gtk-3.0/thumbnail.png ${themedir}/gtk-3.0/thumbnail.png
cp -ur \ cp -ur \
gtk${color}.css \ gtk${color}${trans}.css \
${themedir}/gtk-3.0/gtk.css ${themedir}/gtk-3.0/gtk.css
cp -ur \ cp -ur \
gtk-dark.css \ gtk-dark${trans}.css \
${themedir}/gtk-3.0/gtk-dark.css ${themedir}/gtk-3.0/gtk-dark.css
# Install Metacity Theme # Install Metacity Theme
@ -190,4 +191,5 @@ srcdir=${repodir}/src
${themedir}/xfwm4/themerc ${themedir}/xfwm4/themerc
done done
done

2408
src/gnome-shell/gnome-shell-dark-solid.css Normal file
View File

File diff suppressed because it is too large Load Diff

10
src/gnome-shell/gnome-shell-dark-solid.scss Normal file
View File

@ -0,0 +1,10 @@
$variant: 'dark';
$laptop: 'true';
$panel: 'dark';
$trans: 'false';
@import 'sass/variables';
@import 'sass/colors';
@import 'sass/drawing';
@import 'sass/common';
@import 'sass/extensions';

43
src/gnome-shell/gnome-shell-dark.css
View File

@ -72,7 +72,7 @@ stage {
.modal-dialog-linked-button { .modal-dialog-linked-button {
min-height: 40px; min-height: 40px;
padding: 0 16px; padding: 0 16px;
border-top: 1px solid rgba(0, 0, 0, 0.26) !important; border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
border-right-width: 0; border-right-width: 0;
font-size: 9.75pt; font-size: 9.75pt;
font-weight: 500; font-weight: 500;
@ -130,14 +130,14 @@ StEntry {
font-weight: 400; font-weight: 400;
background-color: #212121; background-color: #212121;
border-radius: 5px; border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.26); border: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: none; } box-shadow: none; }
StEntry:focus { StEntry:focus {
border: 1px solid #4d91ff; border: 1px solid #4d91ff;
box-shadow: 0 0 0 2px #4d91ff; } box-shadow: 0 0 0 2px #4d91ff; }
StEntry:insensitive { StEntry:insensitive {
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
border: 1px solid rgba(0, 0, 0, 0.5); } border: 1px solid rgba(255, 255, 255, 0.5); }
StEntry StIcon.capslock-warning { StEntry StIcon.capslock-warning {
icon-size: 16px; icon-size: 16px;
warning-color: #FF6D00; warning-color: #FF6D00;
@ -482,7 +482,7 @@ StScrollBar {
spacing: 20px; } spacing: 20px; }
.audio-selection-device { .audio-selection-device {
border: 1px solid rgba(0, 0, 0, 0.26); border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 8px; } border-radius: 8px; }
.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus {
background-color: #0062FF; } background-color: #0062FF; }
@ -524,17 +524,17 @@ StScrollBar {
/* Popovers/Menus */ /* Popovers/Menus */
.popup-menu { .popup-menu {
min-width: 160px; min-width: 12em;
background-color: transparent; } background-color: transparent; }
.popup-menu .popup-sub-menu { .popup-menu .popup-sub-menu {
background-color: rgba(100, 100, 100, 0.45); background-color: rgba(100, 100, 100, 0.35);
box-shadow: 0 0 transparent; box-shadow: 0 0 transparent;
border-radius: 0 0 5px 5px; } border-radius: 0 0 5px 5px; }
.popup-menu .popup-menu-content { .popup-menu .popup-menu-content {
padding: 6px 0; padding: 6px 0;
margin: 0 2px; } margin: 0 2px; }
.popup-menu .popup-menu-item { .popup-menu .popup-menu-item {
spacing: 8px; spacing: 4px;
transition-duration: 100ms; transition-duration: 100ms;
border-radius: 5px; } border-radius: 5px; }
.popup-menu .popup-menu-item:ltr { .popup-menu .popup-menu-item:ltr {
@ -544,9 +544,10 @@ StScrollBar {
.popup-menu .popup-menu-item:checked { .popup-menu .popup-menu-item:checked {
background-color: #0062FF; background-color: #0062FF;
color: rgba(255, 255, 255, 0.85); color: rgba(255, 255, 255, 0.85);
box-shadow: 0 0 transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15);
font-weight: normal; font-weight: normal;
border-radius: 5px 5px 0 0; } border-radius: 5px 5px 0 0;
text-shadow: 0 1px rgba(0, 0, 0, 0.45); }
.popup-menu .popup-menu-item:checked.selected { .popup-menu .popup-menu-item:checked.selected {
background-color: rgba(29, 116, 255, 0.9775); background-color: rgba(29, 116, 255, 0.9775);
color: rgba(255, 255, 255, 0.85); } color: rgba(255, 255, 255, 0.85); }
@ -597,13 +598,13 @@ StScrollBar {
.popup-separator-menu-item { .popup-separator-menu-item {
height: 1px; height: 1px;
margin: 0 38px; margin: 0 38px;
background-color: transparent; background-color: rgba(255, 255, 255, 0.12);
border-color: rgba(0, 0, 0, 0.1); border-color: transparent;
border-bottom-width: 1px; border-bottom-width: 0;
border-bottom-style: solid; } border-bottom-style: solid; }
.background-menu { .background-menu {
-boxpointer-gap: 4px; -boxpointer-gap: 8px;
-arrow-rise: 0; } -arrow-rise: 0; }
/* fallback menu /* fallback menu
@ -673,7 +674,7 @@ StScrollBar {
.switcher-list .separator { .switcher-list .separator {
width: 1px; width: 1px;
background: rgba(0, 0, 0, 0.26); } background: rgba(255, 255, 255, 0.12); }
.switcher-arrow { .switcher-arrow {
border-color: transparent; border-color: transparent;
@ -863,7 +864,7 @@ StScrollBar {
spacing: 8px; } spacing: 8px; }
.datemenu-calendar-column { .datemenu-calendar-column {
border: 0 solid rgba(0, 0, 0, 0.26); } border: 0 solid rgba(255, 255, 255, 0.12); }
.datemenu-calendar-column:ltr { .datemenu-calendar-column:ltr {
border-left-width: 0; } border-left-width: 0; }
.datemenu-calendar-column:rtl { .datemenu-calendar-column:rtl {
@ -1493,7 +1494,7 @@ StScrollBar {
width: 5px; width: 5px;
height: 5px; height: 5px;
border-radius: 3px; border-radius: 3px;
background-color: rgba(255, 255, 255, 0.85); background-color: #0062FF;
margin-bottom: 0; } margin-bottom: 0; }
.search-provider-icon, .search-provider-icon,
@ -1617,7 +1618,7 @@ StScrollBar {
.notification-banner .notification-actions { .notification-banner .notification-actions {
background-color: transparent; background-color: transparent;
padding-top: 0; padding-top: 0;
border-top: 1px solid rgba(0, 0, 0, 0.26); border-top: 1px solid rgba(255, 255, 255, 0.12);
spacing: 1px; } spacing: 1px; }
.notification-banner .notification-button { .notification-banner .notification-button {
min-height: 40px; min-height: 40px;
@ -1865,14 +1866,14 @@ StScrollBar {
selected-color: rgba(255, 255, 255, 0.85); selected-color: rgba(255, 255, 255, 0.85);
background-color: #212121; background-color: #212121;
border-radius: 5px; border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.26); border: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: none; } box-shadow: none; }
.login-dialog StEntry:focus { .login-dialog StEntry:focus {
border: 1px solid #4d91ff; border: 1px solid #4d91ff;
box-shadow: 0 0 0 2px #4d91ff; } box-shadow: 0 0 0 2px #4d91ff; }
.login-dialog StEntry:insensitive { .login-dialog StEntry:insensitive {
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
border: 1px solid rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.login-dialog .modal-dialog-button-box { .login-dialog .modal-dialog-button-box {
spacing: 3px; } spacing: 3px; }
@ -2119,7 +2120,7 @@ StScrollBar {
border: none; border: none;
border-radius: 0; border-radius: 0;
background-color: rgba(36, 36, 36, 0.01); background-color: rgba(36, 36, 36, 0.01);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); } box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); }
#LookingGlassDialog .labels { #LookingGlassDialog .labels {
spacing: 0; } spacing: 0; }
#LookingGlassDialog .notebook-tab { #LookingGlassDialog .notebook-tab {
@ -2395,7 +2396,7 @@ StScrollBar {
selected-color: rgba(255, 255, 255, 0.85); selected-color: rgba(255, 255, 255, 0.85);
background-color: #212121; background-color: #212121;
border-radius: 5px; border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.26); border: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: none; } box-shadow: none; }
.popup-menu .search-entry:focus { .popup-menu .search-entry:focus {
border: 1px solid #4d91ff; border: 1px solid #4d91ff;

1
src/gnome-shell/gnome-shell-dark.scss
View File

@ -1,6 +1,7 @@
$variant: 'dark'; $variant: 'dark';
$laptop: 'true'; $laptop: 'true';
$panel: 'dark'; $panel: 'dark';
$trans: 'true';
@import 'sass/variables'; @import 'sass/variables';
@import 'sass/colors'; @import 'sass/colors';

2408
src/gnome-shell/gnome-shell-light-solid.css Normal file
View File

File diff suppressed because it is too large Load Diff

10
src/gnome-shell/gnome-shell-light-solid.scss Normal file
View File

@ -0,0 +1,10 @@
$variant: 'light';
$laptop: 'true';
$panel: 'light';
$trans: 'false';
@import 'sass/variables';
@import 'sass/colors';
@import 'sass/drawing';
@import 'sass/common';
@import 'sass/extensions';

21
src/gnome-shell/gnome-shell-light.css
View File

@ -524,17 +524,17 @@ StScrollBar {
/* Popovers/Menus */ /* Popovers/Menus */
.popup-menu { .popup-menu {
min-width: 160px; min-width: 12em;
background-color: transparent; } background-color: transparent; }
.popup-menu .popup-sub-menu { .popup-menu .popup-sub-menu {
background-color: rgba(191, 191, 191, 0.45); background-color: rgba(191, 191, 191, 0.35);
box-shadow: 0 0 transparent; box-shadow: 0 0 transparent;
border-radius: 0 0 5px 5px; } border-radius: 0 0 5px 5px; }
.popup-menu .popup-menu-content { .popup-menu .popup-menu-content {
padding: 6px 0; padding: 6px 0;
margin: 0 2px; } margin: 0 2px; }
.popup-menu .popup-menu-item { .popup-menu .popup-menu-item {
spacing: 8px; spacing: 4px;
transition-duration: 100ms; transition-duration: 100ms;
border-radius: 5px; } border-radius: 5px; }
.popup-menu .popup-menu-item:ltr { .popup-menu .popup-menu-item:ltr {
@ -544,9 +544,10 @@ StScrollBar {
.popup-menu .popup-menu-item:checked { .popup-menu .popup-menu-item:checked {
background-color: #0e6bff; background-color: #0e6bff;
color: rgba(255, 255, 255, 0.85); color: rgba(255, 255, 255, 0.85);
box-shadow: 0 0 transparent; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15);
font-weight: normal; font-weight: normal;
border-radius: 5px 5px 0 0; } border-radius: 5px 5px 0 0;
text-shadow: 0 1px rgba(0, 0, 0, 0.45); }
.popup-menu .popup-menu-item:checked.selected { .popup-menu .popup-menu-item:checked.selected {
background-color: rgba(42, 124, 255, 0.9775); background-color: rgba(42, 124, 255, 0.9775);
color: rgba(255, 255, 255, 0.85); } color: rgba(255, 255, 255, 0.85); }
@ -597,13 +598,13 @@ StScrollBar {
.popup-separator-menu-item { .popup-separator-menu-item {
height: 1px; height: 1px;
margin: 0 38px; margin: 0 38px;
background-color: transparent; background-color: rgba(0, 0, 0, 0.12);
border-color: rgba(0, 0, 0, 0.1); border-color: transparent;
border-bottom-width: 1px; border-bottom-width: 0;
border-bottom-style: solid; } border-bottom-style: solid; }
.background-menu { .background-menu {
-boxpointer-gap: 4px; -boxpointer-gap: 8px;
-arrow-rise: 0; } -arrow-rise: 0; }
/* fallback menu /* fallback menu
@ -1493,7 +1494,7 @@ StScrollBar {
width: 5px; width: 5px;
height: 5px; height: 5px;
border-radius: 3px; border-radius: 3px;
background-color: rgba(255, 255, 255, 0.85); background-color: #0e6bff;
margin-bottom: 0; } margin-bottom: 0; }
.search-provider-icon, .search-provider-icon,

1
src/gnome-shell/gnome-shell-light.scss
View File

@ -1,6 +1,7 @@
$variant: 'light'; $variant: 'light';
$laptop: 'true'; $laptop: 'true';
$panel: 'light'; $panel: 'light';
$trans: 'true';
@import 'sass/variables'; @import 'sass/variables';
@import 'sass/colors'; @import 'sass/colors';

8
src/gnome-shell/sass/_colors.scss
View File

@ -44,8 +44,6 @@ $alt_base_color: if($variant =='dark', lighten($base_color, 25%), darken($base_c
$bg_color: rgba($black, $middle_opacity); $bg_color: rgba($black, $middle_opacity);
$alt_bg_color: rgba($black, $lower_opacity); $alt_bg_color: rgba($black, $lower_opacity);
$inverse_bg_color: rgba($inverse_fg_color, 0.13); $inverse_bg_color: rgba($inverse_fg_color, 0.13);
$panel_bg_color: rgba($base_color, 0.65);
$panel_fg_color: if($panel == 'dark', #dedede, #242424);
// Misc colors // Misc colors
@ -53,6 +51,10 @@ $primary_color: if($variant == 'light', #0e6bff, #0062FF);
$alt_primary_color: if($variant == 'light', #0e6bff, #0062FF); $alt_primary_color: if($variant == 'light', #0e6bff, #0062FF);
$accent_color: if($variant == 'light', #0e6bff, #0062FF); $accent_color: if($variant == 'light', #0e6bff, #0062FF);
$panel_bg_color: if($trans == 'true', rgba($base_color, 0.65), $base_color);
$panel_fg_color: if($panel == 'dark', #dedede, #242424);
$menu_bg_color: if($trans == 'true', rgba($base_color, 0.95), $base_color);
$link_color: $primary_color; $link_color: $primary_color;
$visited_link_color: $purple_A200; $visited_link_color: $purple_A200;
@ -68,6 +70,6 @@ $question_bg_color: $blue_400;
$warning_bg_color: $orange_400; $warning_bg_color: $orange_400;
$error_bg_color: $red_400; $error_bg_color: $red_400;
$border_color: if($variant == 'light', rgba($black, 0.12), rgba($black, 0.26)); $border_color: if($variant == 'light', rgba($black, 0.12), rgba($white, 0.12));
$highlight_color: if($variant == 'light', rgba($white, 0.4), rgba($white, 0.1)); $highlight_color: if($variant == 'light', rgba($white, 0.4), rgba($white, 0.1));
$alt_highlight_color: rgba($white, 0.2); $alt_highlight_color: rgba($white, 0.2);

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

@ -555,19 +555,19 @@ $slider_color: if($variant == 'light', $accent_color, white);
/* Popovers/Menus */ /* Popovers/Menus */
.popup-menu { .popup-menu {
min-width: 160px; min-width: 12em;
background-color: transparent; background-color: transparent;
.popup-menu-arrow { } //defined globally in the TOP BAR .popup-menu-arrow { } //defined globally in the TOP BAR
.popup-sub-menu { .popup-sub-menu {
background-color: rgba($alt_base_color, 0.45); background-color: rgba($alt_base_color, 0.35);
box-shadow: $shadow_0; box-shadow: $shadow_0;
border-radius: 0 0 $material_radius $material_radius; border-radius: 0 0 $material_radius $material_radius;
} }
.popup-menu-content { padding: 6px 0; margin: 0 2px; } .popup-menu-content { padding: 6px 0; margin: 0 2px; }
.popup-menu-item { .popup-menu-item {
spacing: 8px; spacing: 4px;
transition-duration: $shorter_duration; transition-duration: $shorter_duration;
border-radius: $material_radius; border-radius: $material_radius;
@ -576,9 +576,11 @@ $slider_color: if($variant == 'light', $accent_color, white);
&:checked { &:checked {
background-color: $primary_color; background-color: $primary_color;
color: $inverse_fg_color; color: $inverse_fg_color;
box-shadow: $shadow_0; box-shadow: inset 0 -1px rgba(black, 0.15);
font-weight: normal; font-weight: normal;
border-radius: $material_radius $material_radius 0 0; border-radius: $material_radius $material_radius 0 0;
text-shadow: 0 1px rgba(black, 0.45);
&.selected { &.selected {
background-color: mix($inverse_fg_color, $primary_color, percentage($lower_opacity / 2)); background-color: mix($inverse_fg_color, $primary_color, percentage($lower_opacity / 2));
color: $inverse_fg_color; color: $inverse_fg_color;
@ -631,7 +633,7 @@ $slider_color: if($variant == 'light', $accent_color, white);
-arrow-rise: 0; -arrow-rise: 0;
-arrow-box-shadow: none; //dreaming. bug #689995 -arrow-box-shadow: none; //dreaming. bug #689995
margin: 2px 6px 6px; margin: 2px 6px 6px;
background-color: rgba($base_color, 0.95); background-color: $menu_bg_color;
border-radius: $material_radius; border-radius: $material_radius;
box-shadow: $shadow_2; box-shadow: $shadow_2;
} }
@ -639,14 +641,14 @@ $slider_color: if($variant == 'light', $accent_color, white);
.popup-separator-menu-item { .popup-separator-menu-item {
height: 1px; //not really the whole box height: 1px; //not really the whole box
margin: 0 38px; margin: 0 38px;
background-color: transparent; background-color: $border_color;
border-color: rgba($border_color, 0.1); border-color: transparent;
border-bottom-width: 1px; border-bottom-width: 0;
border-bottom-style: solid; border-bottom-style: solid;
} }
// Background menu // Background menu
.background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } .background-menu { -boxpointer-gap: 8px; -arrow-rise: 0; }
/* fallback menu /* fallback menu
- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled
@ -810,7 +812,7 @@ $slider_color: if($variant == 'light', $accent_color, white);
/* TOP BAR */ /* TOP BAR */
#panel { #panel {
background-color: $panel_bg_color;; background-color: $panel_bg_color;
/* transition from solid to transparent */ /* transition from solid to transparent */
transition-duration: 250ms; transition-duration: 250ms;
font-weight: bold; font-weight: bold;
@ -1634,7 +1636,7 @@ $slider_color: if($variant == 'light', $accent_color, white);
.app-well-app-running-dot { //running apps indicator .app-well-app-running-dot { //running apps indicator
width: 5px; height: 5px; width: 5px; height: 5px;
border-radius: 3px; border-radius: 3px;
background-color: $inverse_fg_color; background-color: $primary_color;
margin-bottom: 0; margin-bottom: 0;
} }

2
src/gnome-shell/sass/_variables.scss
View File

@ -62,3 +62,5 @@ $shadow_3: 0 10px 10px rgba(0, 0, 0, 0.19 * 1.5), 0 6px 3px rgba(0, 0, 0, 0.23 *
$shadow_4: 0 14px 14px rgba(0, 0, 0, 0.25 * 2), 0 10px 5px rgba(0, 0, 0, 0.22 * 2); $shadow_4: 0 14px 14px rgba(0, 0, 0, 0.25 * 2), 0 10px 5px rgba(0, 0, 0, 0.22 * 2);
$shadow_5: 0 19px 19px rgba(0, 0, 0, 0.30 * 2), 0 15px 6px rgba(0, 0, 0, 0.22 * 2); $shadow_5: 0 19px 19px rgba(0, 0, 0, 0.30 * 2), 0 15px 6px rgba(0, 0, 0, 0.22 * 2);
$shadow_6: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 4px rgba(0, 0, 0, 0.3); $shadow_6: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 4px rgba(0, 0, 0, 0.3);
$text_shadow: 0 -1px rgba(#ffffff, 0.04), -1px 0px rgba(#202020, 0.05), 1px 0px rgba(#202020, 0.05),
0px 1px rgba(#202020, 0.3), 0px 2px rgba(#202020, 0.05); // text and icon shadow

5219
src/gtk-3.0/gtk-dark-solid.css Normal file
View File

File diff suppressed because it is too large Load Diff

13
src/gtk-3.0/gtk-dark-solid.scss Normal file
View File

@ -0,0 +1,13 @@
$variant: 'dark';
$darker: 'false';
$transparency: 'false';
@import 'sass/colors';
@import 'sass/drawing';
@import 'sass/common';
@import 'sass/applications';
@import 'sass/unity';
@import 'sass/granite';
@import 'sass/lightdm';
@import 'sass/transparent_widgets';
@import 'sass/colors-public';

84
src/gtk-3.0/gtk-dark.css
View File

@ -90,15 +90,13 @@ flowbox flowboxchild {
flowbox flowboxchild:selected { flowbox flowboxchild:selected {
outline-offset: -2px; } outline-offset: -2px; }
label.separator, popover label.separator, label.separator, popover label.separator {
popover.background label.separator {
color: #dedede; } color: #dedede; }
label selection { label selection {
color: #ffffff; color: #ffffff;
background-color: #0062FF; } background-color: #0062FF; }
.dim-label, label.separator, popover label.separator, .dim-label, label.separator, popover label.separator, headerbar .subtitle,
popover.background label.separator, headerbar .subtitle,
.titlebar:not(headerbar) .subtitle { .titlebar:not(headerbar) .subtitle {
opacity: 0.55; } opacity: 0.55; }
@ -116,11 +114,7 @@ assistant .sidebar label.highlight {
textview { textview {
background-color: #242424; } background-color: #242424; }
popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, .osd .scale-popup, .osd {
popover.background.osd,
popover.background.magnifier, .csd
popover.background.osd, .csd
popover.background.magnifier, .osd .scale-popup, .osd {
color: #dedede; color: #dedede;
border: none; border: none;
background-color: rgba(36, 36, 36, 0.95); background-color: rgba(36, 36, 36, 0.95);
@ -937,6 +931,12 @@ searchbar {
border-color: #4B4B4B; border-color: #4B4B4B;
border-width: 0 0 1px; border-width: 0 0 1px;
padding: 3px; } padding: 3px; }
searchbar button.flat, searchbar button.sidebar-button {
min-height: 16px;
min-width: 16px;
margin: 4px 6px;
padding: 0 2px;
border-radius: 100px; }
actionbar { actionbar {
padding: 6px; padding: 6px;
@ -1052,9 +1052,12 @@ headerbar,
.titlebar { .titlebar {
border-radius: 6px 6px 0 0; } border-radius: 6px 6px 0 0; }
headerbar entry, headerbar button, headerbar separator { headerbar button, headerbar separator {
margin-top: 6px; margin-top: 6px;
margin-bottom: 6px; } margin-bottom: 6px; }
headerbar entry {
margin-top: 5px;
margin-bottom: 5px; }
separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop {
border-top-left-radius: 6px; } border-top-left-radius: 6px; }
.maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop { .maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop {
@ -1085,7 +1088,6 @@ window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, w
opacity: 0.6; } opacity: 0.6; }
headerbar entry, .nemo-window .primary-toolbar entry { headerbar entry, .nemo-window .primary-toolbar entry {
min-height: 22px;
border: none; border: none;
color: rgba(225, 219, 219, 0.8); color: rgba(225, 219, 219, 0.8);
background-color: rgba(119, 119, 119, 0.55); background-color: rgba(119, 119, 119, 0.55);
@ -1093,7 +1095,9 @@ headerbar entry, .nemo-window .primary-toolbar entry {
headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entry image:hover, .nemo-window .primary-toolbar entry image:hover { headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entry image:hover, .nemo-window .primary-toolbar entry image:hover {
color: inherit; } color: inherit; }
headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop { headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop {
opacity: 0.85; } opacity: 0.85;
box-shadow: none;
background-image: none; }
headerbar entry:focus, .nemo-window .primary-toolbar entry:focus { headerbar entry:focus, .nemo-window .primary-toolbar entry:focus {
border: none; border: none;
box-shadow: 0 0 0 2px #66a1ff, inset 0 0 0 1px #66a1ff; box-shadow: 0 0 0 2px #66a1ff, inset 0 0 0 1px #66a1ff;
@ -1608,16 +1612,13 @@ menu,
.context-menu, .context-menu,
popover.touch-selection, popover.touch-selection,
.csd popover.touch-selection, .csd popover.touch-selection,
popover.background.touch-selection,
.csd popover.background.touch-selection,
.menu { .menu {
margin: 0; margin: 0;
padding: 10px 0; padding: 10px 0;
border-radius: 6px; border-radius: 6px;
background-color: rgba(51, 51, 51, 0.95); background-color: rgba(51, 51, 51, 0.95); }
border: 1px solid rgba(255, 255, 255, 0.12); }
.csd menu, .csd .csd menu, .csd
.context-menu, .csd popover.touch-selection, .csd popover.background.touch-selection, .csd .context-menu, .csd popover.touch-selection, .csd
.menu { .menu {
border-radius: 6px; border-radius: 6px;
background-color: rgba(51, 51, 51, 0.95); background-color: rgba(51, 51, 51, 0.95);
@ -1625,10 +1626,8 @@ popover.background.touch-selection,
menu separator, .csd menu separator, menu separator, .csd menu separator,
.context-menu separator, .context-menu separator,
popover.touch-selection separator, popover.touch-selection separator,
.csd popover.touch-selection separator, .csd popover.touch-selection separator, .csd
popover.background.touch-selection separator, .context-menu separator, .csd popover.touch-selection separator,
.csd popover.background.touch-selection separator, .csd
.context-menu separator, .csd popover.touch-selection separator, .csd popover.background.touch-selection separator,
.menu separator, .csd .menu separator, .csd
.menu separator { .menu separator {
margin: 4px 0; margin: 4px 0;
@ -1639,8 +1638,6 @@ popover.background.touch-selection,
.context-menu menuitem, .context-menu menuitem,
popover.touch-selection menuitem, popover.touch-selection menuitem,
.csd popover.touch-selection menuitem, .csd popover.touch-selection menuitem,
popover.background.touch-selection menuitem,
.csd popover.background.touch-selection menuitem,
.menu menuitem { .menu menuitem {
min-height: 12px; min-height: 12px;
min-width: 40px; min-width: 40px;
@ -1651,7 +1648,6 @@ popover.background.touch-selection,
menu menuitem:hover, menu menuitem:hover,
.context-menu menuitem:hover, .context-menu menuitem:hover,
popover.touch-selection menuitem:hover, popover.touch-selection menuitem:hover,
.csd popover.background.touch-selection menuitem:hover,
.menu menuitem:hover { .menu menuitem:hover {
color: #ffffff; color: #ffffff;
background-color: #0062FF; background-color: #0062FF;
@ -1661,22 +1657,18 @@ popover.background.touch-selection,
menu menuitem:hover arrow, menu menuitem:hover arrow,
.context-menu menuitem:hover arrow, .context-menu menuitem:hover arrow,
popover.touch-selection menuitem:hover arrow, popover.touch-selection menuitem:hover arrow,
.csd popover.background.touch-selection menuitem:hover arrow,
.menu menuitem:hover arrow { .menu menuitem:hover arrow {
color: #ffffff; color: #ffffff;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
menu menuitem:disabled, menu menuitem:disabled,
.context-menu menuitem:disabled, .context-menu menuitem:disabled,
popover.touch-selection menuitem:disabled, popover.touch-selection menuitem:disabled,
.csd popover.background.touch-selection menuitem:disabled,
.menu menuitem:disabled { .menu menuitem:disabled {
color: rgba(222, 222, 222, 0.45); } color: rgba(222, 222, 222, 0.45); }
menu menuitem arrow, menu menuitem arrow,
.context-menu menuitem arrow, .context-menu menuitem arrow,
popover.touch-selection menuitem arrow, popover.touch-selection menuitem arrow,
.csd popover.touch-selection menuitem arrow, .csd popover.touch-selection menuitem arrow,
popover.background.touch-selection menuitem arrow,
.csd popover.background.touch-selection menuitem arrow,
.menu menuitem arrow { .menu menuitem arrow {
min-height: 16px; min-height: 16px;
min-width: 16px; min-width: 16px;
@ -1687,14 +1679,12 @@ popover.background.touch-selection,
menu menuitem arrow:dir(ltr), menu menuitem arrow:dir(ltr),
.context-menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr),
popover.touch-selection menuitem arrow:dir(ltr), popover.touch-selection menuitem arrow:dir(ltr),
.csd popover.background.touch-selection menuitem arrow:dir(ltr),
.menu menuitem arrow:dir(ltr) { .menu menuitem arrow:dir(ltr) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
margin-right: 0; } margin-right: 0; }
menu menuitem arrow:dir(rtl), menu menuitem arrow:dir(rtl),
.context-menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl),
popover.touch-selection menuitem arrow:dir(rtl), popover.touch-selection menuitem arrow:dir(rtl),
.csd popover.background.touch-selection menuitem arrow:dir(rtl),
.menu menuitem arrow:dir(rtl) { .menu menuitem arrow:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
margin-left: 0; } margin-left: 0; }
@ -1713,8 +1703,6 @@ popover.background.touch-selection,
.context-menu > arrow, .context-menu > arrow,
popover.touch-selection > arrow, popover.touch-selection > arrow,
.csd popover.touch-selection > arrow, .csd popover.touch-selection > arrow,
popover.background.touch-selection > arrow,
.csd popover.background.touch-selection > arrow,
.menu > arrow { .menu > arrow {
min-width: 16px; min-width: 16px;
min-height: 16px; min-height: 16px;
@ -1755,31 +1743,29 @@ popover.background.touch-selection,
background-color: transparent; background-color: transparent;
border-color: transparent; } border-color: transparent; }
popover,
popover.background { popover.background {
padding: 2px;
border-radius: 5px;
background-color: rgba(51, 51, 51, 0.95); }
.csd popover.background, popover.background {
border-radius: 5px; }
popover {
padding: 2px; padding: 2px;
border-radius: 5px; border-radius: 5px;
background-clip: border-box; background-clip: border-box;
background-color: rgba(51, 51, 51, 0.95); background-color: rgba(51, 51, 51, 0.95);
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); } box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); }
.csd popover, popover, .csd .csd popover, popover {
popover.background,
popover.background {
border-radius: 5px; border-radius: 5px;
border: 1px solid rgba(255, 255, 255, 0.12); } border: 1px solid rgba(255, 255, 255, 0.12); }
popover separator, popover separator {
popover.background separator {
background-color: #333333; } background-color: #333333; }
popover > list, popover > list,
popover > .view, popover > .view,
popover > iconview, popover > iconview,
popover > toolbar, popover > toolbar,
popover > .inline-toolbar, popover > .inline-toolbar {
popover.background > list,
popover.background > .view,
popover.background > iconview,
popover.background > toolbar,
popover.background > .inline-toolbar {
border-style: none; border-style: none;
background-color: transparent; } background-color: transparent; }
@ -3206,9 +3192,7 @@ colorchooser .popover.osd {
background-color: #5c5c5c; background-color: #5c5c5c;
box-shadow: none; } box-shadow: none; }
.context-menu, popover.touch-selection, .csd popover.touch-selection, .context-menu, popover.touch-selection, .csd popover.touch-selection {
popover.background.touch-selection, .csd
popover.background.touch-selection {
font: initial; } font: initial; }
.monospace { .monospace {
@ -3472,8 +3456,7 @@ terminal-window notebook > header.top button,
color: #ffffff; color: #ffffff;
text-shadow: none; } text-shadow: none; }
.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle,
popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle,
.titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
.nautilus-list-dim-label { .nautilus-list-dim-label {
color: #898989; } color: #898989; }
@ -4428,8 +4411,7 @@ window.background:not(.csd) > widget > button > button {
window.background:not(.csd) > menu, window.background:not(.csd) > menu,
window.background:not(.csd) .menu { window.background:not(.csd) .menu {
background-color: #404040; background-color: #404040;
border-radius: 0; border-radius: 0; }
border: none; }
window.background:not(.csd) > menu .separator:not(label), .csd window.background:not(.csd) > menu .separator:not(label), window.background:not(.csd) > menu .separator:not(label), .csd window.background:not(.csd) > menu .separator:not(label),
window.background:not(.csd) .menu .separator:not(label), .csd window.background:not(.csd) .menu .separator:not(label), .csd
window.background:not(.csd) .menu .separator:not(label) { window.background:not(.csd) .menu .separator:not(label) {

5226
src/gtk-3.0/gtk-light-solid.css Normal file
View File

File diff suppressed because it is too large Load Diff

13
src/gtk-3.0/gtk-light-solid.scss Normal file
View File

@ -0,0 +1,13 @@
$variant: 'light';
$darker: 'false';
$transparency: 'false';
@import 'sass/colors';
@import 'sass/drawing';
@import 'sass/common';
@import 'sass/applications';
@import 'sass/unity';
@import 'sass/granite';
@import 'sass/lightdm';
@import 'sass/transparent_widgets';
@import 'sass/colors-public';

84
src/gtk-3.0/gtk-light.css
View File

@ -90,15 +90,13 @@ flowbox flowboxchild {
flowbox flowboxchild:selected { flowbox flowboxchild:selected {
outline-offset: -2px; } outline-offset: -2px; }
label.separator, popover label.separator, label.separator, popover label.separator {
popover.background label.separator {
color: #242424; } color: #242424; }
label selection { label selection {
color: #ffffff; color: #ffffff;
background-color: #0e6bff; } background-color: #0e6bff; }
.dim-label, label.separator, popover label.separator, .dim-label, label.separator, popover label.separator, headerbar .subtitle,
popover.background label.separator, headerbar .subtitle,
.titlebar:not(headerbar) .subtitle { .titlebar:not(headerbar) .subtitle {
opacity: 0.55; } opacity: 0.55; }
@ -116,11 +114,7 @@ assistant .sidebar label.highlight {
textview { textview {
background-color: #ffffff; } background-color: #ffffff; }
popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, .osd .scale-popup, .osd {
popover.background.osd,
popover.background.magnifier, .csd
popover.background.osd, .csd
popover.background.magnifier, .osd .scale-popup, .osd {
color: #363636; color: #363636;
border: none; border: none;
background-color: rgba(245, 245, 245, 0.95); background-color: rgba(245, 245, 245, 0.95);
@ -940,6 +934,12 @@ searchbar {
border-color: #E1E1E1; border-color: #E1E1E1;
border-width: 0 0 1px; border-width: 0 0 1px;
padding: 3px; } padding: 3px; }
searchbar button.flat, searchbar button.sidebar-button {
min-height: 16px;
min-width: 16px;
margin: 4px 6px;
padding: 0 2px;
border-radius: 100px; }
actionbar { actionbar {
padding: 6px; padding: 6px;
@ -1055,9 +1055,12 @@ headerbar,
.titlebar { .titlebar {
border-radius: 6px 6px 0 0; } border-radius: 6px 6px 0 0; }
headerbar entry, headerbar button, headerbar separator { headerbar button, headerbar separator {
margin-top: 6px; margin-top: 6px;
margin-bottom: 6px; } margin-bottom: 6px; }
headerbar entry {
margin-top: 5px;
margin-bottom: 5px; }
separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop {
border-top-left-radius: 6px; } border-top-left-radius: 6px; }
.maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop { .maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop {
@ -1088,14 +1091,15 @@ window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, w
opacity: 0.6; } opacity: 0.6; }
headerbar entry, .nemo-window .primary-toolbar entry { headerbar entry, .nemo-window .primary-toolbar entry {
min-height: 20px;
color: rgba(40, 32, 32, 0.8); color: rgba(40, 32, 32, 0.8);
background-color: white; background-color: white;
background-image: linear-gradient(0deg, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); } background-image: linear-gradient(0deg, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); }
headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entry image:hover, .nemo-window .primary-toolbar entry image:hover { headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entry image:hover, .nemo-window .primary-toolbar entry image:hover {
color: inherit; } color: inherit; }
headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop { headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop {
opacity: 0.85; } opacity: 0.85;
box-shadow: none;
background-image: none; }
headerbar entry:focus, .nemo-window .primary-toolbar entry:focus { headerbar entry:focus, .nemo-window .primary-toolbar entry:focus {
box-shadow: 0 0 0 2px #74aaff; box-shadow: 0 0 0 2px #74aaff;
border-color: #74aaff; border-color: #74aaff;
@ -1609,16 +1613,13 @@ menu,
.context-menu, .context-menu,
popover.touch-selection, popover.touch-selection,
.csd popover.touch-selection, .csd popover.touch-selection,
popover.background.touch-selection,
.csd popover.background.touch-selection,
.menu { .menu {
margin: 0; margin: 0;
padding: 10px 0; padding: 10px 0;
border-radius: 6px; border-radius: 6px;
background-color: rgba(255, 255, 255, 0.95); background-color: rgba(255, 255, 255, 0.95); }
border: 1px solid rgba(0, 0, 0, 0.11); }
.csd menu, .csd .csd menu, .csd
.context-menu, .csd popover.touch-selection, .csd popover.background.touch-selection, .csd .context-menu, .csd popover.touch-selection, .csd
.menu { .menu {
border-radius: 6px; border-radius: 6px;
background-color: rgba(255, 255, 255, 0.95); background-color: rgba(255, 255, 255, 0.95);
@ -1626,10 +1627,8 @@ popover.background.touch-selection,
menu separator, .csd menu separator, menu separator, .csd menu separator,
.context-menu separator, .context-menu separator,
popover.touch-selection separator, popover.touch-selection separator,
.csd popover.touch-selection separator, .csd popover.touch-selection separator, .csd
popover.background.touch-selection separator, .context-menu separator, .csd popover.touch-selection separator,
.csd popover.background.touch-selection separator, .csd
.context-menu separator, .csd popover.touch-selection separator, .csd popover.background.touch-selection separator,
.menu separator, .csd .menu separator, .csd
.menu separator { .menu separator {
margin: 4px 0; margin: 4px 0;
@ -1640,8 +1639,6 @@ popover.background.touch-selection,
.context-menu menuitem, .context-menu menuitem,
popover.touch-selection menuitem, popover.touch-selection menuitem,
.csd popover.touch-selection menuitem, .csd popover.touch-selection menuitem,
popover.background.touch-selection menuitem,
.csd popover.background.touch-selection menuitem,
.menu menuitem { .menu menuitem {
min-height: 12px; min-height: 12px;
min-width: 40px; min-width: 40px;
@ -1652,7 +1649,6 @@ popover.background.touch-selection,
menu menuitem:hover, menu menuitem:hover,
.context-menu menuitem:hover, .context-menu menuitem:hover,
popover.touch-selection menuitem:hover, popover.touch-selection menuitem:hover,
.csd popover.background.touch-selection menuitem:hover,
.menu menuitem:hover { .menu menuitem:hover {
color: #ffffff; color: #ffffff;
background-color: #0e6bff; background-color: #0e6bff;
@ -1662,22 +1658,18 @@ popover.background.touch-selection,
menu menuitem:hover arrow, menu menuitem:hover arrow,
.context-menu menuitem:hover arrow, .context-menu menuitem:hover arrow,
popover.touch-selection menuitem:hover arrow, popover.touch-selection menuitem:hover arrow,
.csd popover.background.touch-selection menuitem:hover arrow,
.menu menuitem:hover arrow { .menu menuitem:hover arrow {
color: #ffffff; color: #ffffff;
-gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); } -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); }
menu menuitem:disabled, menu menuitem:disabled,
.context-menu menuitem:disabled, .context-menu menuitem:disabled,
popover.touch-selection menuitem:disabled, popover.touch-selection menuitem:disabled,
.csd popover.background.touch-selection menuitem:disabled,
.menu menuitem:disabled { .menu menuitem:disabled {
color: rgba(36, 36, 36, 0.55); } color: rgba(36, 36, 36, 0.55); }
menu menuitem arrow, menu menuitem arrow,
.context-menu menuitem arrow, .context-menu menuitem arrow,
popover.touch-selection menuitem arrow, popover.touch-selection menuitem arrow,
.csd popover.touch-selection menuitem arrow, .csd popover.touch-selection menuitem arrow,
popover.background.touch-selection menuitem arrow,
.csd popover.background.touch-selection menuitem arrow,
.menu menuitem arrow { .menu menuitem arrow {
min-height: 16px; min-height: 16px;
min-width: 16px; min-width: 16px;
@ -1688,14 +1680,12 @@ popover.background.touch-selection,
menu menuitem arrow:dir(ltr), menu menuitem arrow:dir(ltr),
.context-menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr),
popover.touch-selection menuitem arrow:dir(ltr), popover.touch-selection menuitem arrow:dir(ltr),
.csd popover.background.touch-selection menuitem arrow:dir(ltr),
.menu menuitem arrow:dir(ltr) { .menu menuitem arrow:dir(ltr) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
margin-right: 0; } margin-right: 0; }
menu menuitem arrow:dir(rtl), menu menuitem arrow:dir(rtl),
.context-menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl),
popover.touch-selection menuitem arrow:dir(rtl), popover.touch-selection menuitem arrow:dir(rtl),
.csd popover.background.touch-selection menuitem arrow:dir(rtl),
.menu menuitem arrow:dir(rtl) { .menu menuitem arrow:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
margin-left: 0; } margin-left: 0; }
@ -1714,8 +1704,6 @@ popover.background.touch-selection,
.context-menu > arrow, .context-menu > arrow,
popover.touch-selection > arrow, popover.touch-selection > arrow,
.csd popover.touch-selection > arrow, .csd popover.touch-selection > arrow,
popover.background.touch-selection > arrow,
.csd popover.background.touch-selection > arrow,
.menu > arrow { .menu > arrow {
min-width: 16px; min-width: 16px;
min-height: 16px; min-height: 16px;
@ -1756,31 +1744,29 @@ popover.background.touch-selection,
background-color: transparent; background-color: transparent;
border-color: transparent; } border-color: transparent; }
popover,
popover.background { popover.background {
padding: 2px;
border-radius: 5px;
background-color: rgba(255, 255, 255, 0.95); }
.csd popover.background, popover.background {
border-radius: 5px; }
popover {
padding: 2px; padding: 2px;
border-radius: 5px; border-radius: 5px;
background-clip: border-box; background-clip: border-box;
background-color: rgba(255, 255, 255, 0.95); background-color: rgba(255, 255, 255, 0.95);
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); } box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); }
.csd popover, popover, .csd .csd popover, popover {
popover.background,
popover.background {
border-radius: 5px; border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.11); } border: 1px solid rgba(0, 0, 0, 0.11); }
popover separator, popover separator {
popover.background separator {
background-color: #ffffff; } background-color: #ffffff; }
popover > list, popover > list,
popover > .view, popover > .view,
popover > iconview, popover > iconview,
popover > toolbar, popover > toolbar,
popover > .inline-toolbar, popover > .inline-toolbar {
popover.background > list,
popover.background > .view,
popover.background > iconview,
popover.background > toolbar,
popover.background > .inline-toolbar {
border-style: none; border-style: none;
background-color: transparent; } background-color: transparent; }
@ -3212,9 +3198,7 @@ colorchooser .popover.osd {
background-color: #f7f7f7; background-color: #f7f7f7;
box-shadow: none; } box-shadow: none; }
.context-menu, popover.touch-selection, .csd popover.touch-selection, .context-menu, popover.touch-selection, .csd popover.touch-selection {
popover.background.touch-selection, .csd
popover.background.touch-selection {
font: initial; } font: initial; }
.monospace { .monospace {
@ -3478,8 +3462,7 @@ terminal-window notebook > header.top button,
color: #ffffff; color: #ffffff;
text-shadow: none; } text-shadow: none; }
.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle,
popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle,
.titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
.nautilus-list-dim-label { .nautilus-list-dim-label {
color: #8d8d8d; } color: #8d8d8d; }
@ -4430,8 +4413,7 @@ window.background:not(.csd) > widget > button > button {
window.background:not(.csd) > menu, window.background:not(.csd) > menu,
window.background:not(.csd) .menu { window.background:not(.csd) .menu {
background-color: #ffffff; background-color: #ffffff;
border-radius: 0; border-radius: 0; }
border: none; }
window.background:not(.csd) > menu .separator:not(label), .csd window.background:not(.csd) > menu .separator:not(label), window.background:not(.csd) > menu .separator:not(label), .csd window.background:not(.csd) > menu .separator:not(label),
window.background:not(.csd) .menu .separator:not(label), .csd window.background:not(.csd) .menu .separator:not(label), .csd
window.background:not(.csd) .menu .separator:not(label) { window.background:not(.csd) .menu .separator:not(label) {

2
src/gtk-3.0/sass/_applications.scss
View File

@ -1487,7 +1487,7 @@ window.background:not(.csd) {
.menu { // context-menus .menu { // context-menus
background-color: if($variant == 'light', $base_color, lighten($bg_color, 5%)); background-color: if($variant == 'light', $base_color, lighten($bg_color, 5%));
border-radius: 0; border-radius: 0;
border: none; // border: 1px solid $borders_color;
.separator:not(label), .separator:not(label),
.csd & .separator:not(label) { color: $borders_color; } .csd & .separator:not(label) { color: $borders_color; }

41
src/gtk-3.0/sass/_common.scss
View File

@ -1048,6 +1048,15 @@ searchbar {
border-color: $bar_border; border-color: $bar_border;
border-width: 0 0 1px; border-width: 0 0 1px;
padding: 3px; padding: 3px;
// Close button on searchbar
button.flat {
min-height: 16px;
min-width: 16px;
margin: 4px 6px;
padding: 0 2px;
border-radius: 100px;
}
} }
actionbar { actionbar {
@ -1196,11 +1205,16 @@ headerbar,
headerbar { headerbar {
@extend %header_widgets; @extend %header_widgets;
entry, button, separator { button, separator {
margin-top: 6px; margin-top: 6px;
margin-bottom: 6px; margin-bottom: 6px;
} }
entry {
margin-top: 5px;
margin-bottom: 5px;
}
// Fixes split headerbars // Fixes split headerbars
separator:first-child + &, separator:first-child + &,
&:first-child { &:first-child {
@ -1254,10 +1268,10 @@ headerbar {
// Headerbar Entries // Headerbar Entries
entry { entry {
min-height: if($variant =='light', 20px, 22px); // min-height: if($variant == 'light', 20px, 22px);
@include entry(header-normal); @include entry(header-normal);
&:backdrop { opacity: 0.85; } &:backdrop { opacity: 0.85; box-shadow: none; background-image: none; }
&:focus { &:focus {
@include entry(header-focus); @include entry(header-focus);
@ -1805,12 +1819,12 @@ menu,
margin: 0; margin: 0;
padding: 10px 0; padding: 10px 0;
border-radius: $wm_radius; border-radius: $wm_radius;
background-color: rgba($_menu_bg, 0.95); background-color: if($transparency == 'true', rgba($_menu_bg, 0.95), $_menu_bg);
border: 1px solid $borders_color; // border: 1px solid $borders_color;
.csd & { .csd & {
border-radius: $wm_radius; border-radius: $wm_radius;
background-color: rgba($_menu_bg, 0.95); background-color: if($transparency == 'true', rgba($_menu_bg, 0.95), $_menu_bg);
border: 1px solid $borders_color; border: 1px solid $borders_color;
} }
@ -1909,13 +1923,22 @@ menu,
// //
// Popovers // Popovers
// //
popover,
$_popover_bg: if($variant=='light', $base_color, $bg_color);
popover.background { popover.background {
$_popover_bg: if($variant=='light', $base_color, $bg_color); padding: 2px;
border-radius: $bt_radius;
background-color: if($transparency == 'true', rgba($_popover_bg, 0.95), $_popover_bg);
.csd &, & { border-radius: $bt_radius; }
}
popover {
padding: 2px; padding: 2px;
border-radius: $bt_radius; border-radius: $bt_radius;
background-clip: border-box; background-clip: border-box;
background-color: rgba($_popover_bg, 0.95); background-color: if($transparency == 'true', rgba($_popover_bg, 0.95), $_popover_bg);
box-shadow: 0 3px 6px 0 if($variant=='light', transparentize(black, 0.85), transparentize(black, 0.85)); box-shadow: 0 3px 6px 0 if($variant=='light', transparentize(black, 0.85), transparentize(black, 0.85));

12
src/gtk-3.0/sass/_drawing.scss
View File

@ -1,13 +1,13 @@
// Shadows // Shadows
$shadow_0: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); $shadow_0: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); // Slider hover shadow
$shadow_1: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); $shadow_1: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); // Header-button shadow
$shadow_2: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); $shadow_2: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); // Slider normal shadow
$shadow_3: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); // Normal button shadow $shadow_3: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); // Normal button shadow
$shadow_4: 0px 2px 3px 0px rgba(16, 16, 16, 0.2), 0px 3px 5px 0px rgba(16, 16, 16, 0.15); $shadow_4: 0px 2px 3px 0px rgba(16, 16, 16, 0.2), 0px 3px 5px 0px rgba(16, 16, 16, 0.15); // Switch-slider hover shadow
$shadow_5: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); $shadow_5: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); // Switch-slider normal shadow
$text_shadow: 0 -1px rgba(#ffffff, 0.04), -1px 0px rgba(#202020, 0.05), 1px 0px rgba(#202020, 0.05), $text_shadow: 0 -1px rgba(#ffffff, 0.04), -1px 0px rgba(#202020, 0.05), 1px 0px rgba(#202020, 0.05),
0px 1px rgba(#202020, 0.3), 0px 2px rgba(#202020, 0.05); 0px 1px rgba(#202020, 0.3), 0px 2px rgba(#202020, 0.05); // text and icon shadow
// Transitions // Transitions
$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);