fa/breadcrumb-the-shire
1
0
Fork 1
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat(search): refresh global search UI and align qa/docs updates

Browse Source
This commit is contained in:
Felix Schneider
2026-04-02 10:49:35 +02:00
parent 5699bc6c5b
commit 5d07236758
35 changed files with 504 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
web/css/base/variables.base.css
View File

@@ -57,18 +57,18 @@
--app-blockquote-background-color: var(
--app-form-element-active-background-color
);
--list-tabs-border: var(--app-border);
--list-tabs-active: var(--app-primary);
--list-tabs-muted: var(--app-muted-color);
--tabs-border: var(--app-border);
--tabs-active: var(--app-primary);
--tabs-muted: var(--app-muted-color);
--tooltip-bg: var(--app-card-background-color);
--tooltip-color: var(--app-color);
--tooltip-border: var(--app-border);
--tooltip-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
--tooltip-radius: 8px;
--tooltip-offset: 8px;
--app-list-tabs-border: var(--app-border);
--app-list-tabs-active: var(--app-primary);
--app-list-tabs-muted: var(--app-muted-color);
--app-tabs-border: var(--app-border);
--app-tabs-active: var(--app-primary);
--app-tabs-muted: var(--app-muted-color);
--app-tooltip-bg: var(--app-card-background-color);
--app-tooltip-color: var(--app-color);
--app-tooltip-border: var(--app-border);
--app-tooltip-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
--app-tooltip-radius: 8px;
--app-tooltip-offset: 8px;
--app-badge-background-color: coral;
--app-empty-border-color: var(--app-muted-border-color);
--app-empty-bg: var(--app-card-background-color);
@@ -239,6 +239,7 @@
--app-form-element-active-border-color: var(--app-primary-border);
--app-form-element-focus-color: var(--app-primary-border);
--app-form-element-disabled-opacity: 0.5;
--app-form-element-disabled-background-color: #f0f2f5;
--app-form-element-readonly-background-color: #f4f7fb;
--app-form-element-readonly-border-color: #d6deea;
--app-form-element-readonly-color: #2f3440;
@@ -248,6 +249,8 @@
--app-form-element-invalid-focus-color: var(
--app-form-element-invalid-active-border-color
);
--app-form-element-invalid-active-shadow: 0 0 0 var(--app-outline-width)
var(--app-form-element-invalid-focus-color);
--app-form-element-valid-border-color: rgb(76, 154.5, 137.5);
--app-form-element-valid-active-border-color: rgb(39, 152.75, 118.75);
--app-form-element-valid-focus-color: var(
@@ -306,8 +309,6 @@
--app-modal-overlay-background-color: rgba(232, 234, 237, 0.75);
--app-progress-background-color: #dfe3eb;
--app-progress-color: var(--app-primary-background);
--app-tooltip-background-color: var(--app-contrast-background);
--app-tooltip-color: var(--app-contrast-inverse);
--app-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(76, 154.5, 137.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
--app-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(200.25, 79.25, 72.25)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
}
@@ -499,6 +500,7 @@
--app-form-element-active-border-color: var(--app-primary-border);
--app-form-element-focus-color: var(--app-primary-border);
--app-form-element-disabled-opacity: 0.5;
--app-form-element-disabled-background-color: #1e2430;
--app-form-element-readonly-background-color: #242c3a;
--app-form-element-readonly-border-color: #3a4458;
--app-form-element-readonly-color: #d7dde8;
@@ -508,6 +510,8 @@
--app-form-element-invalid-focus-color: var(
--app-form-element-invalid-active-border-color
);
--app-form-element-invalid-active-shadow: 0 0 0 var(--app-outline-width)
var(--app-form-element-invalid-focus-color);
--app-form-element-valid-border-color: #2a7b6f;
--app-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--app-form-element-valid-focus-color: var(
@@ -554,8 +558,6 @@
--app-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--app-progress-background-color: #202632;
--app-progress-color: var(--app-primary-background);
--app-tooltip-background-color: var(--app-contrast-background);
--app-tooltip-color: var(--app-contrast-inverse);
--app-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
--app-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
}
@@ -736,6 +738,7 @@
--app-form-element-active-border-color: var(--app-primary-border);
--app-form-element-focus-color: var(--app-primary-border);
--app-form-element-disabled-opacity: 0.5;
--app-form-element-disabled-background-color: #1e2430;
--app-form-element-readonly-background-color: #242c3a;
--app-form-element-readonly-border-color: #3a4458;
--app-form-element-readonly-color: #d7dde8;
@@ -745,6 +748,8 @@
--app-form-element-invalid-focus-color: var(
--app-form-element-invalid-active-border-color
);
--app-form-element-invalid-active-shadow: 0 0 0 var(--app-outline-width)
var(--app-form-element-invalid-focus-color);
--app-form-element-valid-border-color: #2a7b6f;
--app-form-element-valid-active-border-color: rgb(22, 137, 105.5);
--app-form-element-valid-focus-color: var(
@@ -803,8 +808,6 @@
--app-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
--app-progress-background-color: #202632;
--app-progress-color: var(--app-primary-background);
--app-tooltip-background-color: var(--app-contrast-background);
--app-tooltip-color: var(--app-contrast-inverse);
--app-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
--app-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
}