From a829c4f0bbaf8561b603e0bf5b00a07ed3f78403 Mon Sep 17 00:00:00 2001 From: sunhao Date: Mon, 27 Nov 2023 14:27:38 +0800 Subject: [PATCH] * zin: refactor --color-slate-* to --color-gray-*. --- lib/zin/wg/dynamic/css/v1.css | 4 +-- lib/zin/wg/entitylabel/css/v1.css | 2 +- lib/zin/wg/formrowgroup/css/v1.css | 2 +- lib/zin/wg/modulemenu/v1.php | 2 +- lib/zin/wg/stepseditor/css/v1.css | 8 +++--- lib/zin/wg/tabledata/css/v1.css | 2 +- lib/zin/wg/tabs/css/v1.css | 2 +- module/block/ui/annualworkloadblock.html.php | 2 +- module/build/css/view.ui.css | 2 +- module/company/css/dynamic.ui.css | 2 +- module/custom/css/code.ui.css | 2 +- module/custom/css/execution.ui.css | 2 +- module/custom/css/limittaskdate.ui.css | 2 +- module/custom/css/percent.ui.css | 2 +- module/custom/css/product.ui.css | 2 +- module/execution/css/dynamic.ui.css | 2 +- module/index/css/index.ui.css | 4 +-- module/install/css/step4.ui.css | 2 +- module/metric/css/details.ui.css | 6 ++--- module/metric/css/implement.ui.css | 8 +++--- module/metric/css/preview.ui.css | 28 ++++++++++---------- module/mr/css/view.ui.css | 2 +- module/my/css/dynamic.ui.css | 2 +- module/my/css/managecontacts.ui.css | 2 +- module/product/css/view.ui.css | 2 +- module/stakeholder/css/view.ui.css | 2 +- module/story/css/processstorychange.ui.css | 2 +- module/testcase/css/createbug.ui.css | 6 ++--- module/testcase/css/view.ui.css | 6 ++--- module/testtask/css/common.ui.css | 7 +++-- module/testtask/css/runcase.ui.css | 7 +++-- module/upgrade/css/to18guide.ui.css | 2 +- module/user/css/dynamic.ui.css | 2 +- module/user/css/login.ui.css | 2 +- 34 files changed, 65 insertions(+), 67 deletions(-) diff --git a/lib/zin/wg/dynamic/css/v1.css b/lib/zin/wg/dynamic/css/v1.css index d3c3d210fb..b4d7d11244 100644 --- a/lib/zin/wg/dynamic/css/v1.css +++ b/lib/zin/wg/dynamic/css/v1.css @@ -8,8 +8,8 @@ .dynamic > li.trophy > div:after {background-color: unset;} .dynamic > li + li:after {position: absolute; top: -12px; bottom: 20px; left: -13px; z-index: 1; display: block; content: ' '; border-left: 2px solid #eee;} .dynamic > li > div:after {opacity: 1} -.dynamic > li:before {top: 12px; left: -20px; width: 16px; height: 16px; background-color: var(--color-slate-100); border: none;} -.dynamic > li.trophy:before {background: url('static/svg/trophy.svg') no-repeat; width: 18px; height: 18px; background-size: 100%; left: -21px; top: 13px; background-color: var(--color-slate-100);} +.dynamic > li:before {top: 12px; left: -20px; width: 16px; height: 16px; background-color: var(--color-gray-100); border: none;} +.dynamic > li.trophy:before {background: url('static/svg/trophy.svg') no-repeat; width: 18px; height: 18px; background-size: 100%; left: -21px; top: 13px; background-color: var(--color-gray-100);} .dynamic > li > div {display: block; padding: 3px 0px; line-height: 20px} .dynamic > li .dynamic-text {padding: 2px 5px;} .dynamic > li.trophy .dynamic-text {background: #fff;} diff --git a/lib/zin/wg/entitylabel/css/v1.css b/lib/zin/wg/entitylabel/css/v1.css index 64ce09e6a7..994ac245f5 100644 --- a/lib/zin/wg/entitylabel/css/v1.css +++ b/lib/zin/wg/entitylabel/css/v1.css @@ -1 +1 @@ -.entity-label .label {box-shadow: none; border: 1px solid var(--color-slate-300); color: var(--color-slate-700); background: none;} +.entity-label .label {box-shadow: none; border: 1px solid var(--color-gray-300); color: var(--color-gray-700); background: none;} diff --git a/lib/zin/wg/formrowgroup/css/v1.css b/lib/zin/wg/formrowgroup/css/v1.css index a869fc1191..048938c02e 100644 --- a/lib/zin/wg/formrowgroup/css/v1.css +++ b/lib/zin/wg/formrowgroup/css/v1.css @@ -1 +1 @@ -.form-row-group .row-group-title {background-color: var(--color-slate-100);} +.form-row-group .row-group-title {background-color: var(--color-gray-100);} diff --git a/lib/zin/wg/modulemenu/v1.php b/lib/zin/wg/modulemenu/v1.php index 68fc914dbf..a8b09a7fed 100644 --- a/lib/zin/wg/modulemenu/v1.php +++ b/lib/zin/wg/modulemenu/v1.php @@ -160,7 +160,7 @@ class moduleMenu extends wg ( set('href', $closeLink), $titleAttrs ? setData($titleAttrs) : null, - icon('close', setStyle('color', 'var(--color-slate-600)')) + icon('close', setStyle('color', 'var(--color-gray-600)')) ); } diff --git a/lib/zin/wg/stepseditor/css/v1.css b/lib/zin/wg/stepseditor/css/v1.css index f69491e01b..46830885a4 100644 --- a/lib/zin/wg/stepseditor/css/v1.css +++ b/lib/zin/wg/stepseditor/css/v1.css @@ -1,8 +1,8 @@ .steps-editor {width: 100%} -.steps-editor-header {padding-right: 24px; color: var(--color-slate-700);} +.steps-editor-header {padding-right: 24px; color: var(--color-gray-700);} .steps-editor-row {position: relative; display: flex; align-items: stretch; min-height: 32px; --tw-ring-color: rgba(var(--color-border-strong-rgb), 1); box-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); margin-top: 1px; z-index: 1;} .steps-editor-row.is-focus {z-index: 100;} -.steps-editor-header .steps-editor-row {border-radius: 2px 2px 0 0; background-color: var(--color-slate-100);} +.steps-editor-header .steps-editor-row {border-radius: 2px 2px 0 0; background-color: var(--color-gray-100);} .steps-editor-col {flex: none; display: flex; align-items: stretch;} .steps-editor-header .steps-editor-col {padding: 0 12px; align-items: center;} .steps-editor-col-step {width: 50%;} @@ -16,14 +16,14 @@ .steps-editor-step-text {padding: 6px 12px 6px 6px;; flex: auto; border: none; min-height: 32px; background: none; border-radius: 0; resize: none} .steps-editor-step-text {outline: none;} .steps-editor-body .steps-editor-col-add > div + div::before {content: ' '; position: absolute; display: block; border-left: 1px solid var(--color-border-strong); top: 4px; bottom: 4px; left: 0; opacity: .7;} -.steps-editor .btn-action {color: var(--color-slate-600);} +.steps-editor .btn-action {color: var(--color-gray-600);} .steps-editor .btn-action:hover {color: var(--color-primary-500);} .steps-editor-col-delete {width: 24px; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; right: -24px; top: 0} .steps-editor-row .form-control {background: inherit;} .steps-editor-row {background: var(--color-canvas);} .steps-editor-row[data-level="1"] {margin-top: 7px;} .steps-editor-body > .steps-editor-row:first-child {margin-top: 1px;} -.steps-editor-step-move {color: var(--color-slate-600); width: 24px; display: flex; justify-content: center; align-items: center; border-right: 1px solid var(--color-border-strong); cursor: move;} +.steps-editor-step-move {color: var(--color-gray-600); width: 24px; display: flex; justify-content: center; align-items: center; border-right: 1px solid var(--color-border-strong); cursor: move;} .steps-editor-drag-ghost {position: absolute; left: 0; top: 0; bottom: 0; opacity: 0; right: 0; pointer-events: none;} .steps-editor-step-move:hover {color: var(--color-primary-500)} .steps-editor-col-step::before {display: block; content: ' '; position: absolute; left: -90px; top: 0; bottom: 0; width: 90px;} diff --git a/lib/zin/wg/tabledata/css/v1.css b/lib/zin/wg/tabledata/css/v1.css index 2119e915dc..f8a92de3f7 100644 --- a/lib/zin/wg/tabledata/css/v1.css +++ b/lib/zin/wg/tabledata/css/v1.css @@ -1,4 +1,4 @@ .table-data {table-layout: fixed;} .table-data th, -.table-data .table-data-th {width: 65px; color: var(--color-slate-600);} +.table-data .table-data-th {width: 65px; color: var(--color-gray-600);} .table-data th.required:before {content: '*'; color: rgba(var(--color-danger-500-rgb),var(--tw-text-opacity)); position: relative; top: 0.25rem; right: 0.25rem;} diff --git a/lib/zin/wg/tabs/css/v1.css b/lib/zin/wg/tabs/css/v1.css index ff5bb7e42f..051711c4df 100644 --- a/lib/zin/wg/tabs/css/v1.css +++ b/lib/zin/wg/tabs/css/v1.css @@ -1,4 +1,4 @@ -.tabs .nav-tabs>.nav-item>a {font-size: 14px; font-weight: 800; padding: 0; padding-right: 0; color: var(--color-slate-800);} +.tabs .nav-tabs>.nav-item>a {font-size: 14px; font-weight: 800; padding: 0; padding-right: 0; color: var(--color-gray-800);} .tabs .nav-tabs>.nav-item>a:after {border-width: 0;} .tabs .nav-tabs>.nav-item>a:before {background: none;} .tabs .nav-tabs>.nav-item>a.active {color: var(--color-primary-500);} diff --git a/module/block/ui/annualworkloadblock.html.php b/module/block/ui/annualworkloadblock.html.php index caaec0f870..817afa3bdf 100644 --- a/module/block/ui/annualworkloadblock.html.php +++ b/module/block/ui/annualworkloadblock.html.php @@ -141,7 +141,7 @@ blockPanel cell ( setClass('flex flex-wrap overflow-hidden px-4 ' . ($longBlock ? 'py-2' : 'py-3 w-full my-2')), - !$longBlock ? set::style(array('background-color' => 'var(--color-slate-100)')) : '', + !$longBlock ? set::style(array('background-color' => 'var(--color-gray-100)')) : '', set::width($longBlock ? '1/3' : '100%'), cell ( diff --git a/module/build/css/view.ui.css b/module/build/css/view.ui.css index 5a0d3f2fde..fff478363e 100644 --- a/module/build/css/view.ui.css +++ b/module/build/css/view.ui.css @@ -1,2 +1,2 @@ -.entity-label .id-label {border: 1px solid var(--color-slate-500) !important;} +.entity-label .id-label {border: 1px solid var(--color-gray-500) !important;} .tab-actions {float:right; margin-top: -45px;} diff --git a/module/company/css/dynamic.ui.css b/module/company/css/dynamic.ui.css index ff7ef02e7c..efd5d864e4 100644 --- a/module/company/css/dynamic.ui.css +++ b/module/company/css/dynamic.ui.css @@ -8,4 +8,4 @@ .timeline > li + li:after {position: relative; top: 90px; bottom: 20px; left: 40px; z-index: 1; display: block; content: ' '; border-left: 2px solid #eee;} -.actions-box {background-color: var(--color-slate-100);} +.actions-box {background-color: var(--color-gray-100);} diff --git a/module/custom/css/code.ui.css b/module/custom/css/code.ui.css index 72fafd7f74..17727cbd1d 100644 --- a/module/custom/css/code.ui.css +++ b/module/custom/css/code.ui.css @@ -1,2 +1,2 @@ #setCodeForm .set-code-box, #setCodeForm .set-code-tip {margin-left: 32px;} -#setCodeForm .set-code-box .form-label {font-weight: 600; color: var(--color-slate-900);} +#setCodeForm .set-code-box .form-label {font-weight: 600; color: var(--color-gray-900);} diff --git a/module/custom/css/execution.ui.css b/module/custom/css/execution.ui.css index 6cd5f361dc..727e539d1b 100644 --- a/module/custom/css/execution.ui.css +++ b/module/custom/css/execution.ui.css @@ -1,2 +1,2 @@ #closedExecutionForm .form-row {margin-left: 48px;} -#closedExecutionForm .closed-execution-box .form-label {font-weight: 600; color: var(--color-slate-900);} +#closedExecutionForm .closed-execution-box .form-label {font-weight: 600; color: var(--color-gray-900);} diff --git a/module/custom/css/limittaskdate.ui.css b/module/custom/css/limittaskdate.ui.css index edd2aa5bf6..94a3f04e61 100644 --- a/module/custom/css/limittaskdate.ui.css +++ b/module/custom/css/limittaskdate.ui.css @@ -1 +1 @@ -#limitTaskDateForm .form-label {font-weight: 600; color: var(--color-slate-900);} +#limitTaskDateForm .form-label {font-weight: 600; color: var(--color-gray-900);} diff --git a/module/custom/css/percent.ui.css b/module/custom/css/percent.ui.css index 67b32edc77..f3c8024702 100644 --- a/module/custom/css/percent.ui.css +++ b/module/custom/css/percent.ui.css @@ -1,4 +1,4 @@ #percentForm .percent-box, #percentForm .percent-tip {margin-left: 32px;} #percentForm .form-row .form-group {padding-left: 8rem;} #percentForm .form-row .form-label {width: 8rem;} -#percentForm .percent-box .form-label {font-weight: 600; color: var(--color-slate-900);} +#percentForm .percent-box .form-label {font-weight: 600; color: var(--color-gray-900);} diff --git a/module/custom/css/product.ui.css b/module/custom/css/product.ui.css index 925b3f8910..f1d4aef5c5 100644 --- a/module/custom/css/product.ui.css +++ b/module/custom/css/product.ui.css @@ -1,2 +1,2 @@ #closedProductForm .form-row {margin-left: 48px;} -#closedProductForm .closed-product-box .form-label {font-weight: 600; color: var(--color-slate-900);} +#closedProductForm .closed-product-box .form-label {font-weight: 600; color: var(--color-gray-900);} diff --git a/module/execution/css/dynamic.ui.css b/module/execution/css/dynamic.ui.css index 785c359848..a37abc4759 100644 --- a/module/execution/css/dynamic.ui.css +++ b/module/execution/css/dynamic.ui.css @@ -8,4 +8,4 @@ .timeline > li + li:after {position: absolute; top: 90px; bottom: 20px; left: 40px; z-index: 1; display: block; content: ' '; border-left: 2px solid #eee;} -.actions-box {background-color: var(--color-slate-100);} +.actions-box {background-color: var(--color-gray-100);} diff --git a/module/index/css/index.ui.css b/module/index/css/index.ui.css index 777bac25d6..08f934ba25 100644 --- a/module/index/css/index.ui.css +++ b/module/index/css/index.ui.css @@ -1,4 +1,4 @@ -#menu {position: fixed; left: 0; top: 0; bottom: 0; background: var(--zt-menu-bg, var(--color-slate-800)); width: var(--zt-menu-width, 96px); color: rgba(var(--color-canvas-rgb), .8); transition: width .2s; user-select: none; z-index: 10;} +#menu {position: fixed; left: 0; top: 0; bottom: 0; background: var(--zt-menu-bg, var(--color-gray-800)); width: var(--zt-menu-width, 96px); color: rgba(var(--color-canvas-rgb), .8); transition: width .2s; user-select: none; z-index: 10;} #menu .nav {flex-direction: column; align-items: stretch;} #menu .nav > li {display: block; height: var(--zt-menu-height, 38px); padding: 4px 8px; transition: padding .2s;} #menu .nav > .divider {background: var(--color-canvas); opacity: .12; height: 1px; padding: 0; margin: 6px 12px;} @@ -14,7 +14,7 @@ #menuMoreNav {display: none;} .show-more-nav #menuMoreNav {display: block;} #menuMoreNav > li > a.with-popover-show {background-color: rgba(255,255,255,.1);} -#menuMoreList {background: var(--zt-menu-bg, var(--color-slate-800)); padding: 8px 0;} +#menuMoreList {background: var(--zt-menu-bg, var(--color-gray-800)); padding: 8px 0;} #menuMoreList > .menu-item {padding: 1px 12px!important; height: 32px!important;} .hide-menu #menu {width: var(--zt-menu-fold-width, 40px);} diff --git a/module/install/css/step4.ui.css b/module/install/css/step4.ui.css index cc421229bc..33285e5ae3 100644 --- a/module/install/css/step4.ui.css +++ b/module/install/css/step4.ui.css @@ -1,6 +1,6 @@ .panel {width: 1000px; margin: auto; padding-bottom: 32px;} .panel .panel-heading {justify-content: flex-start; padding: 24px 16px; gap: 0.125rem;} .panel .panel-body {padding: 0px 16px;} -.panel .panel-body .table.bordered > thead {background-color: var(--color-slate-100); color: var(--color-slate-900);} +.panel .panel-body .table.bordered > thead {background-color: var(--color-gray-100); color: var(--color-gray-900);} .table.bordered > * > tr > td {text-align: center;} .table.bordered > * > tr > td:first-child {text-align: left;} diff --git a/module/metric/css/details.ui.css b/module/metric/css/details.ui.css index 6933633a5b..c268c0e27f 100644 --- a/module/metric/css/details.ui.css +++ b/module/metric/css/details.ui.css @@ -1,7 +1,7 @@ -.border-bottom {border-bottom: solid 1px var(--color-slate-300);} -.border-bottom span {padding: 4px 12px; background-color: var(--color-slate-100);} +.border-bottom {border-bottom: solid 1px var(--color-gray-300);} +.border-bottom span {padding: 4px 12px; background-color: var(--color-gray-100);} .tab-margin {margin-top: 8px; margin-bottom: 8px;} -.verify-content {height: 300px; border: solid 1px var(--color-slate-300);} +.verify-content {height: 300px; border: solid 1px var(--color-gray-300);} .clear-shadow {border: none; box-shadow: none;} .panel-body .relative {position: relative;} diff --git a/module/metric/css/implement.ui.css b/module/metric/css/implement.ui.css index 502bcf0a6f..476be225d9 100644 --- a/module/metric/css/implement.ui.css +++ b/module/metric/css/implement.ui.css @@ -1,10 +1,10 @@ -.border-bottom {border-bottom: solid 1px var(--color-slate-300);} -.border-bottom span {padding: 4px 12px; background-color: var(--color-slate-100);} +.border-bottom {border-bottom: solid 1px var(--color-gray-300);} +.border-bottom span {padding: 4px 12px; background-color: var(--color-gray-100);} .margin-top24 {margin-top: 24px;} .warning500 {color: var(--color-warning-500);} .margin-left8 {margin-left: 8px;} .detail-header .gap-x-4 {gap: 0 !important;} -.verify-content {height: 300px; border: solid 1px var(--color-slate-300);} +.verify-content {height: 300px; border: solid 1px var(--color-gray-300);} .verify-sentence {padding-top: 12px; padding-left: 24px;} .verify-sentence i {margin-left: 8px;} @@ -17,4 +17,4 @@ .panel-body .relative {position: relative;} .btn-download {position: absolute; right: 0; color: var(--color-primary-500); background-color: var(--color-primary-50); border-color: var(--color-primary-50);} -.code-slate {color: var(--color-slate-900); background-color: var(--color-slate-100); border: 1px solid var(--color-slate-300); box-shadow: none; padding: 2px 8px;} +.code-slate {color: var(--color-gray-900); background-color: var(--color-gray-100); border: 1px solid var(--color-gray-300); box-shadow: none; padding: 2px 8px;} diff --git a/module/metric/css/preview.ui.css b/module/metric/css/preview.ui.css index 5cb8622bc1..64aba813b4 100644 --- a/module/metric/css/preview.ui.css +++ b/module/metric/css/preview.ui.css @@ -3,35 +3,35 @@ #mainContent .main {flex: 0 0 75%; overflow-x: hidden;} #featureBar .nav-feature li:last-child {padding-left: 4px;} -#featureBar .nav-feature li:nth-last-child(2):before {content: ""; position: absolute; left: 2px; top: 5px; right: 0; bottom: 5px; width: 1px; background-color: var(--color-slate-300);} +#featureBar .nav-feature li:nth-last-child(2):before {content: ""; position: absolute; left: 2px; top: 5px; right: 0; bottom: 5px; width: 1px; background-color: var(--color-gray-300);} .filter-btn {padding-left: 0.625rem !important; padding-right: 0.625rem !important;} .main, .side {border-radius: 2px;} .side .title {height: 48px; padding-left: 16px; margin-bottom: 2px;} -.side .name-color {color: var(--color-slate-600);} +.side .name-color {color: var(--color-gray-600);} .side .metric-tree {height: calc(100vh - 180px); max-height: 864px; overflow-y: scroll;} .side .metric-item {padding-left: 24px; padding-top: 6px; padding-bottom: 6px;} .side .metric-item:hover {background-color: var(--color-gray-100);} .side .metric-item a {color: var(--color-inherit);} .side .metric-item:hover, .side .checkbox-primary:hover {color: var(--color-primary-500);} -.side .metric-group {padding-left: 16px; padding-top: 6px; padding-bottom: 2px; color: var(--color-slate-600);} +.side .metric-group {padding-left: 16px; padding-top: 6px; padding-bottom: 2px; color: var(--color-gray-600);} .side .metric-current {color: var(--color-primary-600); background-color:var(--color-primary-50); font-weight: 600;} .side .checkbox-primary {padding-left: 24px; padding-top: 6px; padding-bottom: 6px;} .side .checkbox-primary:hover {background-color: var(--color-gray-100);} .side .check-list-metric {padding-top: 0; padding-bottom: 0px; gap: 0;} -.side .check-list-title {padding-top: 6px; padding-bottom: 2px; color: var(--color-slate-600); padding-left: 16px;} +.side .check-list-title {padding-top: 6px; padding-bottom: 2px; color: var(--color-gray-600); padding-left: 16px;} .main .metric-name {height: 48px; padding-left: 16px; margin-bottom: 8px; padding-right: 16px;} -.main .metric-name-notfirst {border-top: 1px solid var(--color-slate-300);} +.main .metric-name-notfirst {border-top: 1px solid var(--color-gray-300);} .main .name-and-star {display: flex; align-items: center;} .main .metric-collect {margin-left: 12px;} .main .flex-between {justify-content: space-between;} .main .flex-start {justify-content: flex-start;} .main .metric-name-weight {font-weight: 600; font-size: 0.9rem;} .main .details {position: relative; margin-right: 4px;} -.main .details-after:after {content: ""; position: absolute; top: 5px; right: -2px; bottom: 5px; width: 1px; background-color: var(--color-slate-300);} +.main .details-after:after {content: ""; position: absolute; top: 5px; right: -2px; bottom: 5px; width: 1px; background-color: var(--color-gray-300);} .details:hover {color: var(--color-primary-500);} .metric-remove:hover {color: var(--color-primary-500);} .main .chart-line-margin {margin-right: 16px;} @@ -45,7 +45,7 @@ .chart-multiple {height: 285px; width: 100%;} .chart-type {width: 30%; padding-left: 50px;} -i.star-empty {color: var(--color-slate-400);} +i.star-empty {color: var(--color-gray-400);} i.star {color: var(--color-warning-300);} .table-and-chart .table-side {flex-shrink: 1; max-width: 50%;} @@ -53,17 +53,17 @@ i.star {color: var(--color-warning-300);} .table-and-chart .chart-center {display:flex; justify-content: center; align-items: center;} .icon-18 {font-size: 18px;} -.primary-hover-500 {color: var(--color-slate-800)} +.primary-hover-500 {color: var(--color-gray-800)} .primary-hover-500:hover {color: var(--color-primary-500);} -.primary-600 {color: var(--color-primary-600); background-color: var(--color-slate-300);} +.primary-600 {color: var(--color-primary-600); background-color: var(--color-gray-300);} -.main .checked-content {position: sticky; top: 0px; transition: height 0.5s ease; height: 48px; padding-left: 8px; border-bottom: 1px solid var(--color-slate-300); background-color: #fff; z-index: 100;} +.main .checked-content {position: sticky; top: 0px; transition: height 0.5s ease; height: 48px; padding-left: 8px; border-bottom: 1px solid var(--color-gray-300); background-color: #fff; z-index: 100;} .main .checked-label-content {height: 48px; padding-top: 3px; display: flex; flex-wrap: wrap;} .main .checked-label-right {height: 48px; padding-right: 12px; justify-content: flex-end; display: flex; align-items: center;} -.main .checked-tip {padding-right: 6px; position: relative; color: var(--color-slate-600);} -.main .checked-tip .checked-count {color: var(--color-slate-800);} -.main .checked-tip:before {content: ""; position: absolute; top: 0px; left: -15px; bottom: 0px; width: 1px; background-color: var(--color-slate-300);} +.main .checked-tip {padding-right: 6px; position: relative; color: var(--color-gray-600);} +.main .checked-tip .checked-count {color: var(--color-gray-800);} +.main .checked-tip:before {content: ""; position: absolute; top: 0px; left: -15px; bottom: 0px; width: 1px; background-color: var(--color-gray-300);} .main .gray-pale {margin: 7px 4px; padding: 13px 12px; white-space: nowrap;} .main .gray-pale-div {overflow: hidden;} .main .gray-pale-withdelete {padding-right: 1px;} @@ -77,7 +77,7 @@ i.star {color: var(--color-warning-300);} .filter-panel {margin-bottom: 1rem;} .filter-panel>.panel-body {display: flex;} .filter-panel>.panel-body .panel {position: relative; border: none; box-shadow: none;} -.filter-panel>.panel-body .panel.divider:after {content: ""; position: absolute; right: 0px; top: 5px; right: 0; bottom: 5px; width: 1px; background-color: var(--color-slate-300);} +.filter-panel>.panel-body .panel.divider:after {content: ""; position: absolute; right: 0px; top: 5px; right: 0; bottom: 5px; width: 1px; background-color: var(--color-gray-300);} .filter-panel .flex2 {flex-basis: 20%;} .filter-panel .flex3 {flex-basis: 30%;} .filter-panel .flex5 {flex-basis: 50%;} diff --git a/module/mr/css/view.ui.css b/module/mr/css/view.ui.css index eb4a918b78..80eb9aea62 100644 --- a/module/mr/css/view.ui.css +++ b/module/mr/css/view.ui.css @@ -4,7 +4,7 @@ #mrMenu menu.nav {border-bottom: 1px solid #ddd} #mrMenu .nav-item>a.active {border-bottom-color: var(--color-primary-500) !important; border-bottom-width: 2px; margin-bottom: -1px;} -.detail-title {color: var(--color-slate-900); font-weight: 600; font-size: 1rem; line-height: 1.5rem;} +.detail-title {color: var(--color-gray-900); font-weight: 600; font-size: 1rem; line-height: 1.5rem;} .detail-content .btn-active-text {padding-top: 5px;} .detail-content p {margin: 0 0 10px;} blockquote {padding: 10px 20px; margin: 0 0 20px; font-size: 16.25px; border-left: 5px solid #eee;} diff --git a/module/my/css/dynamic.ui.css b/module/my/css/dynamic.ui.css index 785c359848..a37abc4759 100644 --- a/module/my/css/dynamic.ui.css +++ b/module/my/css/dynamic.ui.css @@ -8,4 +8,4 @@ .timeline > li + li:after {position: absolute; top: 90px; bottom: 20px; left: 40px; z-index: 1; display: block; content: ' '; border-left: 2px solid #eee;} -.actions-box {background-color: var(--color-slate-100);} +.actions-box {background-color: var(--color-gray-100);} diff --git a/module/my/css/managecontacts.ui.css b/module/my/css/managecontacts.ui.css index 8a63659629..93317ea745 100644 --- a/module/my/css/managecontacts.ui.css +++ b/module/my/css/managecontacts.ui.css @@ -1,6 +1,6 @@ #mainContent .panel-body {padding: 0;} #mainContent .tab-pane li {height: 2rem; line-height: 2rem; cursor: pointer;} -#mainContent .tab-pane li.active {background-color: var(--color-slate-100);} +#mainContent .tab-pane li.active {background-color: var(--color-gray-100);} #mainContent .tab-pane li {color: rgba(var(--color-black-rgb),var(--tw-text-opacity));} #mainContent .tab-pane li.active {font-weight: 600; color: rgba(var(--color-primary-500-rgb),var(--tw-text-opacity));} #mainContent .tab-pane li:hover {color: rgba(var(--color-primary-500-rgb),var(--tw-text-opacity));} diff --git a/module/product/css/view.ui.css b/module/product/css/view.ui.css index c4b73f6002..fba4762ebe 100644 --- a/module/product/css/view.ui.css +++ b/module/product/css/view.ui.css @@ -7,4 +7,4 @@ .pie-chart .pie-chart-title {position: relative; top: -60%; left: 2%; height: 1rem;} .member-list > .center-y {width: 12.5%} -.memberBox .panel-heading, .otherInfoBox .panel-heading{background-color: var(--color-slate-100); color: var(--color-slate-900)} +.memberBox .panel-heading, .otherInfoBox .panel-heading{background-color: var(--color-gray-100); color: var(--color-gray-900)} diff --git a/module/stakeholder/css/view.ui.css b/module/stakeholder/css/view.ui.css index 3a20362c59..04cd6b5300 100644 --- a/module/stakeholder/css/view.ui.css +++ b/module/stakeholder/css/view.ui.css @@ -1 +1 @@ -.detail-side .tabs .nav .nav-item span {color: var(--color-slate-900); font-weight: 600;} +.detail-side .tabs .nav .nav-item span {color: var(--color-gray-900); font-weight: 600;} diff --git a/module/story/css/processstorychange.ui.css b/module/story/css/processstorychange.ui.css index e54fba373d..be89467157 100644 --- a/module/story/css/processstorychange.ui.css +++ b/module/story/css/processstorychange.ui.css @@ -1,2 +1,2 @@ -.changedStoryBox {border: 1px solid var(--color-slate-300); background:var(--color-slate-50); margin-bottom: 8px;} +.changedStoryBox {border: 1px solid var(--color-gray-300); background:var(--color-gray-50); margin-bottom: 8px;} .changedStoryBox .entity-label{background:var(--color-gray-100); padding:10px;} diff --git a/module/testcase/css/createbug.ui.css b/module/testcase/css/createbug.ui.css index 71ba86a1f3..f7b8ffb3d6 100644 --- a/module/testcase/css/createbug.ui.css +++ b/module/testcase/css/createbug.ui.css @@ -1,9 +1,9 @@ .form-row.form-row-group {border-bottom: unset;} -#casesResults .result-detail .steps-header > div {font-size: 13px; color: var(--color-slate-700); padding: 8px;} +#casesResults .result-detail .steps-header > div {font-size: 13px; color: var(--color-gray-700); padding: 8px;} #casesResults .result-detail .steps-header > div.desc {padding-left: 32px;} #casesResults .result-detail .fail .steps-header > div.desc {padding-left: 52px;} #casesResults .result-detail .steps-body > .step:last-child {border-bottom: 0;} #casesResults .result-detail .steps-body > .step > div {padding: 8px;} -#casesResults .result-item {background-color: var(--color-slate-50); border-color: rgba(var(--color-gray-300-rgb), 0.7);} +#casesResults .result-item {background-color: var(--color-gray-50); border-color: rgba(var(--color-gray-300-rgb), 0.7);} #casesResults .result-detail > td {padding: 0;} -#casesResults .step-item-id {color: var(--color-slate-500);} +#casesResults .step-item-id {color: var(--color-gray-500);} diff --git a/module/testcase/css/view.ui.css b/module/testcase/css/view.ui.css index a2f3d9e2bb..5e70316f9f 100644 --- a/module/testcase/css/view.ui.css +++ b/module/testcase/css/view.ui.css @@ -1,9 +1,9 @@ -#stepsTable {font-size:13px; color: var(--color-slate-800);} +#stepsTable {font-size:13px; color: var(--color-gray-800);} #stepsTable .steps-header {background-color: rgba(var(--color-gray-100-rgb), 0.7);} -#stepsTable .steps-header > * {font-size:13px; color: var(--color-slate-700); padding: 8px; width: 50%;} +#stepsTable .steps-header > * {font-size:13px; color: var(--color-gray-700); padding: 8px; width: 50%;} #stepsTable .steps-header > .steps {padding-left: 32px;} #stepsTable .steps-body .step .step-id {padding-left: 16px;} -#stepsTable .step-id > span {font-size:13px; color: var(--color-slate-500);} +#stepsTable .step-id > span {font-size:13px; color: var(--color-gray-500);} #stepsTable .steps-body .step > * {padding: 8px; word-break: break-all;} .step-change-view-btn {cursor: pointer;} .linkCaseTitles, .linkBugTitles {overflow: hidden; white-space: nowrap;} diff --git a/module/testtask/css/common.ui.css b/module/testtask/css/common.ui.css index 424e0b9b7b..f7b8ffb3d6 100644 --- a/module/testtask/css/common.ui.css +++ b/module/testtask/css/common.ui.css @@ -1,10 +1,9 @@ .form-row.form-row-group {border-bottom: unset;} -#casesResults .result-detail .steps-header > div {font-size: 13px; color: var(--color-slate-700); padding: 8px;} +#casesResults .result-detail .steps-header > div {font-size: 13px; color: var(--color-gray-700); padding: 8px;} #casesResults .result-detail .steps-header > div.desc {padding-left: 32px;} #casesResults .result-detail .fail .steps-header > div.desc {padding-left: 52px;} #casesResults .result-detail .steps-body > .step:last-child {border-bottom: 0;} #casesResults .result-detail .steps-body > .step > div {padding: 8px;} -#casesResults .result-item {background-color: var(--color-slate-50); border-color: rgba(var(--color-gray-300-rgb), 0.7);} +#casesResults .result-item {background-color: var(--color-gray-50); border-color: rgba(var(--color-gray-300-rgb), 0.7);} #casesResults .result-detail > td {padding: 0;} -#casesResults .step-item-id {color: var(--color-slate-500);} - +#casesResults .step-item-id {color: var(--color-gray-500);} diff --git a/module/testtask/css/runcase.ui.css b/module/testtask/css/runcase.ui.css index bbe8e895bb..f2d9c66d81 100644 --- a/module/testtask/css/runcase.ui.css +++ b/module/testtask/css/runcase.ui.css @@ -1,12 +1,11 @@ -.case-precondition {color: var(--color-slate-700);} +.case-precondition {color: var(--color-gray-700);} #caseStepForm, #caseStepForm .action-td {padding: 0px;} #caseStepForm tr {border-width: 0px;} #caseStepForm thead {background-color: unset;} -#caseStepForm thead > tr > * {padding-left: 0px; font-size: 14px; color: var(--color-slate-900); font-weight: 600;} +#caseStepForm thead > tr > * {padding-left: 0px; font-size: 14px; color: var(--color-gray-900); font-weight: 600;} #caseStepForm thead > tr > td.result-td {padding: 0.5rem;} #caseStepForm tbody > tr > td:not(.p-0) {padding: 0.5rem; vertical-align: top; line-height: 1.5rem;} #caseStepForm tbody > tr > td.real-td, #caseStepForm tbody > tr > td.result-td {padding: 0.25rem 0.5rem; vertical-align: middle;} #caseStepForm tbody > tr > td.real-td {padding: 0.25rem 0px;} #caseStepForm tbody > tr > td .inputGroup {line-height: 1.5rem;} -#caseStepForm .step-item-id {color: var(--color-slate-500);} - +#caseStepForm .step-item-id {color: var(--color-gray-500);} diff --git a/module/upgrade/css/to18guide.ui.css b/module/upgrade/css/to18guide.ui.css index cc421229bc..33285e5ae3 100644 --- a/module/upgrade/css/to18guide.ui.css +++ b/module/upgrade/css/to18guide.ui.css @@ -1,6 +1,6 @@ .panel {width: 1000px; margin: auto; padding-bottom: 32px;} .panel .panel-heading {justify-content: flex-start; padding: 24px 16px; gap: 0.125rem;} .panel .panel-body {padding: 0px 16px;} -.panel .panel-body .table.bordered > thead {background-color: var(--color-slate-100); color: var(--color-slate-900);} +.panel .panel-body .table.bordered > thead {background-color: var(--color-gray-100); color: var(--color-gray-900);} .table.bordered > * > tr > td {text-align: center;} .table.bordered > * > tr > td:first-child {text-align: left;} diff --git a/module/user/css/dynamic.ui.css b/module/user/css/dynamic.ui.css index 2bfab7180e..6f2cc32924 100644 --- a/module/user/css/dynamic.ui.css +++ b/module/user/css/dynamic.ui.css @@ -3,4 +3,4 @@ .timeline > li + li:after {position: absolute; top: 90px; bottom: 20px; left: 40px; z-index: 1; display: block; content: ' '; border-left: 2px solid #eee;} -.actions-box {background-color: var(--color-slate-100);} +.actions-box {background-color: var(--color-gray-100);} diff --git a/module/user/css/login.ui.css b/module/user/css/login.ui.css index 9856310c06..93169c05aa 100644 --- a/module/user/css/login.ui.css +++ b/module/user/css/login.ui.css @@ -6,7 +6,7 @@ body {background: #1183fb linear-gradient(-90deg, #0a48d1 0%, #1183fb 100%); bac #loginPanel > .header > h2 {font-size: 16px; margin: 0; line-height: 32px; max-width: 83%;} #loginPanel > .header > .actions {position: absolute; right: 20px; top: 20px;} #loginPanel > .footer {background: #eee; padding: 20px; color: #838a9d;} -#loginPanel > .footer a {display: inline-block; margin-left: 5px; color: var(--color-slate-900);} +#loginPanel > .footer a {display: inline-block; margin-left: 5px; color: var(--color-gray-900);} #loginPanel > .footer a:hover {color: var(--color-primary-500);} #loginPanel > .loginBody {margin: 20px 0;} #loginPanel > .loginBody .loginExpired {margin-bottom: 8px;}