diff --git a/src/gui/src/UI/Dashboard/TabFiles.js b/src/gui/src/UI/Dashboard/TabFiles.js index 969ddad85..dd6237ba2 100644 --- a/src/gui/src/UI/Dashboard/TabFiles.js +++ b/src/gui/src/UI/Dashboard/TabFiles.js @@ -37,17 +37,19 @@ const icons = { files: ``, folder: ``, more: ``, - newFolder: ``, - upload: ``, + // Header action icons use the Material Symbols wght300 cut (one step + // lighter than the default 400) to match the thinned nav arrows. + newFolder: ``, + upload: ``, trash: ``, download: ``, cut: ``, copy: ``, restore: ``, - list: ``, - grid: ``, - sort: ``, - select: ``, + list: ``, + grid: ``, + sort: ``, + select: ``, done: ``, worker: ``, }; @@ -99,9 +101,9 @@ const TabFiles = {
- - - + + +
diff --git a/src/gui/src/css/dashboard.css b/src/gui/src/css/dashboard.css index 9ce4dff06..bbcc565b3 100644 --- a/src/gui/src/css/dashboard.css +++ b/src/gui/src/css/dashboard.css @@ -1505,7 +1505,8 @@ body.myapps-reordering .myapps-tile { cursor: pointer; padding: 4px; border-radius: 4px; - color: var(--dashboard-icon); + /* Matches the #5c5c5c stroke of the arrow-*-thin.svg nav icons. */ + color: #5c5c5c; display: flex; align-items: center; justify-content: center; diff --git a/src/gui/src/icons/arrow-left-thin.svg b/src/gui/src/icons/arrow-left-thin.svg new file mode 100644 index 000000000..7730e2e22 --- /dev/null +++ b/src/gui/src/icons/arrow-left-thin.svg @@ -0,0 +1 @@ + diff --git a/src/gui/src/icons/arrow-right-thin.svg b/src/gui/src/icons/arrow-right-thin.svg new file mode 100644 index 000000000..4624538b9 --- /dev/null +++ b/src/gui/src/icons/arrow-right-thin.svg @@ -0,0 +1 @@ + diff --git a/src/gui/src/icons/arrow-up-thin.svg b/src/gui/src/icons/arrow-up-thin.svg new file mode 100644 index 000000000..e6be5c330 --- /dev/null +++ b/src/gui/src/icons/arrow-up-thin.svg @@ -0,0 +1 @@ +