VesperOS/marble-shell-theme-packaging
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

GNOME 46 Fixes

Browse Source 
Fixed #18 background in app icons
Fixed running dot
Fixed blue search border
Fixed background in search components
Fixed background in screenshot buttons
Fixed #18 buttons in calendar
Fixed missing styles for message header and expand button
This commit is contained in:
Vladyslav Hroshev
2024-03-25 13:23:03 +02:00
parent abced98cf2
commit 43a75dda32
7 changed files with 112 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme/gnome-shell_css/apps.css
+49 -14
View File
@@ -4,11 +4,22 @@
.app-well-app .overview-icon,
.app-well-app.app-folder .overview-icon,
.grid-search-result .overview-icon,
.app-folder.grid-search-result .overview-icon {
.app-folder.grid-search-result .overview-icon,
#dash .dash-item-container .overview-tile .overview-icon,
#dash .dash-item-container .show-apps .overview-icon, /* 46+ */
.overview-tile { /* 46+ */
box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0); /* fix default dash focused box-shadow*/
transition-duration: 100ms;
border-radius: 20px;
color: TEXT-PRIMARY-COLOR;
background-color: transparent;
}
#dash .dash-item-container .overview-tile:hover,
#dash .dash-item-container .overview-tile:focus,
#dash .dash-item-container .overview-tile:selected {
background-color: transparent;
box-shadow: none;
}
/* Show Apps icon */
@@ -17,7 +28,8 @@
}
/* folders */
.app-well-app.app-folder .overview-icon {
.app-well-app.app-folder .overview-icon,
.app-folder /* 46+ */ {
background-color: ACCENT-DISABLED_HOVER;
}
@@ -26,18 +38,30 @@
.app-well-app:focus .overview-icon,
.app-well-app:selected .overview-icon,
.app-well-app.app-folder .overview-icon,
.app-folder, /* 46+ */
.show-apps:hover .overview-icon,
.show-apps:focus .overview-icon {
.show-apps:focus .overview-icon,
.overview-tile:hover,
.overview-tile:focus,
.overview-tile:selected {
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
background-color: ACCENT-DISABLED-COLOR;
}
.overview-tile:focus {
box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important;
}
/* app icons effects in dash */
#dash .app-well-app:hover .overview-icon,
#dash .app-well-app:focus .overview-icon,
#dash .app-well-app:selected .overview-icon,
#dash .show-apps:hover .overview-icon,
#dash .show-apps:focus .overview-icon {
#dash .show-apps:focus .overview-icon,
#dash .dash-item-container .overview-tile:hover .overview-icon, /* 46+ */
#dash .dash-item-container .overview-tile:focus .overview-icon, /* 46+ */
#dash .dash-item-container .overview-tile:selected .overview-icon, /* 46+ */
#dash .dash-item-container .show-apps:checked .overview-icon {
box-shadow: inset 0 0 4px 1px WELL-APP-SELECTED;
background-color: rgba(255, 255, 255, 0.1);
}
@@ -46,8 +70,9 @@
.app-well-app:drop .overview-icon,
.grid-search-result:drop .overview-icon,
.app-well-app.app-folder:drop .overview-icon,
.app-folder.grid-search-result:drop .overview-icon {
border: 2px solid ACCENT-SECONDARY-COLOR;
.app-folder.grid-search-result:drop .overview-icon,
.overview-tile:drop { /* 46+ */
box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR;
background-color: ACCENT-OPACITY-COLOR;
}
@@ -75,25 +100,28 @@
.app-folder-dialog .folder-name-container .folder-name-entry {
font-weight: 700;
border: none;
box-shadow: inset 0 0 0 1px BORDER-MENU-SHADOW;
box-shadow: inset 0 0 0 1px TEXT-DISABLED-COLOR !important;
background-color: ACCENT-DISABLED-COLOR;
selection-background-color: ACCENT-COLOR;
selected-color: TEXT-PRIMARY-COLOR;
}
/* edit folder name button */
.app-folder-dialog .folder-name-container .edit-folder-button {
.app-folder-dialog .folder-name-container .edit-folder-button,
.app-folder-dialog .icon-button { /* 46+ */
border-radius: 12px;
background-color: ACCENT-DISABLED-COLOR;
color: TEXT-PRIMARY-COLOR;
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
}
.app-folder-dialog .folder-name-container .edit-folder-button:hover {
.app-folder-dialog .folder-name-container .edit-folder-button:hover,
.app-folder-dialog .icon-button:hover {
background-color: ACCENT-DISABLED_HOVER;
}
.app-folder-dialog .folder-name-container .edit-folder-button:focus {
.app-folder-dialog .folder-name-container .edit-folder-button:focus,
.app-folder-dialog .icon-button:focus {
box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important;
}
@@ -108,6 +136,7 @@
border-radius: 15px;
padding: 12px;
transition-duration: 100ms;
background-color: transparent;
}
.page-navigation-arrow > StIcon {
@@ -179,19 +208,25 @@
/* pill below if app is running */
.app-well-app-running-dot {
.app-well-app-running-dot,
.app-grid-running-dot { /* 46+ */
width: 10px;
height: 5px;
border-radius: 5px;
background: ACCENT-SECONDARY-COLOR;
transition-duration: 100ms;
}
#dash .app-well-app:hover .app-well-app-running-dot {
#dash .app-grid-running-dot {
margin-bottom: 12px;
}
#dash .app-well-app:hover .app-well-app-running-dot,
#dash .overview-tile:hover .app-grid-running-dot { /* 46+ */
width: 15px;
}
#dashtodockContainer .app-well-app.focused .app-well-app-running-dot {
#dashtodockContainer .app-well-app.focused .app-well-app-running-dot,
#dashtodockContainer .overview-tile.focused .app-grid-running-dot { /* 46+ */
width: 20px;
}