Skip to content

Commit

Permalink
Fixed dark issue
Browse files Browse the repository at this point in the history
  • Loading branch information
vinceliuice committed May 22, 2023
1 parent 6711033 commit c712588
Show file tree
Hide file tree
Showing 22 changed files with 524 additions and 508 deletions.
2 changes: 0 additions & 2 deletions install.sh
Original file line number Diff line number Diff line change
Expand Up @@ -102,13 +102,11 @@ install() {
mkdir -p ${THEME_DIR}/gtk-3.0
ln -sf ../gtk-assets ${THEME_DIR}/gtk-3.0/assets
cp -ur ${SRC_DIR}/src/gtk/3.0/gtk${color}${solid}.css ${THEME_DIR}/gtk-3.0/gtk.css
[[ ${color} != '-Dark' ]] && \
cp -ur ${SRC_DIR}/src/gtk/3.0/gtk-Dark${solid}.css ${THEME_DIR}/gtk-3.0/gtk-dark.css

mkdir -p ${THEME_DIR}/gtk-4.0
ln -sf ../gtk-assets ${THEME_DIR}/gtk-4.0/assets
cp -ur ${SRC_DIR}/src/gtk/4.0/gtk${color}${solid}.css ${THEME_DIR}/gtk-4.0/gtk.css
[[ ${color} != '-Dark' ]] && \
cp -ur ${SRC_DIR}/src/gtk/4.0/gtk-Dark${solid}.css ${THEME_DIR}/gtk-4.0/gtk-dark.css

mkdir -p ${THEME_DIR}/xfwm4
Expand Down
2 changes: 2 additions & 0 deletions src/_sass/gnome-shell/_common.scss
Original file line number Diff line number Diff line change
Expand Up @@ -924,6 +924,8 @@ StScrollBar {
transition-duration: 250ms;
font-weight: bold;
height: 2.2em;
border: none;
box-shadow: none;
@extend %numeric;

&:overview,
Expand Down
4 changes: 3 additions & 1 deletion src/gnome-shell/shell-3-36/gnome-shell-Dark.css
Original file line number Diff line number Diff line change
Expand Up @@ -734,7 +734,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border-radius: 0 !important;
}

.popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked.selected {
.popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item.selected:checked {
background-color: #6f70f7 !important;
color: #FFFFFF !important;
}
Expand Down Expand Up @@ -1045,6 +1045,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
transition-duration: 250ms;
font-weight: bold;
height: 2.2em;
border: none;
box-shadow: none;
}

#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
Expand Down
4 changes: 3 additions & 1 deletion src/gnome-shell/shell-3-36/gnome-shell.css
Original file line number Diff line number Diff line change
Expand Up @@ -734,7 +734,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border-radius: 0 !important;
}

.popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked.selected {
.popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item.selected:checked {
background-color: #6f70f7 !important;
color: #FFFFFF !important;
}
Expand Down Expand Up @@ -1045,6 +1045,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
transition-duration: 250ms;
font-weight: bold;
height: 2.2em;
border: none;
box-shadow: none;
}

#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
Expand Down
4 changes: 3 additions & 1 deletion src/gnome-shell/shell-40-0/gnome-shell-Dark.css
Original file line number Diff line number Diff line change
Expand Up @@ -734,7 +734,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border-radius: 0 !important;
}

.popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked.selected {
.popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item.selected:checked {
background-color: #6f70f7 !important;
color: #FFFFFF !important;
}
Expand Down Expand Up @@ -1045,6 +1045,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
transition-duration: 250ms;
font-weight: bold;
height: 2.2em;
border: none;
box-shadow: none;
}

#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
Expand Down
4 changes: 3 additions & 1 deletion src/gnome-shell/shell-40-0/gnome-shell.css
Original file line number Diff line number Diff line change
Expand Up @@ -734,7 +734,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border-radius: 0 !important;
}

.popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked.selected {
.popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item.selected:checked {
background-color: #6f70f7 !important;
color: #FFFFFF !important;
}
Expand Down Expand Up @@ -1045,6 +1045,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
transition-duration: 250ms;
font-weight: bold;
height: 2.2em;
border: none;
box-shadow: none;
}

#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
Expand Down
4 changes: 3 additions & 1 deletion src/gnome-shell/shell-42-0/gnome-shell-Dark.css
Original file line number Diff line number Diff line change
Expand Up @@ -734,7 +734,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border-radius: 0 !important;
}

.popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked.selected {
.popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item.selected:checked {
background-color: #6f70f7 !important;
color: #FFFFFF !important;
}
Expand Down Expand Up @@ -1045,6 +1045,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
transition-duration: 250ms;
font-weight: bold;
height: 2.2em;
border: none;
box-shadow: none;
}

#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
Expand Down
4 changes: 3 additions & 1 deletion src/gnome-shell/shell-42-0/gnome-shell.css
Original file line number Diff line number Diff line change
Expand Up @@ -734,7 +734,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border-radius: 0 !important;
}

.popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked.selected {
.popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item.selected:checked {
background-color: #6f70f7 !important;
color: #FFFFFF !important;
}
Expand Down Expand Up @@ -1045,6 +1045,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
transition-duration: 250ms;
font-weight: bold;
height: 2.2em;
border: none;
box-shadow: none;
}

#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
Expand Down
4 changes: 3 additions & 1 deletion src/gnome-shell/shell-44-0/gnome-shell-Dark.css
Original file line number Diff line number Diff line change
Expand Up @@ -801,7 +801,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border-radius: 0 !important;
}

.popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked.selected {
.popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item.selected:checked {
background-color: #6f70f7 !important;
color: #FFFFFF !important;
}
Expand Down Expand Up @@ -1112,6 +1112,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
transition-duration: 250ms;
font-weight: bold;
height: 2.2em;
border: none;
box-shadow: none;
}

#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
Expand Down
4 changes: 3 additions & 1 deletion src/gnome-shell/shell-44-0/gnome-shell.css
Original file line number Diff line number Diff line change
Expand Up @@ -801,7 +801,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border-radius: 0 !important;
}

.popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked.selected {
.popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item.selected:checked {
background-color: #6f70f7 !important;
color: #FFFFFF !important;
}
Expand Down Expand Up @@ -1112,6 +1112,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
transition-duration: 250ms;
font-weight: bold;
height: 2.2em;
border: none;
box-shadow: none;
}

#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
Expand Down
54 changes: 27 additions & 27 deletions src/gtk/3.0/gtk-Dark-Solid.css
Original file line number Diff line number Diff line change
Expand Up @@ -1258,11 +1258,11 @@ treeview.view:drop(active) {
border-color: #7C4DFF;
}

treeview.view:drop(active).after {
treeview.view.after:drop(active) {
border-top-style: none;
}

treeview.view:drop(active).before {
treeview.view.before:drop(active) {
border-bottom-style: none;
}

Expand Down Expand Up @@ -2104,7 +2104,7 @@ notebook > header tab:hover {
color: #FFFFFF;
}

notebook > header tab:hover.reorderable-page {
notebook > header tab.reorderable-page:hover {
border-color: rgba(255, 255, 255, 0.08);
background-color: #3b3b43;
}
Expand All @@ -2126,7 +2126,7 @@ notebook > header tab:checked:disabled {
color: rgba(255, 255, 255, 0.5);
}

notebook > header tab:checked.reorderable-page {
notebook > header tab.reorderable-page:checked {
border-color: rgba(255, 255, 255, 0.08);
background-color: #31313a;
}
Expand Down Expand Up @@ -2288,19 +2288,19 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
background-color: rgba(255, 255, 255, 0.3);
}

scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
min-width: 24px;
}

scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
min-width: 8px;
}

scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
min-height: 24px;
}

scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
min-height: 8px;
}

Expand Down Expand Up @@ -2947,15 +2947,15 @@ headerbar.selection-mode .selection-menu .arrow {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}

headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action),
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action), headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) {
headerbar .linked.path-bar:not(.vertical) button:not(.suggested-action):not(.destructive-action),
headerbar .linked.stack-switcher:not(.vertical):not(.path-bar) button:not(.suggested-action):not(.destructive-action), headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) {
padding-left: 6px;
padding-right: 6px;
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0;
}

headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):active,
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):active, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):active {
headerbar .linked.path-bar:not(.vertical) button:not(.suggested-action):not(.destructive-action):active,
headerbar .linked.stack-switcher:not(.vertical):not(.path-bar) button:not(.suggested-action):not(.destructive-action):active, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):active {
color: #FFFFFF;
background-color: transparent;
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1);
Expand All @@ -2964,30 +2964,30 @@ headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.sugge
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
}

headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):checked,
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):checked, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked {
headerbar .linked.path-bar:not(.vertical) button:not(.suggested-action):not(.destructive-action):checked,
headerbar .linked.stack-switcher:not(.vertical):not(.path-bar) button:not(.suggested-action):not(.destructive-action):checked, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked {
color: #FFFFFF;
background-color: transparent;
box-shadow: none;
background-image: none;
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
}

headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):checked:backdrop, headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):active:backdrop,
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):checked:backdrop,
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):active:backdrop, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked:backdrop, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):active:backdrop {
headerbar .linked.path-bar:not(.vertical) button:not(.suggested-action):not(.destructive-action):checked:backdrop, headerbar .linked.path-bar:not(.vertical) button:not(.suggested-action):not(.destructive-action):active:backdrop,
headerbar .linked.stack-switcher:not(.vertical):not(.path-bar) button:not(.suggested-action):not(.destructive-action):checked:backdrop,
headerbar .linked.stack-switcher:not(.vertical):not(.path-bar) button:not(.suggested-action):not(.destructive-action):active:backdrop, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked:backdrop, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):active:backdrop {
color: rgba(255, 255, 255, 0.7);
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px;
}

headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button label,
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action).text-button.image-button label, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action).text-button.image-button label {
headerbar .linked.path-bar:not(.vertical) button.text-button.image-button:not(.suggested-action):not(.destructive-action) label,
headerbar .linked.stack-switcher:not(.vertical):not(.path-bar) button.text-button.image-button:not(.suggested-action):not(.destructive-action) label, headerbar.windowhandle viewswitcher button.text-button.image-button:not(.suggested-action):not(.destructive-action) label {
padding-left: 0;
padding-right: 0;
}

headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image,
headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action).text-button.image-button image, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action).text-button.image-button image {
headerbar .linked.path-bar:not(.vertical) button.text-button.image-button:not(.suggested-action):not(.destructive-action) image,
headerbar .linked.stack-switcher:not(.vertical):not(.path-bar) button.text-button.image-button:not(.suggested-action):not(.destructive-action) image, headerbar.windowhandle viewswitcher button.text-button.image-button:not(.suggested-action):not(.destructive-action) image {
padding-left: 0;
padding-right: 0;
}
Expand Down Expand Up @@ -4132,11 +4132,11 @@ colorswatch:drop(active) {
box-shadow: none;
}

colorswatch:drop(active).light overlay {
colorswatch.light:drop(active) overlay {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF;
}

colorswatch:drop(active).dark overlay {
colorswatch.dark:drop(active) overlay {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF;
}

Expand Down Expand Up @@ -4721,11 +4721,11 @@ button.emoji-section:last-child {
color: #FFFFFF;
}

.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir {
.nautilus-window .windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action) {
color: #FFFFFF;
}

.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active {
.nautilus-window .windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action):hover, .nautilus-window .windowhandle .linked.nautilus-path-bar button.current-dir:not(.suggested-action):not(.destructive-action):active {
background: none;
box-shadow: none;
}
Expand Down Expand Up @@ -6806,7 +6806,7 @@ box.vertical > widget > widget:selected {
border: none;
}

.xfce4-panel#XfcePanelWindow {
#XfcePanelWindow.xfce4-panel {
border: none;
}

Expand Down Expand Up @@ -6979,7 +6979,7 @@ UnityDecoration .menuitem:hover {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
}

.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
border-style: none;
}

Expand Down
Loading

0 comments on commit c712588

Please sign in to comment.