improme cccamp23 theme contrast

This commit is contained in:
msquare 2023-07-26 20:25:28 +02:00
parent 0a1c85d6bd
commit db4c5eec1c
2 changed files with 29 additions and 8 deletions

View File

@ -7,10 +7,10 @@
//== changed Colors //== changed Colors
$gray-dark: #231f20; $gray-dark: #231f20;
$gray-darker: darken($gray-dark, 15%); $gray-darker: darken($gray-dark, 20%);
$gray: lighten($gray-dark, 15%); $gray: lighten($gray-dark, 20%);
$gray-light: lighten($gray, 15%); $gray-light: lighten($gray, 20%);
$gray-lighter: lighten($gray-light, 15%); $gray-lighter: lighten($gray-light, 20%);
$dark: $gray-dark; $dark: $gray-dark;
$primary: #fb48c4; $primary: #fb48c4;
@ -18,7 +18,7 @@ $secondary: #231f20;
$success: #3fff21; $success: #3fff21;
$info: #3dbddf; $info: #3dbddf;
$warning: #f6b345; $warning: #f6b345;
$danger: #e93a44; $danger: #991a24;
$text-muted: $gray-light; $text-muted: $gray-light;
@ -117,15 +117,36 @@ $pagination-disabled-border-color: $gray-dark;
// Specials =================================================================== // Specials ===================================================================
.bg-success a,
.bg-primary a,
.bg-warning a,
.bg-info a,
.bg-light a {
color: $gray-darker !important;
}
.bg-body a,
.bg-danger a,
.bg-secondary a,
.bg-dark a {
color: $state-danger-text !important;
}
.bg-primary, .bg-primary,
.bg-success, .bg-success,
.bg-danger,
.bg-warning, .bg-warning,
.bg-info, .bg-info,
.bg-light { .bg-light {
color: $gray-darker; color: $gray-darker;
} }
.bg-body,
.bg-danger,
.bg-secondary,
.bg-dark {
color: $state-danger-text;
}
.navbar { .navbar {
background: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.7);
backdrop-filter: blur(6px); backdrop-filter: blur(6px);

View File

@ -71,10 +71,10 @@
{% if question.answer %} {% if question.answer %}
<div class="col-md-11 offset-md-1 mt-3"> <div class="col-md-11 offset-md-1 mt-3">
<div class="card bg-info"> <div class="card bg-info">
<div class="card-body bg-body"> <div class="card-body bg-body {{ m.type_text_class() }}">
{{ question.answer|markdown }} {{ question.answer|markdown }}
</div> </div>
<div class="card-footer {% if theme.type =='light' %}bg-light{% else %}bg-dark{% endif %} d-flex align-items-center"> <div class="card-footer bg-dark d-flex align-items-center {{ m.type_text_class() }}">
<div class="me-3"> <div class="me-3">
{{ m.icon('clock') }} {{ question.updated_at.format(__('Y-m-d H:i')) }} {{ m.icon('clock') }} {{ question.updated_at.format(__('Y-m-d H:i')) }}
</div> </div>