From 1e45c2cc6f5c738bcb85486432919956298fc520 Mon Sep 17 00:00:00 2001
From: Jason Song <i@wolfogre.com>
Date: Wed, 11 Jan 2023 14:38:08 +0800
Subject: [PATCH] fix: use declared colors
---
web_src/js/components/RepoActionView.vue | 18 ++++++++++--------
1 file changed, 10 insertions(+), 8 deletions(-)
diff --git a/web_src/js/components/RepoActionView.vue b/web_src/js/components/RepoActionView.vue
index 36ba958df9..0f26a1c571 100644
--- a/web_src/js/components/RepoActionView.vue
+++ b/web_src/js/components/RepoActionView.vue
@@ -320,7 +320,7 @@ export function initRepositoryActionView() {
display: block;
margin: 5px 0;
padding: 10px;
- background: #f8f8f8;
+ background: var(--color-info-bg);
border-radius: 5px;
text-decoration: none;
button.job-brief-rerun {
@@ -330,6 +330,9 @@ export function initRepositoryActionView() {
outline: none
};
}
+ a.job-brief-item:hover {
+ background-color: var(--color-secondary);
+ }
}
}
@@ -340,8 +343,8 @@ export function initRepositoryActionView() {
.action-view-right {
flex: 1;
- background-color: #262626;
- color: #d6d6d6;
+ background-color: var(--color-console-bg);
+ color: var(--color-console-fg);
max-height: 100%;
margin-right: 10px;
@@ -351,13 +354,12 @@ export function initRepositoryActionView() {
.job-info-header {
.job-info-header-title {
- color: #fdfdfd;
font-size: 150%;
padding: 10px;
}
.job-info-header-detail {
padding: 0 10px 10px;
- border-bottom: 1px solid #666;
+ border-bottom: 1px solid var(--color-grey);
}
}
@@ -378,7 +380,7 @@ export function initRepositoryActionView() {
}
}
.job-step-summary:hover {
- background-color: #333;
+ background-color: var(--color-black-light);
}
}
</style>
@@ -408,11 +410,11 @@ body > div.full.height {
display: flex;
line-num {
width: 48px;
- color: #555;
+ color: var(--color-grey-light);
text-align: right;
}
log-time {
- color: #777;
+ color: var(--color-grey-light);
margin-left: 10px;
white-space: nowrap;
}