Adopt new Bootstrap 5 dark mode support

This commit is contained in:
Christopher C. Wells 2023-07-09 09:26:13 -07:00
parent 9c17b617b7
commit ad5f81d84a
26 changed files with 144 additions and 229 deletions

View File

@ -28,14 +28,7 @@ $light: $gray-100;
$dark: $gray-800; $dark: $gray-800;
// Body
// Settings for the `<body>` element.
$body-bg: $gray-900;
$body-color: $gray-400;
// Links // Links
// Style anchor elements.
$link-color: $info; $link-color: $info;
$link-decoration: none; $link-decoration: none;
@ -43,94 +36,19 @@ $link-hover-color: color.adjust($link-color, $lightness: -15%);
// Components // Components
// Define common padding and border radius sizes and more.
$border-color: $gray-200; $border-color: $gray-200;
$component-active-color: $gray-400; $component-active-color: $gray-400;
$component-active-bg: $primary; $component-active-bg: $primary;
// Fonts
// Font, line-height, and color for body text, headings, and more.
$text-muted: $gray-600 !default;
$blockquote-small-color: $gray-600 !default;
$hr-border-color: rgba($black, .1) !default;
$mark-bg: #fcf8e3 !default;
// Forms
$input-bg: $white;
$input-disabled-bg: $gray-600;
$input-color: $black;
$input-border-color: rgba($gray-600, .15);
$input-group-addon-bg: $gray-500;
// Tables // Tables
$table-cell-padding-y: 0.75rem; $table-cell-padding-y: 0.75rem;
$table-cell-padding-x: 0.75rem; $table-cell-padding-x: 0.75rem;
$table-striped-bg: $dark; $table-striped-bg: $dark;
// Dropdowns
// Dropdown menu container and contents.
$dropdown-bg: $gray-700;
$dropdown-divider-bg: $gray-800;
$dropdown-link-color: $body-color;
$dropdown-link-hover-color: color.adjust($body-color, $lightness: -5%);
$dropdown-link-hover-bg: $primary;
$dropdown-link-active-color: $component-active-color;
$dropdown-link-active-bg: $component-active-bg;
$dropdown-header-color: color.adjust($body-color, $lightness: -25%);
// Pagination
$pagination-color: $link-color;
$pagination-bg: $dark;
$pagination-border-color: color.adjust($dark, $lightness: 5%);
$pagination-hover-color: $link-hover-color;
$pagination-hover-bg: $gray-900;
$pagination-hover-border-color: $gray-800;
$pagination-active-color: $body-color;
$pagination-active-bg: $primary;
$pagination-active-border-color: $primary;
$pagination-disabled-color: $gray-600;
$pagination-disabled-bg: $pagination-bg;
$pagination-disabled-border-color: $pagination-border-color;
// Cards
$card-bg: $dark;
$card-cap-bg: rgba($light, .05);
// Progress bars
$progress-bg: $gray-600;
// List group
$list-group-bg: $dark;
$list-group-hover-bg: color.adjust($list-group-bg, $lightness: -5%);
$list-group-active-color: $component-active-color !default;
$list-group-active-bg: $component-active-bg !default;
$list-group-active-border-color: $list-group-active-bg !default;
$list-group-action-color: $gray-400;
$list-group-action-hover-color: $list-group-action-color;
// Breadcrumbs // Breadcrumbs
$breadcrumb-active-color: $gray-600;
$breadcrumb-bg: none;
$breadcrumb-padding-y: 0.75rem; $breadcrumb-padding-y: 0.75rem;
$breadcrumb-padding-x: 1rem; $breadcrumb-padding-x: 1rem;

View File

@ -4,7 +4,7 @@
{% get_current_timezone as TIMEZONE %} {% get_current_timezone as TIMEZONE %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en" data-bs-theme="dark">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>{% block title %}{% endblock %} | Baby Buddy</title> <title>{% block title %}{% endblock %} | Baby Buddy</title>

View File

@ -23,7 +23,7 @@
</form> </form>
<p> <p>
<a class="btn btn-dark btn-sm" <a class="btn btn btn-sm"
data-bs-toggle="collapse" data-bs-toggle="collapse"
href="#filter_form" href="#filter_form"
role="button" role="button"

View File

@ -2,7 +2,7 @@
{% load babybuddy i18n static timers %} {% load babybuddy i18n static timers %}
{% block nav %} {% block nav %}
<nav class="navbar navbar-expand-md navbar-dark bg-dark sticky-top"> <nav class="navbar navbar-expand-md navbar bg-dark sticky-top">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand me-2" href={% url "babybuddy:root-router" %}> <a class="navbar-brand me-2" href={% url "babybuddy:root-router" %}>
<img src="{% static "babybuddy/logo/icon-brand.png" %}" width="30" height="30" <img src="{% static "babybuddy/logo/icon-brand.png" %}" width="30" height="30"
@ -13,14 +13,14 @@
</a> </a>
<div class="d-lg-none d-md-none d-flex me-auto p-0 ms-2"> <div class="d-lg-none d-md-none d-flex me-auto p-0 ms-2">
<div> <div>
<a class="text-muted" <a class="text-body-secondary"
href="{% url 'dashboard:dashboard' %}" href="{% url 'dashboard:dashboard' %}"
aria-expanded="false"><i class="icon-2x icon-dashboard" aria-hidden="true"></i> aria-expanded="false"><i class="icon-2x icon-dashboard" aria-hidden="true"></i>
</a> </a>
&nbsp; &nbsp;
</div> </div>
<div> <div>
<a class="text-muted" <a class="text-body-secondary"
href="{% url 'core:timeline' %}" href="{% url 'core:timeline' %}"
aria-expanded="false"><i class="icon-2x icon-timeline" aria-hidden="true"></i> aria-expanded="false"><i class="icon-2x icon-timeline" aria-hidden="true"></i>
</a> </a>

View File

@ -8,7 +8,7 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div class="px-2 py-5 bg-dark rounded-3"> <div class="px-2 py-5 bg rounded-3">
<div class="container-fluid"> <div class="container-fluid">
<h1 class="display-3">{% trans "Welcome to Baby Buddy!" %}</h1> <h1 class="display-3">{% trans "Welcome to Baby Buddy!" %}</h1>
<p class="lead"> <p class="lead">

View File

@ -10,7 +10,7 @@
<div class="alert alert-danger" role="alert"> <div class="alert alert-danger" role="alert">
{{ main }} {{ reason }} {{ main }} {{ reason }}
</div> </div>
<div class="px-2 py-5 bg-dark rounded-3"> <div class="px-2 py-5 bg rounded-3">
<div class="container-fluid"> <div class="container-fluid">
<h2>{% trans "How to Fix" %}</h2> <h2>{% trans "How to Fix" %}</h2>
{% blocktrans trimmed with origin=origin %} {% blocktrans trimmed with origin=origin %}

View File

@ -12,7 +12,7 @@
{{ form.username.label }} {{ form.username.label }}
</label> </label>
<div class="input-group mb-3 fade-in"> <div class="input-group mb-3 fade-in">
<span class="input-group-text text-muted"><i class="icon-user" aria-hidden="true"></i></span> <span class="input-group-text text-body-secondary"><i class="icon-user" aria-hidden="true"></i></span>
{% render_field form.username name='username' class+='form-control' id='username-input-group' placeholder=form.username.label %} {% render_field form.username name='username' class+='form-control' id='username-input-group' placeholder=form.username.label %}
</div> </div>
@ -20,7 +20,7 @@
{{ form.password.label }} {{ form.password.label }}
</label> </label>
<div class="input-group mb-3 fade-in"> <div class="input-group mb-3 fade-in">
<span class="input-group-text text-muted"><i class="icon-lock" aria-hidden="true"></i></span> <span class="input-group-text text-body-secondary"><i class="icon-lock" aria-hidden="true"></i></span>
{% render_field form.password name='password' class+='form-control' id='password-input-group' placeholder=form.password.label %} {% render_field form.password name='password' class+='form-control' id='password-input-group' placeholder=form.password.label %}
</div> </div>

View File

@ -26,7 +26,7 @@
{{ form.new_password1.label }} {{ form.new_password1.label }}
</label> </label>
<div class="input-group mb-3 fade-in"> <div class="input-group mb-3 fade-in">
<span class="input-group-text text-muted"><i class="icon-lock" aria-hidden="true"></i></span> <span class="input-group-text text-body-secondary"><i class="icon-lock" aria-hidden="true"></i></span>
{% render_field form.new_password1 name='new_password1' class+='form-control' id='password1-input-group' %} {% render_field form.new_password1 name='new_password1' class+='form-control' id='password1-input-group' %}
</div> </div>
@ -34,7 +34,7 @@
{{ form.new_password2.label }} {{ form.new_password2.label }}
</label> </label>
<div class="input-group mb-3 fade-in"> <div class="input-group mb-3 fade-in">
<span class="input-group-text text-muted"><i class="icon-lock" aria-hidden="true"></i></span> <span class="input-group-text text-body-secondary"><i class="icon-lock" aria-hidden="true"></i></span>
{% render_field form.new_password2 name='new_password2' class+='form-control' id='password2-input-group' %} {% render_field form.new_password2 name='new_password2' class+='form-control' id='password2-input-group' %}
</div> </div>

View File

@ -21,7 +21,7 @@
{{ form.email.label }} {{ form.email.label }}
</label> </label>
<div class="input-group mb-3 fade-in"> <div class="input-group mb-3 fade-in">
<span class="input-group-text text-muted"><i class="icon-mail" aria-hidden="true"></i></span> <span class="input-group-text text-body-secondary"><i class="icon-mail" aria-hidden="true"></i></span>
{% render_field form.email name='email' class+='form-control' id='email-input-group' placeholder=form.email.label %} {% render_field form.email name='email' class+='form-control' id='email-input-group' placeholder=form.email.label %}
</div> </div>

View File

@ -10,7 +10,7 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div class="p-5 mb-4 bg-dark rounded-3 text-center"> <div class="p-5 mb-4 bg rounded-3 text-center">
<div class="container-fluid py-1"> <div class="container-fluid py-1">
<h1 id="timer-status" <h1 id="timer-status"
class="display-1"> class="display-1">
@ -20,7 +20,7 @@
</h1> </h1>
{% if timer.child and CHILD_COUNT > 1 %} {% if timer.child and CHILD_COUNT > 1 %}
<h2 class="text-muted"> <h2 class="text-body-secondary">
{{ timer.child }} {{ timer.child }}
</h2> </h2>
{% endif %} {% endif %}
@ -28,7 +28,7 @@
<p class="lead text-secondary"> <p class="lead text-secondary">
{% trans "Started" %} {{ object.start }} {% trans "Started" %} {{ object.start }}
</p> </p>
<p class="text-muted"> <p class="text-body-secondary">
{% blocktrans trimmed with user=object.user_username %} {% blocktrans trimmed with user=object.user_username %}
{{ timer }} created by {{ user }} {{ timer }} created by {{ user }}
{% endblocktrans %} {% endblocktrans %}

View File

@ -20,7 +20,7 @@
<div class="new-tags"> <div class="new-tags">
<div class="create-tag-inputs input-group"> <div class="create-tag-inputs input-group">
<input class="form-control" type="text" name="" placeholder="{% trans "Tag name" %}"> <input class="form-control" type="text" name="" placeholder="{% trans "Tag name" %}">
<button id="add-tag" class="btn btn-outline-primary bg-dark" type="button">{% trans "Add" %}</button> <button id="add-tag" class="btn btn-outline-primary bg" type="button">{% trans "Add" %}</button>
</div> </div>
{% if widget.tag_suggestions.quick %} {% if widget.tag_suggestions.quick %}
<span>{% trans "Recently used:" %}</span> <span>{% trans "Recently used:" %}</span>

View File

@ -34,7 +34,7 @@
</div> </div>
{% endif %} {% endif %}
</div> </div>
<div class="card-footer text-muted"> <div class="card-footer text-body-secondary">
{% blocktrans trimmed with since=object.time|timesince time=object.time|time %} {% blocktrans trimmed with since=object.time|timesince time=object.time|time %}
{{ since }} ago ({{ time }}) {{ since }} ago ({{ time }})
{% endblocktrans %} {% endblocktrans %}

View File

@ -18,11 +18,10 @@
{% block content %} {% block content %}
{% for key, info in stats.items %} {% for key, info in stats.items %}
{% if info.wet > 0 or info.solid > 0 or info.empty > 0 %} {% if info.wet > 0 or info.solid > 0 or info.empty > 0 %}
<div class="progress mt-3"> <div class="progress mt-3" role="progressbar">
{% if info.wet_pct > 0 %} {% if info.wet_pct > 0 %}
<div class="progress-bar bg-primary lead" <div class="progress-bar bg-primary lead"
role="progressbar"
style="width: {{ info.wet_pct|safe }}%;"> style="width: {{ info.wet_pct|safe }}%;">
{{ info.wet|floatformat:'0' }}&nbsp;{% trans "wet" %} {{ info.wet|floatformat:'0' }}&nbsp;{% trans "wet" %}
</div> </div>
@ -30,7 +29,6 @@
{% if info.solid_pct > 0 %} {% if info.solid_pct > 0 %}
<div class="progress-bar bg-secondary lead" <div class="progress-bar bg-secondary lead"
role="progressbar"
style="width: {{ info.solid_pct|safe }}%;"> style="width: {{ info.solid_pct|safe }}%;">
{{ info.solid|floatformat:'0' }}&nbsp;{% trans "solid" %} {{ info.solid|floatformat:'0' }}&nbsp;{% trans "solid" %}
</div> </div>
@ -38,7 +36,6 @@
{% if info.empty_pct > 0 %} {% if info.empty_pct > 0 %}
<div class="progress-bar bg-transparent lead" <div class="progress-bar bg-transparent lead"
role="progressbar"
style="width: {{ info.empty_pct|safe }}%;"> style="width: {{ info.empty_pct|safe }}%;">
{{ info.empty|floatformat:'0' }} {{ info.empty|floatformat:'0' }}
</div> </div>

View File

@ -30,7 +30,7 @@
{% endif %} {% endif %}
</div> </div>
{% blocktrans trimmed with since=feeding.date.date|dayssince %} {% blocktrans trimmed with since=feeding.date.date|dayssince %}
<div class="text-center small text-muted"> <div class="text-center small text-body-secondary">
{{ since }} {{ since }}
</div> </div>
{% endblocktrans %} {% endblocktrans %}

View File

@ -14,7 +14,7 @@
{% for feeding in feedings %} {% for feeding in feedings %}
<div class="carousel-item{% if forloop.counter == feedings|length %} active{% endif %}"> <div class="carousel-item{% if forloop.counter == feedings|length %} active{% endif %}">
<div class="last-feeding-method text-center">{{ feeding.get_method_display }}</div> <div class="last-feeding-method text-center">{{ feeding.get_method_display }}</div>
<div class="text-center small text-muted"> <div class="text-center small text-body-secondary">
{% if forloop.last %} {% if forloop.last %}
{% trans "most recent" %} {% trans "most recent" %}
{% else %} {% else %}

View File

@ -30,7 +30,7 @@
{% endif %} {% endif %}
</div> </div>
{% blocktrans trimmed with since=sleep.date.date|dayssince %} {% blocktrans trimmed with since=sleep.date.date|dayssince %}
<div class="text-center small text-muted"> <div class="text-center small text-body-secondary">
{{ since }} {{ since }}
</div> </div>
{% endblocktrans %} {% endblocktrans %}

View File

@ -23,7 +23,7 @@
<a href="{% url 'core:timer-detail' timer.id %}" <a href="{% url 'core:timer-detail' timer.id %}"
class="list-group-item list-group-item-action"> class="list-group-item list-group-item-action">
<strong>{{ timer.title_with_child }}</strong> <strong>{{ timer.title_with_child }}</strong>
<p class="text-muted small m-0"> <p class="text-body-secondary small m-0">
{% blocktrans trimmed with start=timer.start|time user=timer.user_username %} {% blocktrans trimmed with start=timer.start|time user=timer.user_username %}
Started by {{ user }} at {{ start }} Started by {{ user }} at {{ start }}
{% endblocktrans %} {% endblocktrans %}

View File

@ -16,7 +16,7 @@
{% endblock %} {% endblock %}
{% block listgroup %} {% block listgroup %}
<ul class="list-group list-group-flush text-muted small"> <ul class="list-group list-group-flush text-body-secondary small">
{% for instance in instances %} {% for instance in instances %}
<li class="list-group-item"> <li class="list-group-item">
{% blocktrans trimmed with duration=instance.duration|duration_string end=instance.end|time %} {% blocktrans trimmed with duration=instance.duration|duration_string end=instance.end|time %}

View File

@ -1,6 +1,6 @@
{% load i18n %} {% load i18n %}
<div class="child-actions btn-group btn-group-lg border rounded border-light bg-dark center-block" role="group" aria-label="{% trans "Child actions" %}"> <div class="child-actions btn-group btn-group-lg border rounded border-light bg center-block" role="group" aria-label="{% trans "Child actions" %}">
{% if perms.core.view_child %} {% if perms.core.view_child %}
<a href="{% url 'dashboard:dashboard-child' object.slug %}" class="btn" title="{% trans "Dashboard" %}"> <a href="{% url 'dashboard:dashboard-child' object.slug %}" class="btn" title="{% trans "Dashboard" %}">

View File

@ -12,7 +12,7 @@
{% if html %} {% if html %}
{{ html|safe }} {{ html|safe }}
{% else %} {% else %}
<div class="px-2 py-5 bg-dark rounded-3 text-center display-5"> <div class="px-2 py-5 bg rounded-3 text-center display-5">
<div class="container-fluid"> <div class="container-fluid">
<i class="icon-sad" aria-hidden="true"></i> <i class="icon-sad" aria-hidden="true"></i>
{% trans "There is not enough data to generate this report." %} {% trans "There is not enough data to generate this report." %}

View File

@ -78,18 +78,18 @@
--bs-body-font-size: 1rem; --bs-body-font-size: 1rem;
--bs-body-font-weight: 400; --bs-body-font-weight: 400;
--bs-body-line-height: 1.5; --bs-body-line-height: 1.5;
--bs-body-color: #ced4da; --bs-body-color: #212529;
--bs-body-color-rgb: 206, 212, 218; --bs-body-color-rgb: 33, 37, 41;
--bs-body-bg: #212529; --bs-body-bg: #fff;
--bs-body-bg-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255;
--bs-emphasis-color: #000; --bs-emphasis-color: #000;
--bs-emphasis-color-rgb: 0, 0, 0; --bs-emphasis-color-rgb: 0, 0, 0;
--bs-secondary-color: rgba(206, 212, 218, 0.75); --bs-secondary-color: rgba(33, 37, 41, 0.75);
--bs-secondary-color-rgb: 206, 212, 218; --bs-secondary-color-rgb: 33, 37, 41;
--bs-secondary-bg: #e9ecef; --bs-secondary-bg: #e9ecef;
--bs-secondary-bg-rgb: 233, 236, 239; --bs-secondary-bg-rgb: 233, 236, 239;
--bs-tertiary-color: rgba(206, 212, 218, 0.5); --bs-tertiary-color: rgba(33, 37, 41, 0.5);
--bs-tertiary-color-rgb: 206, 212, 218; --bs-tertiary-color-rgb: 33, 37, 41;
--bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg: #f8f9fa;
--bs-tertiary-bg-rgb: 248, 249, 250; --bs-tertiary-bg-rgb: 248, 249, 250;
--bs-heading-color: inherit; --bs-heading-color: inherit;
@ -99,7 +99,7 @@
--bs-link-hover-color: #219cb4; --bs-link-hover-color: #219cb4;
--bs-link-hover-color-rgb: 33, 156, 180; --bs-link-hover-color-rgb: 33, 156, 180;
--bs-code-color: #d63384; --bs-code-color: #d63384;
--bs-highlight-bg: #fcf8e3; --bs-highlight-bg: #fff3cd;
--bs-border-width: 1px; --bs-border-width: 1px;
--bs-border-style: solid; --bs-border-style: solid;
--bs-border-color: #e9ecef; --bs-border-color: #e9ecef;
@ -207,7 +207,7 @@ hr {
margin: 1rem 0; margin: 1rem 0;
color: inherit; color: inherit;
border: 0; border: 0;
border-top: var(--bs-border-width) solid rgba(0, 0, 0, 0.1); border-top: var(--bs-border-width) solid;
opacity: 0.25; opacity: 0.25;
} }
@ -2108,10 +2108,10 @@ progress {
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #000; color: var(--bs-body-color);
background-color: #fff; background-color: var(--bs-body-bg);
background-clip: padding-box; background-clip: padding-box;
border: var(--bs-border-width) solid rgba(108, 117, 125, 0.15); border: var(--bs-border-width) solid var(--bs-border-color);
appearance: none; appearance: none;
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@ -2128,8 +2128,8 @@ progress {
cursor: pointer; cursor: pointer;
} }
.form-control:focus { .form-control:focus {
color: #000; color: var(--bs-body-color);
background-color: #fff; background-color: var(--bs-body-bg);
border-color: #9bd5f4; border-color: #9bd5f4;
outline: 0; outline: 0;
box-shadow: 0 0 0 0.25rem rgba(55, 171, 233, 0.25); box-shadow: 0 0 0 0.25rem rgba(55, 171, 233, 0.25);
@ -2148,14 +2148,14 @@ progress {
opacity: 1; opacity: 1;
} }
.form-control:disabled { .form-control:disabled {
background-color: #6c757d; background-color: var(--bs-secondary-bg);
opacity: 1; opacity: 1;
} }
.form-control::file-selector-button { .form-control::file-selector-button {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem; margin: -0.375rem -0.75rem;
margin-inline-end: 0.75rem; margin-inline-end: 0.75rem;
color: #000; color: var(--bs-body-color);
background-color: var(--bs-tertiary-bg); background-color: var(--bs-tertiary-bg);
pointer-events: none; pointer-events: none;
border-color: inherit; border-color: inherit;
@ -2258,13 +2258,13 @@ textarea.form-control-lg {
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #000; color: var(--bs-body-color);
background-color: #fff; background-color: var(--bs-body-bg);
background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 0.75rem center; background-position: right 0.75rem center;
background-size: 16px 12px; background-size: 16px 12px;
border: var(--bs-border-width) solid rgba(108, 117, 125, 0.15); border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; appearance: none;
@ -2284,11 +2284,11 @@ textarea.form-control-lg {
background-image: none; background-image: none;
} }
.form-select:disabled { .form-select:disabled {
background-color: #6c757d; background-color: var(--bs-secondary-bg);
} }
.form-select:-moz-focusring { .form-select:-moz-focusring {
color: transparent; color: transparent;
text-shadow: 0 0 0 #000; text-shadow: 0 0 0 var(--bs-body-color);
} }
.form-select-sm { .form-select-sm {
@ -2334,7 +2334,7 @@ textarea.form-control-lg {
} }
.form-check-input { .form-check-input {
--bs-form-check-bg: #fff; --bs-form-check-bg: var(--bs-body-bg);
width: 1em; width: 1em;
height: 1em; height: 1em;
margin-top: 0.25em; margin-top: 0.25em;
@ -2451,10 +2451,10 @@ textarea.form-control-lg {
outline: 0; outline: 0;
} }
.form-range:focus::-webkit-slider-thumb { .form-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #212529, 0 0 0 0.25rem rgba(55, 171, 233, 0.25); box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(55, 171, 233, 0.25);
} }
.form-range:focus::-moz-range-thumb { .form-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #212529, 0 0 0 0.25rem rgba(55, 171, 233, 0.25); box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(55, 171, 233, 0.25);
} }
.form-range::-moz-focus-outer { .form-range::-moz-focus-outer {
border: 0; border: 0;
@ -2592,7 +2592,7 @@ textarea.form-control-lg {
z-index: -1; z-index: -1;
height: 1.5em; height: 1.5em;
content: ""; content: "";
background-color: #fff; background-color: var(--bs-body-bg);
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
} }
.form-floating > .form-control:-webkit-autofill ~ label { .form-floating > .form-control:-webkit-autofill ~ label {
@ -2606,7 +2606,7 @@ textarea.form-control-lg {
color: #6c757d; color: #6c757d;
} }
.form-floating > :disabled ~ label::after { .form-floating > :disabled ~ label::after {
background-color: #6c757d; background-color: var(--bs-secondary-bg);
} }
.input-group { .input-group {
@ -2644,11 +2644,11 @@ textarea.form-control-lg {
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #000; color: var(--bs-body-color);
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
background-color: #adb5bd; background-color: var(--bs-tertiary-bg);
border: var(--bs-border-width) solid rgba(108, 117, 125, 0.15); border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
} }
@ -3334,23 +3334,23 @@ textarea.form-control-lg {
--bs-dropdown-spacer: 0.125rem; --bs-dropdown-spacer: 0.125rem;
--bs-dropdown-font-size: 1rem; --bs-dropdown-font-size: 1rem;
--bs-dropdown-color: var(--bs-body-color); --bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: #495057; --bs-dropdown-bg: var(--bs-body-bg);
--bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-radius: var(--bs-border-radius);
--bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-border-width: var(--bs-border-width);
--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
--bs-dropdown-divider-bg: #343a40; --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-divider-margin-y: 0.5rem;
--bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-dropdown-link-color: #ced4da; --bs-dropdown-link-color: var(--bs-body-color);
--bs-dropdown-link-hover-color: #bfc7cf; --bs-dropdown-link-hover-color: var(--bs-body-color);
--bs-dropdown-link-hover-bg: #37abe9; --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
--bs-dropdown-link-active-color: #ced4da; --bs-dropdown-link-active-color: #ced4da;
--bs-dropdown-link-active-bg: #37abe9; --bs-dropdown-link-active-bg: #37abe9;
--bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
--bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-x: 1rem;
--bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-item-padding-y: 0.25rem;
--bs-dropdown-header-color: #8594a3; --bs-dropdown-header-color: #6c757d;
--bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-x: 1rem;
--bs-dropdown-header-padding-y: 0.5rem; --bs-dropdown-header-padding-y: 0.5rem;
position: absolute; position: absolute;
@ -3608,7 +3608,7 @@ textarea.form-control-lg {
--bs-dropdown-box-shadow: ; --bs-dropdown-box-shadow: ;
--bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-color: #dee2e6;
--bs-dropdown-link-hover-color: #fff; --bs-dropdown-link-hover-color: #fff;
--bs-dropdown-divider-bg: #343a40; --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
--bs-dropdown-link-active-color: #ced4da; --bs-dropdown-link-active-color: #ced4da;
--bs-dropdown-link-active-bg: #37abe9; --bs-dropdown-link-active-bg: #37abe9;
@ -3876,7 +3876,7 @@ textarea.form-control-lg {
--bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-y: 0.25rem;
--bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-padding-x: 0.75rem;
--bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-font-size: 1.25rem;
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28206, 212, 218, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
--bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-border-radius: var(--bs-border-radius);
--bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-focus-width: 0.25rem;
@ -4299,11 +4299,11 @@ textarea.form-control-lg {
--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-y: 0.5rem;
--bs-card-cap-padding-x: 1rem; --bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: rgba(248, 249, 250, 0.05); --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
--bs-card-cap-color: ; --bs-card-cap-color: ;
--bs-card-height: ; --bs-card-height: ;
--bs-card-color: ; --bs-card-color: ;
--bs-card-bg: #343a40; --bs-card-bg: var(--bs-body-bg);
--bs-card-img-overlay-padding: 1rem; --bs-card-img-overlay-padding: 1rem;
--bs-card-group-margin: 0.75rem; --bs-card-group-margin: 0.75rem;
position: relative; position: relative;
@ -4485,7 +4485,7 @@ textarea.form-control-lg {
--bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-padding-y: 1rem;
--bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-color: var(--bs-body-color);
--bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-bg: var(--bs-accordion-bg);
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ced4da'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-width: 1.25rem;
--bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
@ -4617,11 +4617,11 @@ textarea.form-control-lg {
--bs-breadcrumb-padding-x: 1rem; --bs-breadcrumb-padding-x: 1rem;
--bs-breadcrumb-padding-y: 0.75rem; --bs-breadcrumb-padding-y: 0.75rem;
--bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-margin-bottom: 1rem;
--bs-breadcrumb-bg: none; --bs-breadcrumb-bg: ;
--bs-breadcrumb-border-radius: ; --bs-breadcrumb-border-radius: ;
--bs-breadcrumb-divider-color: var(--bs-secondary-color); --bs-breadcrumb-divider-color: var(--bs-secondary-color);
--bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-padding-x: 0.5rem;
--bs-breadcrumb-item-active-color: #6c757d; --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
@ -4649,23 +4649,23 @@ textarea.form-control-lg {
--bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem; --bs-pagination-padding-y: 0.375rem;
--bs-pagination-font-size: 1rem; --bs-pagination-font-size: 1rem;
--bs-pagination-color: #44c4dd; --bs-pagination-color: var(--bs-link-color);
--bs-pagination-bg: #343a40; --bs-pagination-bg: var(--bs-body-bg);
--bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-width: var(--bs-border-width);
--bs-pagination-border-color: #3f474e; --bs-pagination-border-color: var(--bs-border-color);
--bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-border-radius: var(--bs-border-radius);
--bs-pagination-hover-color: #219cb4; --bs-pagination-hover-color: var(--bs-link-hover-color);
--bs-pagination-hover-bg: #212529; --bs-pagination-hover-bg: var(--bs-tertiary-bg);
--bs-pagination-hover-border-color: #343a40; --bs-pagination-hover-border-color: var(--bs-border-color);
--bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-color: var(--bs-link-hover-color);
--bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-bg: var(--bs-secondary-bg);
--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(55, 171, 233, 0.25); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(55, 171, 233, 0.25);
--bs-pagination-active-color: #ced4da; --bs-pagination-active-color: #ced4da;
--bs-pagination-active-bg: #37abe9; --bs-pagination-active-bg: #37abe9;
--bs-pagination-active-border-color: #37abe9; --bs-pagination-active-border-color: #37abe9;
--bs-pagination-disabled-color: #6c757d; --bs-pagination-disabled-color: var(--bs-secondary-color);
--bs-pagination-disabled-bg: #343a40; --bs-pagination-disabled-bg: var(--bs-secondary-bg);
--bs-pagination-disabled-border-color: #3f474e; --bs-pagination-disabled-border-color: var(--bs-border-color);
display: flex; display: flex;
padding-left: 0; padding-left: 0;
list-style: none; list-style: none;
@ -4869,7 +4869,7 @@ textarea.form-control-lg {
.progress-stacked { .progress-stacked {
--bs-progress-height: 1rem; --bs-progress-height: 1rem;
--bs-progress-font-size: 0.75rem; --bs-progress-font-size: 0.75rem;
--bs-progress-bg: #6c757d; --bs-progress-bg: var(--bs-secondary-bg);
--bs-progress-border-radius: var(--bs-border-radius); --bs-progress-border-radius: var(--bs-border-radius);
--bs-progress-box-shadow: var(--bs-box-shadow-inset); --bs-progress-box-shadow: var(--bs-box-shadow-inset);
--bs-progress-bar-color: #fff; --bs-progress-bar-color: #fff;
@ -4924,19 +4924,19 @@ textarea.form-control-lg {
.list-group { .list-group {
--bs-list-group-color: var(--bs-body-color); --bs-list-group-color: var(--bs-body-color);
--bs-list-group-bg: #343a40; --bs-list-group-bg: var(--bs-body-bg);
--bs-list-group-border-color: var(--bs-border-color); --bs-list-group-border-color: var(--bs-border-color);
--bs-list-group-border-width: var(--bs-border-width); --bs-list-group-border-width: var(--bs-border-width);
--bs-list-group-border-radius: var(--bs-border-radius); --bs-list-group-border-radius: var(--bs-border-radius);
--bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-x: 1rem;
--bs-list-group-item-padding-y: 0.5rem; --bs-list-group-item-padding-y: 0.5rem;
--bs-list-group-action-color: #ced4da; --bs-list-group-action-color: var(--bs-secondary-color);
--bs-list-group-action-hover-color: #ced4da; --bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: #292d32; --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
--bs-list-group-action-active-color: var(--bs-body-color); --bs-list-group-action-active-color: var(--bs-body-color);
--bs-list-group-action-active-bg: var(--bs-secondary-bg); --bs-list-group-action-active-bg: var(--bs-secondary-bg);
--bs-list-group-disabled-color: var(--bs-secondary-color); --bs-list-group-disabled-color: var(--bs-secondary-color);
--bs-list-group-disabled-bg: #343a40; --bs-list-group-disabled-bg: var(--bs-body-bg);
--bs-list-group-active-color: #ced4da; --bs-list-group-active-color: #ced4da;
--bs-list-group-active-bg: #37abe9; --bs-list-group-active-bg: #37abe9;
--bs-list-group-active-border-color: #37abe9; --bs-list-group-active-border-color: #37abe9;
@ -12079,7 +12079,7 @@ textarea.form-control-lg {
margin-bottom: 0; margin-bottom: 0;
} }
.card-dashboard .card-body .card-text { .card-dashboard .card-body .card-text {
color: #6c757d; color: var(--bs-secondary-color);
} }
.card-dashboard .card-body .carousel { .card-dashboard .card-body .carousel {
margin-left: -1rem; margin-left: -1rem;

Binary file not shown.

View File

@ -78,18 +78,18 @@
--bs-body-font-size: 1rem; --bs-body-font-size: 1rem;
--bs-body-font-weight: 400; --bs-body-font-weight: 400;
--bs-body-line-height: 1.5; --bs-body-line-height: 1.5;
--bs-body-color: #ced4da; --bs-body-color: #212529;
--bs-body-color-rgb: 206, 212, 218; --bs-body-color-rgb: 33, 37, 41;
--bs-body-bg: #212529; --bs-body-bg: #fff;
--bs-body-bg-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255;
--bs-emphasis-color: #000; --bs-emphasis-color: #000;
--bs-emphasis-color-rgb: 0, 0, 0; --bs-emphasis-color-rgb: 0, 0, 0;
--bs-secondary-color: rgba(206, 212, 218, 0.75); --bs-secondary-color: rgba(33, 37, 41, 0.75);
--bs-secondary-color-rgb: 206, 212, 218; --bs-secondary-color-rgb: 33, 37, 41;
--bs-secondary-bg: #e9ecef; --bs-secondary-bg: #e9ecef;
--bs-secondary-bg-rgb: 233, 236, 239; --bs-secondary-bg-rgb: 233, 236, 239;
--bs-tertiary-color: rgba(206, 212, 218, 0.5); --bs-tertiary-color: rgba(33, 37, 41, 0.5);
--bs-tertiary-color-rgb: 206, 212, 218; --bs-tertiary-color-rgb: 33, 37, 41;
--bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg: #f8f9fa;
--bs-tertiary-bg-rgb: 248, 249, 250; --bs-tertiary-bg-rgb: 248, 249, 250;
--bs-heading-color: inherit; --bs-heading-color: inherit;
@ -99,7 +99,7 @@
--bs-link-hover-color: #219cb4; --bs-link-hover-color: #219cb4;
--bs-link-hover-color-rgb: 33, 156, 180; --bs-link-hover-color-rgb: 33, 156, 180;
--bs-code-color: #d63384; --bs-code-color: #d63384;
--bs-highlight-bg: #fcf8e3; --bs-highlight-bg: #fff3cd;
--bs-border-width: 1px; --bs-border-width: 1px;
--bs-border-style: solid; --bs-border-style: solid;
--bs-border-color: #e9ecef; --bs-border-color: #e9ecef;
@ -207,7 +207,7 @@ hr {
margin: 1rem 0; margin: 1rem 0;
color: inherit; color: inherit;
border: 0; border: 0;
border-top: var(--bs-border-width) solid rgba(0, 0, 0, 0.1); border-top: var(--bs-border-width) solid;
opacity: 0.25; opacity: 0.25;
} }
@ -2108,10 +2108,10 @@ progress {
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #000; color: var(--bs-body-color);
background-color: #fff; background-color: var(--bs-body-bg);
background-clip: padding-box; background-clip: padding-box;
border: var(--bs-border-width) solid rgba(108, 117, 125, 0.15); border: var(--bs-border-width) solid var(--bs-border-color);
appearance: none; appearance: none;
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@ -2128,8 +2128,8 @@ progress {
cursor: pointer; cursor: pointer;
} }
.form-control:focus { .form-control:focus {
color: #000; color: var(--bs-body-color);
background-color: #fff; background-color: var(--bs-body-bg);
border-color: #9bd5f4; border-color: #9bd5f4;
outline: 0; outline: 0;
box-shadow: 0 0 0 0.25rem rgba(55, 171, 233, 0.25); box-shadow: 0 0 0 0.25rem rgba(55, 171, 233, 0.25);
@ -2148,14 +2148,14 @@ progress {
opacity: 1; opacity: 1;
} }
.form-control:disabled { .form-control:disabled {
background-color: #6c757d; background-color: var(--bs-secondary-bg);
opacity: 1; opacity: 1;
} }
.form-control::file-selector-button { .form-control::file-selector-button {
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem; margin: -0.375rem -0.75rem;
margin-inline-end: 0.75rem; margin-inline-end: 0.75rem;
color: #000; color: var(--bs-body-color);
background-color: var(--bs-tertiary-bg); background-color: var(--bs-tertiary-bg);
pointer-events: none; pointer-events: none;
border-color: inherit; border-color: inherit;
@ -2258,13 +2258,13 @@ textarea.form-control-lg {
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #000; color: var(--bs-body-color);
background-color: #fff; background-color: var(--bs-body-bg);
background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 0.75rem center; background-position: right 0.75rem center;
background-size: 16px 12px; background-size: 16px 12px;
border: var(--bs-border-width) solid rgba(108, 117, 125, 0.15); border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; appearance: none;
@ -2284,11 +2284,11 @@ textarea.form-control-lg {
background-image: none; background-image: none;
} }
.form-select:disabled { .form-select:disabled {
background-color: #6c757d; background-color: var(--bs-secondary-bg);
} }
.form-select:-moz-focusring { .form-select:-moz-focusring {
color: transparent; color: transparent;
text-shadow: 0 0 0 #000; text-shadow: 0 0 0 var(--bs-body-color);
} }
.form-select-sm { .form-select-sm {
@ -2334,7 +2334,7 @@ textarea.form-control-lg {
} }
.form-check-input { .form-check-input {
--bs-form-check-bg: #fff; --bs-form-check-bg: var(--bs-body-bg);
width: 1em; width: 1em;
height: 1em; height: 1em;
margin-top: 0.25em; margin-top: 0.25em;
@ -2451,10 +2451,10 @@ textarea.form-control-lg {
outline: 0; outline: 0;
} }
.form-range:focus::-webkit-slider-thumb { .form-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #212529, 0 0 0 0.25rem rgba(55, 171, 233, 0.25); box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(55, 171, 233, 0.25);
} }
.form-range:focus::-moz-range-thumb { .form-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #212529, 0 0 0 0.25rem rgba(55, 171, 233, 0.25); box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(55, 171, 233, 0.25);
} }
.form-range::-moz-focus-outer { .form-range::-moz-focus-outer {
border: 0; border: 0;
@ -2592,7 +2592,7 @@ textarea.form-control-lg {
z-index: -1; z-index: -1;
height: 1.5em; height: 1.5em;
content: ""; content: "";
background-color: #fff; background-color: var(--bs-body-bg);
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
} }
.form-floating > .form-control:-webkit-autofill ~ label { .form-floating > .form-control:-webkit-autofill ~ label {
@ -2606,7 +2606,7 @@ textarea.form-control-lg {
color: #6c757d; color: #6c757d;
} }
.form-floating > :disabled ~ label::after { .form-floating > :disabled ~ label::after {
background-color: #6c757d; background-color: var(--bs-secondary-bg);
} }
.input-group { .input-group {
@ -2644,11 +2644,11 @@ textarea.form-control-lg {
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #000; color: var(--bs-body-color);
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
background-color: #adb5bd; background-color: var(--bs-tertiary-bg);
border: var(--bs-border-width) solid rgba(108, 117, 125, 0.15); border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius); border-radius: var(--bs-border-radius);
} }
@ -3334,23 +3334,23 @@ textarea.form-control-lg {
--bs-dropdown-spacer: 0.125rem; --bs-dropdown-spacer: 0.125rem;
--bs-dropdown-font-size: 1rem; --bs-dropdown-font-size: 1rem;
--bs-dropdown-color: var(--bs-body-color); --bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: #495057; --bs-dropdown-bg: var(--bs-body-bg);
--bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-radius: var(--bs-border-radius);
--bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-border-width: var(--bs-border-width);
--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
--bs-dropdown-divider-bg: #343a40; --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-divider-margin-y: 0.5rem;
--bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-dropdown-link-color: #ced4da; --bs-dropdown-link-color: var(--bs-body-color);
--bs-dropdown-link-hover-color: #bfc7cf; --bs-dropdown-link-hover-color: var(--bs-body-color);
--bs-dropdown-link-hover-bg: #37abe9; --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
--bs-dropdown-link-active-color: #ced4da; --bs-dropdown-link-active-color: #ced4da;
--bs-dropdown-link-active-bg: #37abe9; --bs-dropdown-link-active-bg: #37abe9;
--bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
--bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-x: 1rem;
--bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-item-padding-y: 0.25rem;
--bs-dropdown-header-color: #8594a3; --bs-dropdown-header-color: #6c757d;
--bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-x: 1rem;
--bs-dropdown-header-padding-y: 0.5rem; --bs-dropdown-header-padding-y: 0.5rem;
position: absolute; position: absolute;
@ -3608,7 +3608,7 @@ textarea.form-control-lg {
--bs-dropdown-box-shadow: ; --bs-dropdown-box-shadow: ;
--bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-color: #dee2e6;
--bs-dropdown-link-hover-color: #fff; --bs-dropdown-link-hover-color: #fff;
--bs-dropdown-divider-bg: #343a40; --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
--bs-dropdown-link-active-color: #ced4da; --bs-dropdown-link-active-color: #ced4da;
--bs-dropdown-link-active-bg: #37abe9; --bs-dropdown-link-active-bg: #37abe9;
@ -3876,7 +3876,7 @@ textarea.form-control-lg {
--bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-y: 0.25rem;
--bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-padding-x: 0.75rem;
--bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-font-size: 1.25rem;
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28206, 212, 218, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
--bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-border-radius: var(--bs-border-radius);
--bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-focus-width: 0.25rem;
@ -4299,11 +4299,11 @@ textarea.form-control-lg {
--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-y: 0.5rem;
--bs-card-cap-padding-x: 1rem; --bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: rgba(248, 249, 250, 0.05); --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
--bs-card-cap-color: ; --bs-card-cap-color: ;
--bs-card-height: ; --bs-card-height: ;
--bs-card-color: ; --bs-card-color: ;
--bs-card-bg: #343a40; --bs-card-bg: var(--bs-body-bg);
--bs-card-img-overlay-padding: 1rem; --bs-card-img-overlay-padding: 1rem;
--bs-card-group-margin: 0.75rem; --bs-card-group-margin: 0.75rem;
position: relative; position: relative;
@ -4485,7 +4485,7 @@ textarea.form-control-lg {
--bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-padding-y: 1rem;
--bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-color: var(--bs-body-color);
--bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-bg: var(--bs-accordion-bg);
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ced4da'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-width: 1.25rem;
--bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
@ -4617,11 +4617,11 @@ textarea.form-control-lg {
--bs-breadcrumb-padding-x: 1rem; --bs-breadcrumb-padding-x: 1rem;
--bs-breadcrumb-padding-y: 0.75rem; --bs-breadcrumb-padding-y: 0.75rem;
--bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-margin-bottom: 1rem;
--bs-breadcrumb-bg: none; --bs-breadcrumb-bg: ;
--bs-breadcrumb-border-radius: ; --bs-breadcrumb-border-radius: ;
--bs-breadcrumb-divider-color: var(--bs-secondary-color); --bs-breadcrumb-divider-color: var(--bs-secondary-color);
--bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-padding-x: 0.5rem;
--bs-breadcrumb-item-active-color: #6c757d; --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
@ -4649,23 +4649,23 @@ textarea.form-control-lg {
--bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem; --bs-pagination-padding-y: 0.375rem;
--bs-pagination-font-size: 1rem; --bs-pagination-font-size: 1rem;
--bs-pagination-color: #44c4dd; --bs-pagination-color: var(--bs-link-color);
--bs-pagination-bg: #343a40; --bs-pagination-bg: var(--bs-body-bg);
--bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-width: var(--bs-border-width);
--bs-pagination-border-color: #3f474e; --bs-pagination-border-color: var(--bs-border-color);
--bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-border-radius: var(--bs-border-radius);
--bs-pagination-hover-color: #219cb4; --bs-pagination-hover-color: var(--bs-link-hover-color);
--bs-pagination-hover-bg: #212529; --bs-pagination-hover-bg: var(--bs-tertiary-bg);
--bs-pagination-hover-border-color: #343a40; --bs-pagination-hover-border-color: var(--bs-border-color);
--bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-color: var(--bs-link-hover-color);
--bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-bg: var(--bs-secondary-bg);
--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(55, 171, 233, 0.25); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(55, 171, 233, 0.25);
--bs-pagination-active-color: #ced4da; --bs-pagination-active-color: #ced4da;
--bs-pagination-active-bg: #37abe9; --bs-pagination-active-bg: #37abe9;
--bs-pagination-active-border-color: #37abe9; --bs-pagination-active-border-color: #37abe9;
--bs-pagination-disabled-color: #6c757d; --bs-pagination-disabled-color: var(--bs-secondary-color);
--bs-pagination-disabled-bg: #343a40; --bs-pagination-disabled-bg: var(--bs-secondary-bg);
--bs-pagination-disabled-border-color: #3f474e; --bs-pagination-disabled-border-color: var(--bs-border-color);
display: flex; display: flex;
padding-left: 0; padding-left: 0;
list-style: none; list-style: none;
@ -4869,7 +4869,7 @@ textarea.form-control-lg {
.progress-stacked { .progress-stacked {
--bs-progress-height: 1rem; --bs-progress-height: 1rem;
--bs-progress-font-size: 0.75rem; --bs-progress-font-size: 0.75rem;
--bs-progress-bg: #6c757d; --bs-progress-bg: var(--bs-secondary-bg);
--bs-progress-border-radius: var(--bs-border-radius); --bs-progress-border-radius: var(--bs-border-radius);
--bs-progress-box-shadow: var(--bs-box-shadow-inset); --bs-progress-box-shadow: var(--bs-box-shadow-inset);
--bs-progress-bar-color: #fff; --bs-progress-bar-color: #fff;
@ -4924,19 +4924,19 @@ textarea.form-control-lg {
.list-group { .list-group {
--bs-list-group-color: var(--bs-body-color); --bs-list-group-color: var(--bs-body-color);
--bs-list-group-bg: #343a40; --bs-list-group-bg: var(--bs-body-bg);
--bs-list-group-border-color: var(--bs-border-color); --bs-list-group-border-color: var(--bs-border-color);
--bs-list-group-border-width: var(--bs-border-width); --bs-list-group-border-width: var(--bs-border-width);
--bs-list-group-border-radius: var(--bs-border-radius); --bs-list-group-border-radius: var(--bs-border-radius);
--bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-x: 1rem;
--bs-list-group-item-padding-y: 0.5rem; --bs-list-group-item-padding-y: 0.5rem;
--bs-list-group-action-color: #ced4da; --bs-list-group-action-color: var(--bs-secondary-color);
--bs-list-group-action-hover-color: #ced4da; --bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: #292d32; --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
--bs-list-group-action-active-color: var(--bs-body-color); --bs-list-group-action-active-color: var(--bs-body-color);
--bs-list-group-action-active-bg: var(--bs-secondary-bg); --bs-list-group-action-active-bg: var(--bs-secondary-bg);
--bs-list-group-disabled-color: var(--bs-secondary-color); --bs-list-group-disabled-color: var(--bs-secondary-color);
--bs-list-group-disabled-bg: #343a40; --bs-list-group-disabled-bg: var(--bs-body-bg);
--bs-list-group-active-color: #ced4da; --bs-list-group-active-color: #ced4da;
--bs-list-group-active-bg: #37abe9; --bs-list-group-active-bg: #37abe9;
--bs-list-group-active-border-color: #37abe9; --bs-list-group-active-border-color: #37abe9;
@ -12079,7 +12079,7 @@ textarea.form-control-lg {
margin-bottom: 0; margin-bottom: 0;
} }
.card-dashboard .card-body .card-text { .card-dashboard .card-body .card-text {
color: #6c757d; color: var(--bs-secondary-color);
} }
.card-dashboard .card-body .carousel { .card-dashboard .card-body .carousel {
margin-left: -1rem; margin-left: -1rem;

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long