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

Optimize styles: added comments, fixed some styles, changed some styles order

Browse Source
This commit is contained in:
Vladyslav Hroshev
2023-06-20 13:56:14 +03:00
parent f3dd3eb436
commit d4c8eddd8a
17 changed files with 435 additions and 371 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/overview.css
+32 -71
View File
@@ -1,52 +1,20 @@
stage {
color: TEXT-PRIMARY-COLOR;
}
/* Overview */
/* overview */
#overviewGroup,
.workspace-animation {
#overviewGroup, /* overview background */
.workspace-animation { /* spacing between worspaces (ctrl+alt+arr_left/right / 3 fingers gesture) */
background-color: BACKGROUND-COLOR;
}
/* overview app icon */
.icon-dropshadow { icon-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); }
/* Activities Ripple */
.ripple-box {
background-color: ACCENT-OPACITY-COLOR;
box-shadow: 0 0 2px 2px ACCENT-OPACITY-COLOR;
}
/* overview-ws-thumbnail */
.workspace-thumbnail {
border: none;
/* border-radius: 9px; */
background-color: ACCENT-DISABLED-COLOR;
border: 1px solid BORDER-SHADOW;
}
.workspace-thumbnails .placeholder {
background-image: url("workspace-placeholder.svg");
background-size: contain;
width: 18px;
}
.workspace-thumbnail-indicator {
background-color: ACCENT-OPACITY-COLOR;
border-color: TEXT-DISABLED-COLOR;
border-width: 1px;
border-radius: 3px;
}
/* workspaces */
.workspace-background {
border-radius: 20px;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
}
/* running app icon (in workspaces) */
.icon-dropshadow { icon-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); }
/* selected window titles (in workspaces) */
.window-caption {
spacing: 20px;
border-radius: 12px;
@@ -58,42 +26,33 @@ stage {
}
/* Search */
.search-section-content {
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
border-radius: 15px;
border: none;
background-color: SECTION-COLOR;
color: TEXT-PRIMARY-COLOR;
/* Activities Ripple (Settings - Multitasking - Hot Corner) */
.ripple-box {
background-color: ACCENT-OPACITY-COLOR;
box-shadow: 0 0 2px 2px ACCENT-OPACITY-COLOR;
}
.list-search-result .list-search-result-title {
color: TEXT-PRIMARY-COLOR;
/* thumbnails on overview (workspaces list under search) */
.workspace-thumbnail {
border: none; /* because of impossibility round fullscreen apps */
background-color: ACCENT-DISABLED-COLOR;
border: 1px solid BORDER-SHADOW;
}
.list-search-result .list-search-result-description {
color: TEXT-SECONDARY-COLOR;
/* drag and drop indicator */
.workspace-thumbnails .placeholder {
background-image: url("workspace-placeholder.svg");
background-size: contain;
width: 18px;
}
.search-provider-icon .list-search-provider-content .list-search-provider-details {
width: 120px;
color: TEXT-PRIMARY-COLOR;
}
.list-search-result:focus,
.search-provider-icon:focus,
.list-search-result:hover,
.search-provider-icon:hover,
.list-search-result:selected,
.search-provider-icon:selected {
background-color: ACCENT-DISABLED_HOVER;
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
}
.list-search-result:active,
.search-provider-icon:active {
background-color: ACCENT-DISABLED_HOVER;
color: TEXT-PRIMARY-COLOR;
/* selected indicator */
.workspace-thumbnail-indicator {
background-color: ACCENT-OPACITY-COLOR;
border-color: TEXT-DISABLED-COLOR;
border-width: 1px;
border-radius: 3px;
}
@@ -101,4 +60,6 @@ stage {
.tile-preview {
background-color: ACCENT-OPACITY-COLOR;
border: 1px solid ACCENT-COLOR;
}
}
/* .windows-close in screenshot.css */