mirrors/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2025-03-30 16:09:40 +00:00
Code Issues Projects Releases Wiki Activity

revert bg and border color changes

Browse source
This commit is contained in:
pat-s 2024-12-27 17:48:55 +01:00
parent ba04549d98
commit 59ecba1f56
No known key found for this signature in database
GPG key ID: 3C6318841EF78925
22 changed files with 30 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/src/App.vue
View file

@ -1,5 +1,5 @@
<template>
<div class="flex flex-col bg-wp-background-200 dark:bg-wp-background-300 m-auto w-full h-full app">
<div class="flex flex-col bg-wp-background-200 dark:bg-wp-background-100 m-auto w-full h-full app">
<router-view v-if="blank" />
<template v-else>
<Navbar />

2
web/src/components/admin/settings/queue/AdminQueueStats.vue
View file

@ -1,7 +1,7 @@
<template>
<div v-if="stats" class="flex justify-center">
<div
class="border-wp-background-400 bg-wp-background-200 dark:bg-wp-background-300 px-5 py-5 border rounded-md w-full text-wp-text-100"
class="border-wp-background-300 bg-wp-background-200 dark:bg-wp-background-100 px-5 py-5 border rounded-md w-full text-wp-text-100"
>
<div class="flex w-full">
<h3 class="flex-1 font-semibold text-lg uppercase leading-tight">

2
web/src/components/agent/AgentList.vue
View file

@ -3,7 +3,7 @@
<ListItem
v-for="agent in props.agents"
:key="agent.id"
class="items-center !bg-wp-background-200 !dark:bg-wp-background-300"
class="items-center !bg-wp-background-100 !dark:bg-wp-background-200"
>
<span>{{ agent.name || `Agent ${agent.id}` }}</span>
<span class="ml-auto">

2
web/src/components/atomic/CountBadge.vue
View file

@ -1,6 +1,6 @@
<template>
<span
class="bg-wp-code-inline-200 text-wp-text-code-inline-100 hover:bg-wp-code-inline-200 inline-block px-1.5 py-0.5 rounded-full min-w-5 font-bold text-center text-xs leading-4"
class="inline-block bg-wp-background-300 dark:bg-wp-background-100 px-1.5 py-0.5 rounded-full min-w-5 font-bold text-center text-wp-text-100 text-xs leading-4"
>
{{ value }}
</span>

4
web/src/components/atomic/ListItem.vue
View file

@ -2,9 +2,9 @@
<component
:is="to ? 'router-link' : clickable ? 'button' : 'div'"
:to="to"
class="flex border-wp-background-400 bg-wp-background-100 dark:bg-wp-background-400 p-4 border rounded-md w-full overflow-hidden"
class="flex border-wp-background-400 bg-wp-background-100 dark:bg-wp-background-200 p-4 border rounded-md w-full overflow-hidden"
:class="{
'cursor-pointer hover:shadow-md hover:bg-wp-background-300 dark:hover:bg-wp-background-500': clickable || to,
'cursor-pointer hover:shadow-md hover:bg-wp-background-300 dark:hover:bg-wp-background-300': clickable || to,
}"
>
<slot />

2
web/src/components/form/TextField.vue
View file

@ -2,7 +2,7 @@
<input
v-if="lines === 1"
v-model="innerValue"
class="border-wp-control-neutral-200 focus-visible:border-wp-control-neutral-300 bg-wp-background-200 px-2 py-1 border rounded-md w-full focus-visible:outline-none"
class="border-wp-control-neutral-200 focus-visible:border-wp-control-neutral-300 bg-wp-background-100 px-2 py-1 border rounded-md w-full focus-visible:outline-none"
:class="{ 'opacity-50': disabled }"
:disabled="disabled"
:type="type"

2
web/src/components/layout/Panel.vue
View file

@ -1,6 +1,6 @@
<template>
<div
class="border-wp-background-400 bg-wp-background-100 dark:bg-wp-background-400 shadow border rounded-md w-full overflow-hidden"
class="border-wp-background-400 bg-wp-background-100 dark:bg-wp-background-200 shadow border rounded-md w-full overflow-hidden"
>
<component
:is="collapsable ? 'button' : 'div'"

2
web/src/components/layout/header/Navbar.vue
View file

@ -1,6 +1,6 @@
<template>
<nav
class="flex border-wp-background-300 bg-wp-primary-200 dark:bg-wp-primary-300 p-4 border-b font-bold text-neutral-content text-wp-primary-text-100"
class="flex border-wp-background-100 bg-wp-primary-200 dark:bg-wp-primary-300 p-4 border-b font-bold text-neutral-content text-wp-primary-text-100"
>
<div class="flex items-center space-x-2">
<router-link :to="{ name: 'home' }" class="flex flex-col -my-2 px-2">

2
web/src/components/layout/scaffold/Header.vue
View file

@ -1,6 +1,6 @@
<template>
<header
class="border-wp-background-400 dark:border-wp-background-400 bg-wp-background-100 dark:bg-wp-background-500 border-b-1 text-wp-text-100"
class="border-wp-background-400 dark:border-wp-background-100 bg-wp-background-100 dark:bg-wp-background-300 border-b-1 text-wp-text-100"
:class="{ 'md:px-4': fullWidth }"
>
<Container :full-width="fullWidth" class="!py-0">

2
web/src/components/layout/scaffold/Tabs.vue
View file

@ -16,7 +16,7 @@
/>
<Icon v-else name="blank" class="md:hidden" />
<span
class="flex flex-row md:justify-center items-center gap-2 dark:hover:bg-wp-background-300 hover:bg-wp-background-200 px-2 py-1 rounded-md w-full min-w-20"
class="flex flex-row md:justify-center items-center gap-2 dark:hover:bg-wp-background-100 hover:bg-wp-background-200 px-2 py-1 rounded-md w-full min-w-20"
>
<Icon v-if="tab.icon" :name="tab.icon" :class="tab.iconClass" class="flex-shrink-0" />
<span>{{ tab.title }}</span>

2
web/src/components/pipeline-feed/PipelineFeedSidebar.vue
View file

@ -2,7 +2,7 @@
<aside
v-if="isOpen"
ref="target"
class="z-50 flex flex-col items-center border-wp-background-400 bg-wp-background-200 dark:bg-wp-background-400 overflow-y-auto"
class="z-50 flex flex-col items-center border-wp-background-400 bg-wp-background-200 dark:bg-wp-background-100 overflow-y-auto"
:aria-label="$t('pipeline_feed')"
>
<router-link

2
web/src/components/registry/RegistryList.vue
View file

@ -3,7 +3,7 @@
<ListItem
v-for="registry in registries"
:key="registry.id"
class="items-center !bg-wp-background-200 !dark:bg-wp-background-300"
class="items-center !bg-wp-background-200 !dark:bg-wp-background-100"
>
<span>{{ registry.address }}</span>
<IconButton

2
web/src/components/repo/RepoItem.vue
View file

@ -2,7 +2,7 @@
<router-link
v-if="repo"
:to="{ name: 'repo', params: { repoId: repo.id } }"
class="flex flex-col border-wp-background-400 bg-wp-background-100 hover:bg-wp-background-300 dark:hover:bg-wp-background-600 dark:bg-wp-background-400 hover:shadow-md p-4 border rounded-md cursor-pointer overflow-hidden"
class="flex flex-col border-wp-background-400 bg-wp-background-100 hover:bg-wp-background-300 dark:hover:bg-wp-background-300 dark:bg-wp-background-200 hover:shadow-md p-4 border rounded-md cursor-pointer overflow-hidden"
>
<div class="items-center gap-y-4 grid grid-cols-[auto,1fr]">
<div class="text-lg text-wp-text-100">{{ `${repo.owner} / ${repo.name}` }}</div>

10
web/src/components/repo/pipeline/PipelineStepList.vue
View file

@ -1,7 +1,7 @@
<template>
<div class="flex flex-col gap-2 pb-2 w-full md:w-3/12 md:min-w-xs md:max-w-md text-wp-text-100">
<div
class="flex flex-wrap flex-shrink-0 justify-between gap-1 border-wp-background-400 bg-wp-background-100 dark:bg-wp-background-400 p-4 border rounded-md"
class="flex flex-wrap flex-shrink-0 justify-between gap-1 border-wp-background-400 bg-wp-background-100 dark:bg-wp-background-200 p-4 border rounded-md"
>
<div class="flex flex-shrink-0 items-center space-x-1">
<div class="flex items-center">
@ -59,7 +59,7 @@
<div
v-for="workflow in pipeline.workflows"
:key="workflow.id"
class="border-wp-background-400 bg-wp-background-200 dark:bg-wp-background-400 shadow p-2 border rounded-md"
class="border-wp-background-400 bg-wp-background-100 dark:bg-wp-background-200 shadow p-2 border rounded-md"
>
<div class="flex flex-col gap-2">
<div v-if="workflow.environ" class="flex flex-wrap justify-end gap-x-1 gap-y-2 pt-1 pr-1 text-xs">
@ -71,7 +71,7 @@
v-if="!singleConfig"
type="button"
:title="workflow.name"
class="flex items-center gap-2 hover:bg-wp-background-300 dark:hover:bg-wp-background-600 px-1 py-2 rounded-md hover-effect"
class="flex items-center gap-2 hover:bg-wp-background-300 dark:hover:bg-wp-background-400 px-1 py-2 rounded-md hover-effect"
@click="workflowsCollapsed[workflow.id] = !workflowsCollapsed[workflow.id]"
>
<Icon
@ -102,9 +102,9 @@
:key="step.pid"
type="button"
:title="step.name"
class="flex items-center gap-2 border-2 hover:bg-wp-background-300 dark:hover:bg-wp-background-600 p-2 border-transparent rounded-md w-full hover-effect"
class="flex items-center gap-2 border-2 hover:bg-wp-background-300 dark:hover:bg-wp-background-400 p-2 border-transparent rounded-md w-full hover-effect"
:class="{
'bg-wp-background-400 dark:bg-wp-background-600': selectedStepId && selectedStepId === step.pid,
'bg-wp-background-300 dark:bg-wp-background-400': selectedStepId && selectedStepId === step.pid,
'mt-1': !singleConfig || (workflow.children && step.pid !== workflow.children[0].pid),
}"
@click="$emit('update:selected-step-id', step.pid)"

2
web/src/components/secrets/SecretList.vue
View file

@ -3,7 +3,7 @@
<ListItem
v-for="secret in secrets"
:key="secret.id"
class="items-center !bg-wp-background-200 !dark:bg-wp-background-300"
class="items-center !bg-wp-background-200 !dark:bg-wp-background-100"
>
<span>{{ secret.name }}</span>
<Badge

10
web/src/style.css
View file

@ -59,12 +59,10 @@
}
:root[data-theme='dark'] {
--wp-background-100: theme('colors.black');
--wp-background-200: theme('colors.int-wp-secondary.200');
--wp-background-300: theme('colors.int-wp-secondary.300');
--wp-background-400: theme('colors.int-wp-secondary.400');
--wp-background-500: theme('colors.int-wp-secondary.500');
--wp-background-600: theme('colors.int-wp-secondary.600');
--wp-background-100: theme('colors.int-wp-secondary.300');
--wp-background-200: theme('colors.int-wp-secondary.400');
--wp-background-300: theme('colors.int-wp-secondary.500');
--wp-background-400: theme('colors.int-wp-secondary.600');
--wp-text-100: theme('colors.gray.300');
--wp-text-200: theme('colors.gray.200');

2
web/src/views/Login.vue
View file

@ -14,7 +14,7 @@
</Error>
<div
class="flex md:flex-row flex-col border-wp-background-400 bg-wp-background-200 dark:bg-wp-background-400 shadow md:m-8 border md:rounded-md w-full md:w-3xl md:h-sm overflow-hidden"
class="flex md:flex-row flex-col border-wp-background-400 bg-wp-background-100 dark:bg-wp-background-200 shadow md:m-8 border md:rounded-md w-full md:w-3xl md:h-sm overflow-hidden"
>
<div class="flex justify-center items-center bg-wp-primary-200 dark:bg-wp-primary-300 md:w-3/5 min-h-48">
<WoodpeckerLogo preserveAspectRatio="xMinYMin slice" class="w-30 md:w-48 h-30 md:h-48" />

2
web/src/views/admin/AdminOrgs.vue
View file

@ -4,7 +4,7 @@
<ListItem
v-for="org in orgs"
:key="org.id"
class="items-center gap-2 !bg-wp-background-200 !dark:bg-wp-background-300"
class="items-center gap-2 !bg-wp-background-200 !dark:bg-wp-background-100"
>
<span>{{ org.name }}</span>
<IconButton

2
web/src/views/admin/AdminQueue.vue
View file

@ -29,7 +29,7 @@
<ListItem
v-for="task in tasks"
:key="task.id"
class="items-center !bg-wp-background-200 !dark:bg-wp-background-300 mb-2"
class="items-center !bg-wp-background-200 !dark:bg-wp-background-100 mb-2"
>
<div
class="flex items-center"

2
web/src/views/admin/AdminRepos.vue
View file

@ -13,7 +13,7 @@
<ListItem
v-for="repo in repos"
:key="repo.id"
class="items-center gap-2 !bg-wp-background-200 !dark:bg-wp-background-300"
class="items-center gap-2 !bg-wp-background-200 !dark:bg-wp-background-100"
>
<span>{{ repo.full_name }}</span>
<div class="flex items-center ml-auto">

2
web/src/views/admin/AdminUsers.vue
View file

@ -14,7 +14,7 @@
<ListItem
v-for="user in users"
:key="user.id"
class="items-center gap-2 !bg-wp-background-200 !dark:bg-wp-background-300"
class="items-center gap-2 !bg-wp-background-200 !dark:bg-wp-background-100"
>
<img v-if="user.avatar_url" class="rounded-md h-6" :src="user.avatar_url" />
<span>{{ user.login }}</span>

2
web/src/views/repo/settings/Crons.vue
View file

@ -18,7 +18,7 @@
<ListItem
v-for="cron in crons"
:key="cron.id"
class="items-center !bg-wp-background-200 !dark:bg-wp-background-300"
class="items-center !bg-wp-background-200 !dark:bg-wp-background-100"
>
<span class="grid grid-cols-3 w-full">
<span>{{ cron.name }}</span>