fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-24 21:58:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Revamp UI styling to remove accent color; improve tab navigation

Browse Source
This commit is contained in:
Keavon Chambers
2022-11-04 05:56:33 -07:00
parent 69fd3dfc35
commit afc84d30f8
30 changed files with 258 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/widgets/labels/UserInputLabel.vue
+5 -12
View File
@@ -51,7 +51,7 @@
box-sizing: border-box;
border: 1px solid;
border-radius: 4px;
border-color: var(--color-7-middlegray);
border-color: var(--color-5-dullgray);
color: var(--color-e-nearwhite);
&.width-1 {
@@ -85,7 +85,7 @@
}
.dim {
fill: var(--color-7-middlegray);
fill: var(--color-8-uppergray);
}
}
@@ -93,9 +93,9 @@
margin-left: 4px;
}
.floating-menu-content & {
.floating-menu-content .row > & {
.input-key {
border-color: var(--color-4-dimgray);
border-color: var(--color-3-darkgray);
color: var(--color-8-uppergray);
}
@@ -106,20 +106,13 @@
}
.input-mouse .dim {
fill: var(--color-4-dimgray);
fill: var(--color-3-darkgray);
}
}
.floating-menu-content .row:hover > & {
.input-key {
border-color: var(--color-7-middlegray);
color: var(--color-9-palegray);
}
.input-key .icon-label svg,
&.keyboard-lock-notice.keyboard-lock-notice svg,
.input-mouse .bright {
fill: var(--color-9-palegray);
}
.input-mouse .dim {