Use css for darkmode

This commit is contained in:
cuom1999 2022-12-18 03:31:31 -06:00
parent de875bd384
commit 97a56145b2
62 changed files with 6748 additions and 1034 deletions

View file

@ -19,10 +19,6 @@
height: 70px
}
.grayed {
color: #666;
}
.inline-header {
float: left;
font-size: 1.1em;
@ -31,7 +27,6 @@
}
.block-header {
color: #666;
font-size: 1.1em;
}
@ -94,7 +89,7 @@
{% csrf_token %}
<table class="block-header">
<table class="block-header grayed">
<tr>
<td> {{ _('Fullname') }}: </td>
<td> {{ form_user.first_name }} </td>

View file

@ -25,7 +25,7 @@
{% pluralize %}
{{ counter }} problems solved
{% endtrans -%}"
><i style="color: darkcyan;" class="fa fa-slack"></i> {{_('Problems')}}</div>
><i class="fa fa-slack darkcyan"></i> {{_('Problems')}}</div>
<div class="user-info-body">{{user.problem_count}}</div>
</div>
</div>
@ -33,7 +33,7 @@
<div class="user-info">
<div class="user-info-header"
title="{{_('Total points')}}"
><i style="color:green" class="icofont-tick-mark"></i> {{_('Points')}}</div>
><i class="green icofont-tick-mark"></i> {{_('Points')}}</div>
<div class="user-info-body"><span title="{{ user.performance_points|floatformat(2) }}">
{{ user.performance_points|floatformat(0) }}
</span></div>
@ -42,14 +42,14 @@
{% if not user.is_unlisted %}
<div class="user-info-card">
<div class="user-info">
<div class="user-info-header" title="{{_('Rank by rating')}}"><i style="color: peru" class="fa fa-globe" ></i> {{_('Rating')}}</div>
<div class="user-info-header" title="{{_('Rank by rating')}}"><i class="fa fa-globe peru" ></i> {{_('Rating')}}</div>
<div class="user-info-body">{{rating_rank if rating_rank else '-'}}</div>
</div>
</div>
{% endif %}
<div class="user-info-card">
<div class="user-info">
<div class="user-info-header" title="{{_('Rank by points')}}"><i style="color: blue" class="fa fa-globe" ></i> {{_('Points')}}</div>
<div class="user-info-header" title="{{_('Rank by points')}}"><i class="fa fa-globe blue" ></i> {{_('Points')}}</div>
<div class="user-info-body">{{rank}}</div>
</div>
</div>

View file

@ -30,10 +30,6 @@
font-weight: 500;
}
.user-info-header {
color: gray;
}
.user-info-container {
display: grid;
grid-column-gap: .5rem;
@ -70,10 +66,6 @@
margin-bottom: 0.5em;
}
.user-stat-header {
color: gray;
}
#awards img {
height: 105px;
margin-right: 1em;

View file

@ -10,7 +10,7 @@
{% block user_footer %}
<span style="margin-left: 0.5em">{% if user.rating %}{{ rating_number(user) }}{% endif %}</span>
<div style="color: gray; font-weight: 600; margin-top: 0.2em">{{ user.user.first_name if user.user.first_name else ''}}</div>
<div class="gray" style="font-weight: 600; margin-top: 0.2em">{{ user.user.first_name if user.user.first_name else ''}}</div>
{% endblock %}
{% block after_point_head %}