upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-04-15 22:11:17 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 26

fix: adjust server styles for new secondary status colors

Browse source 
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
This commit is contained in:
Ferdinand Thiessen 2025-08-19 13:13:11 +02:00
parent 66cc7b731a
commit e99ea1a351
14 changed files with 24 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/federatedfilesharing/src/components/PersonalSettings.vue
View file

@ -16,7 +16,7 @@
:trailing-button-label="copyLinkTooltip"
@trailing-button-click="copyCloudId">
<template #trailing-button-icon>
<IconCheck v-if="isCopied" :size="20" fill-color="var(--color-success)" />
<IconCheck v-if="isCopied" :size="20" fill-color="var(--color-border-success)" />
<IconClipboard v-else :size="20" />
</template>
</NcInputField>

2
apps/files/src/components/FileEntry/FileEntryActions.vue
View file

@ -391,7 +391,7 @@ main.app-content[style*="mouse-pos-x"] .v-popper__popper {
&.files-list__row-action--destructive {
::deep(button) {
color: var(--color-error) !important;
color: var(--color-text-error) !important;
}
}
}

4
apps/files/src/components/FilesListVirtual.vue
View file

@ -853,8 +853,8 @@ export default defineComponent({
&:invalid {
// Show red border on invalid input
border-color: var(--color-error);
color: red;
border-color: var(--color-border-error);
color: var(--color-text-error);
}
}
}

2
apps/files_sharing/src/components/SharingEntryInternal.vue
View file

@ -127,7 +127,7 @@ export default {
}
.icon-checkmark-color {
opacity: 1;
color: var(--color-success);
color: var(--color-border-success);
}
}
</style>

4
apps/settings/css/settings.scss
View file

@ -819,11 +819,11 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
}
.errors, .errors a {
color: var(--color-error);
color: var(--color-text-error);
}
.warnings, .warnings a {
color: var(--color-warning);
color: var(--color-warning-text);
}
.hint {

5
apps/settings/src/components/AppList/AppLevelBadge.vue
View file

@ -49,8 +49,9 @@ const badgeTitle = computed(() => isSupported.value
width: fit-content;
&--supported {
border-color: var(--color-success);
color: var(--color-success);
background-color: var(--color-success);
border-color: var(--color-border-success);
color: var(--color-success-text);
}
}
</style>

6
apps/settings/src/components/AppStoreSidebar/AppDetailsTab.vue
View file

@ -475,15 +475,15 @@ export default {
}
.force {
color: var(--color-error);
border-color: var(--color-error);
color: var(--color-text-error);
border-color: var(--color-border-error);
background: var(--color-main-background);
}
.force:hover,
.force:active {
color: var(--color-main-background);
border-color: var(--color-error) !important;
border-color: var(--color-border-error) !important;
background: var(--color-error);
}

2
apps/settings/src/components/PersonalInfo/shared/AccountPropertySection.vue
View file

@ -223,7 +223,7 @@ section {
}
&--error {
color: var(--color-error);
color: var(--color-text-error);
}
}

2
apps/systemtags/src/components/SystemTagPicker.vue
View file

@ -17,7 +17,7 @@
:name="t('systemtags', 'Applying tags changes…')">
<template #icon>
<NcLoadingIcon v-if="status === Status.LOADING" />
<CheckIcon v-else fill-color="var(--color-success)" />
<CheckIcon v-else fill-color="var(--color-border-success)" />
</template>
</NcEmptyContent>

3
apps/theming/src/components/ItemPreview.vue
View file

@ -157,7 +157,8 @@ export default {
}
&-warning {
color: var(--color-warning);
background-color: var(--color-warning);
color: var(--color-warning-text);
}
}

2
apps/workflowengine/src/components/Check.vue
View file

@ -224,6 +224,6 @@ export default {
}
.invalid {
border-color: var(--color-error) !important;
border-color: var(--color-border-error) !important;
}
</style>

4
core/css/inputs.scss
View file

@ -330,7 +330,7 @@ input[type='reset'] {
&.error {
background-color: var(--color-error) !important;
border-color: var(--color-error) !important;
border-color: var(--color-norder-error) !important;
color: var(--color-error-text) !important;
&:hover{
background-color: var(--color-error-hover) !important;
@ -384,7 +384,7 @@ input[type='email'] {
&:not(:active):not(:hover):not(:focus){
&:invalid {
+ .icon-confirm {
border-color: var(--color-error-text);
border-color: var(--color-border-error);
}
}
+ .icon-confirm {

6
core/css/toast.scss
View file

@ -44,7 +44,7 @@
}
.toast-error {
border-inline-start: 3px solid var(--color-error-text);
border-inline-start: 3px solid var(--color-border-error);
}
.toast-info {
@ -52,9 +52,9 @@
}
.toast-warning {
border-inline-start: 3px solid var(--color-warning);
border-inline-start: 3px solid var(--color-warning-hover);
}
.toast-success {
border-inline-start: 3px solid var(--color-success);
border-inline-start: 3px solid var(--color-border-success);
}

2
core/src/components/AppMenuIcon.vue
View file

@ -56,7 +56,7 @@ $unread-indicator-size: 10px;
}
&__unread {
color: var(--color-error);
color: var(--color-text-error);
position: absolute;
// Align the dot to the top right corner of the icon
inset-block-end: calc($icon-size + ($unread-indicator-size / -2));