mirrors/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2024-12-19 23:16:34 +00:00
Code Issues Projects Releases Wiki Activity

consolidate code bg colours

Browse source
This commit is contained in:
pat-s 2024-12-01 20:31:56 +01:00
parent 3662bfc94e
commit 994b797874
No known key found for this signature in database
GPG key ID: 3C6318841EF78925
3 changed files with 7 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/components/repo/pipeline/PipelineLog.vue
View file

@ -5,7 +5,7 @@
@mouseover="showActions = true" @mouseover="showActions = true"
@mouseleave="showActions = false" @mouseleave="showActions = false"
> >
<div class="<md:fixed <md:top-0 <md:left-0 flex flex-row items-center w-full bg-wp-code-100 px-4 py-2"> <div class="<md:fixed <md:top-0 <md:left-0 flex flex-row items-center w-full bg-wp-code-bg-100 px-4 py-2">
<span class="text-base font-bold text-wp-code-text-alt-100"> <span class="text-base font-bold text-wp-code-text-alt-100">
<span class="<md:hidden">{{ $t('repo.pipeline.log_title') }}</span> <span class="<md:hidden">{{ $t('repo.pipeline.log_title') }}</span>
<span class="md:hidden">{{ step?.name }}</span> <span class="md:hidden">{{ step?.name }}</span>
@ -96,7 +96,7 @@
<div <div
v-if="step?.finished !== undefined" v-if="step?.finished !== undefined"
class="flex items-center w-full bg-wp-code-100 text-md text-wp-code-text-alt-100 p-4 font-bold" class="flex items-center w-full bg-wp-code-bg-100 text-md text-wp-code-text-alt-100 p-4 font-bold"
> >
<PipelineStatusIcon :status="step.state" class="!h-4 !w-4" /> <PipelineStatusIcon :status="step.state" class="!h-4 !w-4" />
<span v-if="step?.error" class="px-2">{{ step.error }}</span> <span v-if="step?.error" class="px-2">{{ step.error }}</span>

10
web/src/style.css
View file

@ -39,9 +39,7 @@
--wp-hint-warn-100: theme('colors.int-wp-hint-warn.100'); --wp-hint-warn-100: theme('colors.int-wp-hint-warn.100');
--wp-hint-warn-200: theme('colors.int-wp-hint-warn.200'); --wp-hint-warn-200: theme('colors.int-wp-hint-warn.200');
--wp-code-100: theme('colors.int-wp-secondary.300'); --wp-code-bg-100: #f0f1f3;
--wp-code-200: theme('colors.int-wp-secondary.600');
--wp-code-custom: #f0f1f3;
--wp-code-text-100: theme('colors.gray.200'); --wp-code-text-100: theme('colors.gray.200');
--wp-code-text-alt-100: theme('colors.gray.300'); --wp-code-text-alt-100: theme('colors.gray.300');
@ -89,9 +87,7 @@
--wp-hint-warn-100: theme('colors.int-wp-hint-warn-dark.100'); --wp-hint-warn-100: theme('colors.int-wp-hint-warn-dark.100');
--wp-hint-warn-200: theme('colors.int-wp-hint-warn-dark.200'); --wp-hint-warn-200: theme('colors.int-wp-hint-warn-dark.200');
--wp-code-100: theme('colors.int-wp-secondary.700'); --wp-code-bg-100: #3d444d;
--wp-code-200: theme('colors.int-wp-secondary.800');
--wp-code-custom: #3d444d;
--wp-code-text-100: theme('colors.gray.300'); --wp-code-text-100: theme('colors.gray.300');
--wp-code-text-alt-100: theme('colors.gray.400'); --wp-code-text-alt-100: theme('colors.gray.400');
@ -145,7 +141,7 @@ body,
} }
.code-box { .code-box {
@apply bg-wp-code-200 p-4 rounded-md text-wp-code-text-100 text-sm break-words; @apply bg-wp-code-bg-100 p-4 rounded-md text-wp-code-text-100 text-sm break-words;
white-space: pre-wrap; white-space: pre-wrap;
} }

5
web/windi.config.ts
View file

@ -193,9 +193,8 @@ export default defineConfig({
200: 'var(--wp-hint-warn-200)', 200: 'var(--wp-hint-warn-200)',
}, },
'wp-code': { 'wp-code-bg': {
100: 'var(--wp-code-100)', 100: 'var(--wp-code-bg-100)',
200: 'var(--wp-code-200)',
}, },
'wp-code-text': { 'wp-code-text': {
100: 'var(--wp-code-text-100)', 100: 'var(--wp-code-text-100)',