From a20037ab8b9890ecabe25268fa4d9fef83229bf2 Mon Sep 17 00:00:00 2001 From: Yurii Date: Wed, 24 Jun 2026 10:38:56 +0300 Subject: [PATCH] Text header emphasis --- frontend/less/dark/variables.less | 1 + frontend/less/espo/elements/panel.less | 22 ++++++++++++++-------- frontend/less/espo/root-variables.less | 1 + frontend/less/espo/value-variables.less | 1 + frontend/less/glass/variables.less | 1 + 5 files changed, 18 insertions(+), 8 deletions(-) diff --git a/frontend/less/dark/variables.less b/frontend/less/dark/variables.less index 28649f2568..b7045aa096 100644 --- a/frontend/less/dark/variables.less +++ b/frontend/less/dark/variables.less @@ -8,6 +8,7 @@ @text-color-value: #dbdbdb; @text-white-color-value: @text-color-value; @text-gray-color-value: #979696; +@text-emphasis-color-value: #b0b0b0; @main-gray-value: #ececec; diff --git a/frontend/less/espo/elements/panel.less b/frontend/less/espo/elements/panel.less index bdd86a5db3..c1cd90a3c3 100644 --- a/frontend/less/espo/elements/panel.less +++ b/frontend/less/espo/elements/panel.less @@ -314,7 +314,8 @@ body { var(--panel-bg); var(--panel-default-border); var(--gray-soft); - var(--btn-text-color) + var(--btn-text-color); + var(--text-emphasis-color) ); .panel-styled( @@ -323,7 +324,8 @@ body { var(--panel-bg); var(--panel-warning-border); var(--panel-warning-text); - var(--state-warning-text-10) + var(--state-warning-text-10); + var(--panel-warning-text); ); .panel-styled( @@ -332,7 +334,8 @@ body { var(--panel-bg); var(--panel-danger-border); var(--panel-danger-text); - var(--state-danger-text-10) + var(--state-danger-text-10); + var(--panel-danger-text); ); .panel-styled( @@ -341,7 +344,8 @@ body { var(--panel-bg); var(--panel-success-border); var(--panel-success-text); - var(--state-success-text-10) + var(--state-success-text-10); + var(--panel-success-text) ); .panel-styled( @@ -350,7 +354,8 @@ body { var(--panel-bg); var(--panel-info-border); var(--panel-info-text); - var(--state-info-text-10) + var(--state-info-text-10); + var(--panel-info-text); ); .panel-styled( @@ -359,7 +364,8 @@ body { var(--panel-bg); var(--panel-primary-border); var(--panel-primary-text); - var(--gray-lighter) + var(--gray-lighter); + var(--panel-primary-text); ); } @@ -453,7 +459,7 @@ body { } } -.panel-styled(@style; @panel-style-bg; @panel-bg; @panel-style-border; @panel-style-text; @hover-color) { +.panel-styled(@style; @panel-style-bg; @panel-bg; @panel-style-border; @panel-style-text; @hover-color; @heading-text-color) { .panel-@{style} { &.headered { background: linear-gradient( @@ -467,7 +473,7 @@ body { border-color: @panel-style-border; > .panel-heading { - color: @panel-style-text; + color: @heading-text-color; background-color: @panel-style-bg; border-color: transparent; .btn:not(.btn-link), diff --git a/frontend/less/espo/root-variables.less b/frontend/less/espo/root-variables.less index 89b45b2e99..b40f4f8f7c 100644 --- a/frontend/less/espo/root-variables.less +++ b/frontend/less/espo/root-variables.less @@ -414,6 +414,7 @@ --text-white-color: @text-white-color-value; --text-muted-color: @text-muted-color-value; --text-gray-color: @text-gray-color-value; + --text-emphasis-color: @text-emphasis-color-value; --link-color: @link-color-value; --link-hover-color: @link-hover-color-value; diff --git a/frontend/less/espo/value-variables.less b/frontend/less/espo/value-variables.less index f66d9ee25c..0c547bb334 100644 --- a/frontend/less/espo/value-variables.less +++ b/frontend/less/espo/value-variables.less @@ -17,6 +17,7 @@ @text-white-color-value: @white-color-value; @text-muted-color-value: @gray-light-value; @text-gray-color-value: #6a6a6a; +@text-emphasis-color-value: @text-gray-color-value; @brand-primary-value: #5589ca; @brand-danger-value: #d7657d; diff --git a/frontend/less/glass/variables.less b/frontend/less/glass/variables.less index e77e71f381..dc6ab4952d 100644 --- a/frontend/less/glass/variables.less +++ b/frontend/less/glass/variables.less @@ -10,6 +10,7 @@ @text-color-value: #dbdbdb; @text-white-color-value: @text-color-value; @text-gray-color-value: #979696; +@text-emphasis-color-value: #c9c9c9; @main-gray-value: #ececec;