From 56c1ff774062e9eaeaae6a3ba2a28ebc0c6538c1 Mon Sep 17 00:00:00 2001
From: pat-s <patrick.schratz@gmail.com>
Date: Sat, 21 Dec 2024 12:32:44 +0100
Subject: [PATCH] downsize border-wp-background-500 to 400

---
 web/src/components/atomic/ListItem.vue                   | 2 +-
 web/src/components/layout/Panel.vue                      | 2 +-
 web/src/components/layout/scaffold/Header.vue            | 2 +-
 web/src/components/pipeline-feed/PipelineFeedSidebar.vue | 4 ++--
 web/src/components/repo/RepoItem.vue                     | 2 +-
 web/src/components/repo/pipeline/PipelineStepList.vue    | 4 ++--
 web/src/views/Login.vue                                  | 2 +-
 7 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/web/src/components/atomic/ListItem.vue b/web/src/components/atomic/ListItem.vue
index 2e6f63a76..ada9d0464 100644
--- a/web/src/components/atomic/ListItem.vue
+++ b/web/src/components/atomic/ListItem.vue
@@ -2,7 +2,7 @@
   <component
     :is="to ? 'router-link' : clickable ? 'button' : 'div'"
     :to="to"
-    class="flex border-wp-background-500 bg-wp-background-200 dark:bg-wp-background-300 p-4 border rounded-md w-full overflow-hidden"
+    class="flex border-wp-background-400 bg-wp-background-200 dark:bg-wp-background-300 p-4 border rounded-md w-full overflow-hidden"
     :class="{
       'cursor-pointer hover:shadow-md hover:bg-wp-background-400 dark:hover:bg-wp-background-400': clickable || to,
     }"
diff --git a/web/src/components/layout/Panel.vue b/web/src/components/layout/Panel.vue
index e0186087b..3fea49728 100644
--- a/web/src/components/layout/Panel.vue
+++ b/web/src/components/layout/Panel.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="border-wp-background-500 bg-wp-background-200 dark:bg-wp-background-300 shadow border rounded-md w-full overflow-hidden"
+    class="border-wp-background-400 bg-wp-background-200 dark:bg-wp-background-300 shadow border rounded-md w-full overflow-hidden"
   >
     <component
       :is="collapsable ? 'button' : 'div'"
diff --git a/web/src/components/layout/scaffold/Header.vue b/web/src/components/layout/scaffold/Header.vue
index c9ec95a65..c9938d6d5 100644
--- a/web/src/components/layout/scaffold/Header.vue
+++ b/web/src/components/layout/scaffold/Header.vue
@@ -1,6 +1,6 @@
 <template>
   <header
-    class="border-wp-background-500 dark:border-wp-background-200 bg-wp-background-200 dark:bg-wp-background-400 border-b-1 text-wp-text-100"
+    class="border-wp-background-400 dark:border-wp-background-200 bg-wp-background-200 dark:bg-wp-background-400 border-b-1 text-wp-text-100"
     :class="{ 'md:px-4': fullWidth }"
   >
     <Container :full-width="fullWidth" class="!py-0">
diff --git a/web/src/components/pipeline-feed/PipelineFeedSidebar.vue b/web/src/components/pipeline-feed/PipelineFeedSidebar.vue
index 30da8649c..7e69e65b6 100644
--- a/web/src/components/pipeline-feed/PipelineFeedSidebar.vue
+++ b/web/src/components/pipeline-feed/PipelineFeedSidebar.vue
@@ -2,7 +2,7 @@
   <aside
     v-if="isOpen"
     ref="target"
-    class="z-50 flex flex-col items-center border-wp-background-500 bg-wp-background-200 dark:bg-wp-background-300 overflow-y-auto"
+    class="z-50 flex flex-col items-center border-wp-background-400 bg-wp-background-200 dark:bg-wp-background-300 overflow-y-auto"
     :aria-label="$t('pipeline_feed')"
   >
     <router-link
@@ -12,7 +12,7 @@
         name: 'repo-pipeline',
         params: { repoId: pipeline.repo_id, pipelineId: pipeline.number },
       }"
-      class="flex border-wp-background-500 hover:bg-wp-background-400 dark:hover:bg-wp-background-500 hover:shadow-sm px-2 py-4 border-b w-full"
+      class="flex border-wp-background-400 hover:bg-wp-background-400 dark:hover:bg-wp-background-500 hover:shadow-sm px-2 py-4 border-b w-full"
     >
       <PipelineFeedItem :pipeline="pipeline" />
     </router-link>
diff --git a/web/src/components/repo/RepoItem.vue b/web/src/components/repo/RepoItem.vue
index 37926cb70..26e9721bd 100644
--- a/web/src/components/repo/RepoItem.vue
+++ b/web/src/components/repo/RepoItem.vue
@@ -2,7 +2,7 @@
   <router-link
     v-if="repo"
     :to="{ name: 'repo', params: { repoId: repo.id } }"
-    class="flex flex-col border-wp-background-500 bg-wp-background-200 hover:bg-wp-background-400 dark:hover:bg-wp-background-400 dark:bg-wp-background-300 hover:shadow-md p-4 border rounded-md cursor-pointer overflow-hidden"
+    class="flex flex-col border-wp-background-400 bg-wp-background-200 hover:bg-wp-background-400 dark:hover:bg-wp-background-400 dark:bg-wp-background-300 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>
diff --git a/web/src/components/repo/pipeline/PipelineStepList.vue b/web/src/components/repo/pipeline/PipelineStepList.vue
index 07712d342..a06eb41d9 100644
--- a/web/src/components/repo/pipeline/PipelineStepList.vue
+++ b/web/src/components/repo/pipeline/PipelineStepList.vue
@@ -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-500 bg-wp-background-200 dark:bg-wp-background-300 p-4 border rounded-md"
+      class="flex flex-wrap flex-shrink-0 justify-between gap-1 border-wp-background-400 bg-wp-background-200 dark:bg-wp-background-300 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-500 bg-wp-background-200 dark:bg-wp-background-300 shadow p-2 border rounded-md"
+          class="border-wp-background-400 bg-wp-background-200 dark:bg-wp-background-300 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">
diff --git a/web/src/views/Login.vue b/web/src/views/Login.vue
index 52d007b8d..3720e5e32 100644
--- a/web/src/views/Login.vue
+++ b/web/src/views/Login.vue
@@ -14,7 +14,7 @@
     </Error>
 
     <div
-      class="flex md:flex-row flex-col border-wp-background-500 bg-wp-background-200 dark:bg-wp-background-300 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-200 dark:bg-wp-background-300 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" />