Skip to content

Add rebranding UI #188

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

Draft
andre8244 wants to merge 7 commits into
base: main
Choose a base branch
from
Draft

Add rebranding UI #188

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
cb7d7a4
feat(ui): add rebranding ui
andre8244 Sep 1, 2026
6a2cbee
feat(rebranding): show the browser frame in both preview views
andre8244 Sep 1, 2026
938e440
fix(organizations): offer distributors in the parent company filter
andre8244 Sep 1, 2026
3c017d8
fix(organizations): scope company search by type
andre8244 Sep 2, 2026
f7e510c
feat(rebranding): use radio selections in the preview controls
andre8244 Sep 2, 2026
2a38842
fix(systems): sort the network interfaces
andre8244 Sep 2, 2026
d88cfb4
refactor(ui): unify enabled/disabled status icons
andre8244 Sep 2, 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
2 changes: 1 addition & 1 deletion frontend/package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 6 additions & 0 deletions frontend/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -82,5 +82,11 @@
"vite-plugin-vue-devtools": "^7.7.2",
"vitest": "^3.2.4",
"vue-tsc": "^2.2.8"
},
"allowScripts": {
"vue-demi@0.14.10": true,
"github:nethesis/Font-Awesome#16419000ca62bc35db676d033ef00b8ef9771024": true,
"esbuild@0.25.9": true,
"github:nethesis/Font-Awesome#581a497e2f8e45634e9aef3f5cfc199489cc455f": true
}
}
6 changes: 3 additions & 3 deletions frontend/src/assets/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -160,7 +160,7 @@

--background-input: var(--color-white);
--icon-enabled: var(--color-green-700);
--icon-disabled: var(--color-gray-700);
--icon-neutral: var(--color-gray-600);
}

/* Apply dark theme when .dark class is present (overrides media query) */
Expand Down Expand Up @@ -198,7 +198,7 @@

--background-input: var(--color-gray-950);
--icon-enabled: var(--color-green-500);
--icon-disabled: var(--color-gray-400);
--icon-neutral: var(--color-gray-400);
}

/* Reference the CSS custom properties in @theme inline */
Expand All @@ -224,7 +224,7 @@
--color-placeholder: var(--placeholder);
--color-border-secondary: var(--border-secondary);
--color-icon-enabled: var(--icon-enabled);
--color-icon-disabled: var(--icon-disabled);
--color-icon-neutral: var(--icon-neutral);

--border-ring-button: var(--ring-button);
--border-ring-input: var(--ring-input);
Expand Down
Binary file added frontend/src/assets/rebranding_previews/nethvoice-favicon.ico
View file
Open in desktop
Binary file not shown.
Binary file added frontend/src/assets/rebranding_previews/nethvoice-login-background.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
20 changes: 20 additions & 0 deletions frontend/src/assets/rebranding_previews/nethvoice-logo-dark.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
20 changes: 20 additions & 0 deletions frontend/src/assets/rebranding_previews/nethvoice-logo-light.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions frontend/src/assets/rebranding_previews/nethvoice-logo-square-dark.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions frontend/src/assets/rebranding_previews/nethvoice-logo-square-light.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions frontend/src/components/account/apiKeys/ApiKeysPanel.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -85,10 +85,10 @@ function statusIcon(status: 'revoked' | 'expired' | 'active') {

function statusIconClass(status: 'revoked' | 'expired' | 'active'): string {
return status === 'active'
? 'text-green-600 dark:text-green-400'
? 'text-icon-enabled'
: status === 'expired'
? 'text-amber-600 dark:text-amber-400'
: 'text-gray-500 dark:text-gray-400'
: 'text-icon-neutral'
}

const filteredKeys = computed(() => {
Expand Down
2 changes: 1 addition & 1 deletion frontend/src/components/account/impersonation/ImpersonationPanel.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -120,7 +120,7 @@ async function disableConsent() {
<div class="flex items-center gap-2">
<FontAwesomeIcon
:icon="faCircleCheck"
class="size-4 text-green-600 dark:text-green-400"
class="text-icon-enabled size-4"
aria-hidden="true"
/>
<span>
Expand Down
2 changes: 1 addition & 1 deletion frontend/src/components/account/impersonation/SessionsTable.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -134,7 +134,7 @@ const onSessionModalClose = () => {
<FontAwesomeIcon
v-else-if="item.status === 'completed'"
:icon="faCircleCheck"
class="size-4 text-green-600 dark:text-green-400"
class="text-icon-enabled size-4"
aria-hidden="true"
/>

Expand Down
Loading
Loading