Skip to content

feat(editor): redesign the FastTools window tabs and settings #442

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
VPDPersonal merged 2 commits into from
Oct 14, 2026
Merged

feat(editor): redesign the FastTools window tabs and settings #442

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3459a6e
feat(editor): redesign the FastTools window tabs and settings
VPDPersonal Oct 14, 2026
694ac12
fix(editor): page the file cards of Project References
VPDPersonal Oct 14, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
124 changes: 113 additions & 11 deletions ...tTools/Packages/tech.aspid.fasttools/Editor/Resources/UI/Aspid-FastTools-Default-Dark.uss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,8 +23,8 @@
--aspid-colors-shade-lightness: rgb(100, 100, 100);

--aspid-colors-surface-canvas: rgb(0, 0, 0);
--aspid-colors-surface-card: rgba(20, 20, 20, 0.55);
--aspid-colors-surface-card-dim: rgba(20, 20, 20, 0.35);
--aspid-colors-surface-card: rgb(11, 11, 11);
--aspid-colors-surface-card-dim: rgb(7, 7, 7);

--aspid-colors-overlay-hover: rgba(255, 255, 255, 0.05);
--aspid-colors-overlay-control: rgba(255, 255, 255, 0.06);
Expand All @@ -34,6 +34,10 @@
--aspid-colors-slider-handle: rgba(189, 189, 196, 0.85);
--aspid-colors-control-border: rgb(110, 110, 110);

/* Where a setting is stored. No status uses these hues, so a stripe never reads as a state of the row. */
--aspid-colors-scope-project: rgb(180, 140, 230);
--aspid-colors-scope-user: rgb(120, 120, 120);

--aspid-colors-status-success-darkness: rgb(8, 40, 20);
--aspid-colors-status-success-dark: rgb(12, 65, 30);
--aspid-colors-status-success-light: rgb(20, 90, 45);
Expand All @@ -55,23 +59,23 @@
--aspid-colors-status-info-lightness: rgb(35, 105, 180);

--aspid-colors-status-success-text-darkness: rgb(55, 110, 65);
--aspid-colors-status-success-text-dark: rgb(85, 175, 100);
--aspid-colors-status-success-text-light: rgb(120, 235, 145);
--aspid-colors-status-success-text-lightness: rgb(180, 255, 200);
--aspid-colors-status-success-text-dark: rgb(92, 180, 107);
--aspid-colors-status-success-text-light: rgb(124, 194, 136);
--aspid-colors-status-success-text-lightness: rgb(169, 219, 178);

--aspid-colors-status-warning-text-darkness: rgb(120, 85, 35);
--aspid-colors-status-warning-text-dark: rgb(185, 135, 60);
--aspid-colors-status-warning-text-light: rgb(245, 185, 85);
--aspid-colors-status-warning-text-dark: rgb(232, 176, 74);
--aspid-colors-status-warning-text-light: rgb(245, 196, 110);
--aspid-colors-status-warning-text-lightness: rgb(255, 235, 175);

--aspid-colors-status-error-text-darkness: rgb(125, 45, 45);
--aspid-colors-status-error-text-dark: rgb(185, 65, 65);
--aspid-colors-status-error-text-light: rgb(235, 95, 95);
--aspid-colors-status-error-text-dark: rgb(226, 80, 106);
--aspid-colors-status-error-text-light: rgb(236, 114, 136);
--aspid-colors-status-error-text-lightness: rgb(255, 175, 175);

--aspid-colors-status-info-text-darkness: rgb(40, 80, 125);
--aspid-colors-status-info-text-dark: rgb(65, 130, 185);
--aspid-colors-status-info-text-light: rgb(90, 185, 240);
--aspid-colors-status-info-text-dark: rgb(74, 144, 208);
--aspid-colors-status-info-text-light: rgb(112, 170, 228);
--aspid-colors-status-info-text-lightness: rgb(190, 240, 255);

--aspid-colors-status-success-shade-darkness: rgb(25, 55, 30);
Expand Down Expand Up @@ -298,3 +302,101 @@ Label.aspid-fasttools-theme--light.aspid-fasttools-status--info {
Label.aspid-fasttools-theme--lightness.aspid-fasttools-status--info {
color: var(--aspid-colors-status-info-text-lightness);
}

/* A short action inside a card (AspidStyles.ActionButtonClass): a plain outlined button, the same as the actions of the
Settings tab. The element-qualified selectors outrank Unity's own button rules. */
Button.aspid-fasttools-action-button {
height: 22px;
margin: 0;
padding: 0 10px;
background-color: rgba(0, 0, 0, 0);
border-width: 1px;
border-color: var(--aspid-colors-shade-dark);
border-radius: 6px;
color: var(--aspid-colors-text-light);
font-size: 12px;
-unity-font-style: normal;
-unity-text-align: middle-center;

transition-property: background-color, border-color, color;
transition-duration: 0.25s;
transition-timing-function: ease-out;
}

Button.aspid-fasttools-action-button:hover {
border-color: var(--aspid-colors-status-success-shade-light);
color: var(--aspid-colors-status-success-text-light);
background-color: var(--aspid-colors-status-success-tint);
}

/* An action that deletes data without Undo turns red on hover. */
Button.aspid-fasttools-action-button--danger:hover {
border-color: var(--aspid-colors-status-error-text-dark);
color: var(--aspid-colors-status-error-text-light);
background-color: var(--aspid-colors-status-error-tint);
}

/* ReferenceSectionHeading: the heading of a group of cards in the reference views. */
/* As far from its first card as the cards are from each other, so the line does not crowd the card under it. */
.aspid-fasttools-section-heading {
margin-bottom: 10px;
}

.aspid-fasttools-section-heading__row {
flex-direction: row;
align-items: center;
}

/* In a narrow window the name gives way with an ellipsis instead of wrapping. */
.aspid-fasttools-section-heading__title {
flex-shrink: 1;
min-width: 0;
overflow: hidden;
}

/* The type selector of the label's own sheet lets its text wrap; this keeps the heading on one line. */
.aspid-fasttools-section-heading__title Label {
flex-shrink: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

/* Takes the rest of the row so a chevron sits at its right end. */
.aspid-fasttools-section-heading__trailing {
flex-grow: 1;
flex-shrink: 0;
margin: 0;
padding: 0 0 0 8px;
color: var(--aspid-colors-text-dark);
font-size: 11px;
-unity-text-align: middle-right;
}

.aspid-fasttools-section-heading__line {
margin-top: 2px;
}

.aspid-fasttools-section-heading--clickable {
padding: 2px 4px 0 4px;
margin-left: -4px;
margin-right: -4px;
border-radius: 6px;
}

.aspid-fasttools-section-heading--clickable:hover {
background-color: var(--aspid-colors-overlay-hover);
}

.aspid-fasttools-section-heading--clickable:hover .aspid-fasttools-section-heading__trailing {
color: var(--aspid-colors-text-light);
}

/* An object heading: a level above the status sections inside it. */
.aspid-fasttools-section-heading__icon {
flex-shrink: 0;
width: 16px;
height: 16px;
margin-right: 6px;
}
31 changes: 17 additions & 14 deletions ...Tools/Packages/tech.aspid.fasttools/Editor/Resources/UI/Aspid-FastTools-Default-Light.uss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,8 +19,8 @@
--aspid-colors-shade-lightness: rgb(160, 160, 160);

--aspid-colors-surface-canvas: rgb(240, 240, 240);
--aspid-colors-surface-card: rgba(255, 255, 255, 0.72);
--aspid-colors-surface-card-dim: rgba(255, 255, 255, 0.45);
--aspid-colors-surface-card: rgb(251, 251, 251);
--aspid-colors-surface-card-dim: rgb(247, 247, 247);

--aspid-colors-overlay-hover: rgba(0, 0, 0, 0.04);
--aspid-colors-overlay-control: rgba(0, 0, 0, 0.05);
Expand All @@ -30,6 +30,9 @@
--aspid-colors-slider-handle: rgba(92, 92, 100, 0.85);
--aspid-colors-control-border: rgb(136, 136, 136);

--aspid-colors-scope-project: rgb(122, 79, 208);
--aspid-colors-scope-user: rgb(140, 140, 140);

--aspid-colors-status-success-darkness: rgb(232, 245, 236);
--aspid-colors-status-success-dark: rgb(214, 237, 221);
--aspid-colors-status-success-light: rgb(190, 226, 201);
Expand All @@ -51,24 +54,24 @@
--aspid-colors-status-info-lightness: rgb(150, 186, 230);

--aspid-colors-status-success-text-darkness: rgb(120, 170, 132);
--aspid-colors-status-success-text-dark: rgb(40, 116, 63);
--aspid-colors-status-success-text-light: rgb(24, 107, 50);
--aspid-colors-status-success-text-lightness: rgb(16, 88, 40);
--aspid-colors-status-success-text-dark: rgb(29, 132, 62);
--aspid-colors-status-success-text-light: rgb(23, 112, 53);
--aspid-colors-status-success-text-lightness: rgb(20, 95, 45);

--aspid-colors-status-warning-text-darkness: rgb(212, 170, 110);
--aspid-colors-status-warning-text-dark: rgb(142, 92, 19);
--aspid-colors-status-warning-text-light: rgb(130, 78, 0);
--aspid-colors-status-warning-text-lightness: rgb(105, 62, 0);
--aspid-colors-status-warning-text-dark: rgb(155, 106, 0);
--aspid-colors-status-warning-text-light: rgb(128, 88, 0);
--aspid-colors-status-warning-text-lightness: rgb(105, 72, 0);

--aspid-colors-status-error-text-darkness: rgb(225, 140, 140);
--aspid-colors-status-error-text-dark: rgb(171, 70, 70);
--aspid-colors-status-error-text-light: rgb(175, 42, 42);
--aspid-colors-status-error-text-lightness: rgb(150, 30, 30);
--aspid-colors-status-error-text-dark: rgb(204, 72, 96);
--aspid-colors-status-error-text-light: rgb(175, 52, 75);
--aspid-colors-status-error-text-lightness: rgb(150, 40, 60);

--aspid-colors-status-info-text-darkness: rgb(130, 170, 215);
--aspid-colors-status-info-text-dark: rgb(46, 106, 162);
--aspid-colors-status-info-text-light: rgb(19, 94, 165);
--aspid-colors-status-info-text-lightness: rgb(16, 78, 140);
--aspid-colors-status-info-text-dark: rgb(39, 119, 188);
--aspid-colors-status-info-text-light: rgb(28, 100, 165);
--aspid-colors-status-info-text-lightness: rgb(20, 82, 140);

--aspid-colors-status-success-shade-darkness: rgb(212, 234, 218);
--aspid-colors-status-success-shade-dark: rgb(186, 220, 196);
Expand Down
Loading
Loading