steve
/
mybuddy
mirror of https://github.com/snachodog/mybuddy.git
1
0
Fork 0
Code Issues 3 Packages Projects 1 Releases Wiki Activity

Tweak dark colors and remove custom coloring classes from some elements.

This commit is contained in:
Christopher Charbonneau Wells 2017-09-27 11:24:24 -04:00
parent 0ff03b8851
commit 05ece53f18
5 changed files with 83 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
babyblotter/static_src/scss/themes/blueorange.scss
View File

@ -31,7 +31,7 @@ $theme-colors: (
// //
// Settings for the `<body>` element. // Settings for the `<body>` element.
$body-bg: $gray-700; $body-bg: $gray-900;
$body-color: $gray-400; $body-color: $gray-400;
@ -68,8 +68,8 @@ $mark-bg: #fcf8e3 !default;
$table-border-color: $gray-800; $table-border-color: $gray-800;
$table-head-bg: theme-color("primary"); $table-head-bg: theme-color("primary");
$table-inverse-bg: theme-color("dark"); $table-inverse-bg: theme-color("primary");
$table-accent-bg: rgba(theme-color("primary"), .1);
// Forms // Forms
@ -113,9 +113,15 @@ $pagination-disabled-bg: $pagination-bg;
$pagination-disabled-border-color: $pagination-border-color; $pagination-disabled-border-color: $pagination-border-color;
// Jumbotron
$jumbotron-bg: theme-color("dark");
// Cards // Cards
$card-bg: theme-color("dark"); $card-bg: theme-color("dark");
$card-cap-bg: rgba(theme-color("light"), .05);
// Progress bars // Progress bars

6
dashboard/templates/cards/diaperchange_types.html
View File

@ -11,19 +11,19 @@
<div class="progress mt-3"> <div class="progress mt-3">
{% if info.wet_pct > 0 %} {% if info.wet_pct > 0 %}
<div class="progress-bar bg-info lead" <div class="progress-bar bg-primary lead"
role="progressbar" role="progressbar"
style="width: {{ info.wet_pct }}%;">{{ info.wet }}&nbsp;wet</div> style="width: {{ info.wet_pct }}%;">{{ info.wet }}&nbsp;wet</div>
{% endif %} {% endif %}
{% if info.solid_pct > 0 %} {% if info.solid_pct > 0 %}
<div class="progress-bar bg-dark lead" <div class="progress-bar bg-secondary lead"
role="progressbar" role="progressbar"
style="width: {{ info.solid_pct }}%;"> style="width: {{ info.solid_pct }}%;">
<strong>{{ info.solid }}</strong>&nbsp;solid</div> <strong>{{ info.solid }}</strong>&nbsp;solid</div>
{% endif %} {% endif %}
</div> </div>
<div class="text-center text-dark small"> <div class="text-center text-light small">
{% if key == 0 %} {% if key == 0 %}
today today
{% elif key == 1 %} {% elif key == 1 %}

6
dashboard/templates/cards/sleep.html
View File

@ -1,9 +1,9 @@
<div class="card card-sleep border-dark mb-3"> <div class="card card-sleep border-secondary mb-3">
<div class="card-header text-white bg-dark h4"> <div class="card-header text-white bg-secondary h4">
<i class="icon icon-sleep pull-left" aria-hidden="true"></i> <i class="icon icon-sleep pull-left" aria-hidden="true"></i>
{% block header %}{% endblock %} {% block header %}{% endblock %}
</div> </div>
<div class="card-body text-dark"> <div class="card-body">
<h4 class="card-title">{% block title %}{% endblock %}</h4> <h4 class="card-title">{% block title %}{% endblock %}</h4>
<div class="card-text">{% block content %}{% endblock %}</div> <div class="card-text">{% block content %}{% endblock %}</div>
</div> </div>

6
dashboard/templates/cards/timer.html
View File

@ -1,9 +1,9 @@
<div class="card card-timer border-secondary mb-3"> <div class="card card-timer border-light mb-3">
<div class="card-header text-white bg-secondary h4"> <div class="card-header text-dark bg-light h4">
<i class="icon icon-timer pull-left" aria-hidden="true"></i> <i class="icon icon-timer pull-left" aria-hidden="true"></i>
{% block header %}{% endblock %} {% block header %}{% endblock %}
</div> </div>
<div class="card-body text-secondary"> <div class="card-body text-light">
<h4 class="card-title">{% block title %}{% endblock %}</h4> <h4 class="card-title">{% block title %}{% endblock %}</h4>
<div class="card-text">{% block content %}{% endblock %}</div> <div class="card-text">{% block content %}{% endblock %}</div>
</div> </div>

2
dashboard/templates/dashboard/child.html
View File

@ -5,7 +5,7 @@
{% block content %} {% block content %}
<div class="bg-light text-dark rounded text-center pb-2"> <div class="rounded text-center pb-2">
<h1 class="display-4">{{ object }}</h1> <h1 class="display-4">{{ object }}</h1>
<div class="dropdown"> <div class="dropdown">