change color of web

This commit is contained in:
Cayo Puigdefabregas 2023-06-13 12:48:08 +02:00
parent 80486136bd
commit 91caaa4496
6 changed files with 28 additions and 47 deletions

View File

@ -50,7 +50,7 @@
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<h3 class="nav-link mt-5" style="color: #993365">{{ device_real.type }} - {{ device_real.verbose_name }}</h3> <h3 class="nav-link mt-5" style="color: #007bc0">{{ device_real.type }} - {{ device_real.verbose_name }}</h3>
<div class="row"> <div class="row">
<div class="col-6"> <div class="col-6">
<h5 class="card-title">Basic</h5> <h5 class="card-title">Basic</h5>

View File

@ -49,7 +49,7 @@
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<h3 class="nav-link mt-5" style="color: #993365"> <h3 class="nav-link mt-5" style="color: #007bc0">
{{ result.result.data.hardware.device.type }} - {{ result.result.data.hardware.device.type }} -
{{ result.result.data.hardware.device.manufacturer }} {{ result.result.data.hardware.device.manufacturer }}
{{ result.result.data.hardware.device.model }} {{ result.result.data.hardware.device.model }}

View File

@ -24,7 +24,7 @@
padding-bottom: 5px; padding-bottom: 5px;
} }
#ApplyDeviceLots { #ApplyDeviceLots {
color: #993365; color: #007bc0;
font-weight: bold; font-weight: bold;
} }
#ApplyDeviceLots.disabled { #ApplyDeviceLots.disabled {
@ -34,7 +34,7 @@
background-color: #fff; background-color: #fff;
} }
.help { .help {
color: #993365; color: #007bc0;
} }
.doTransfer { .doTransfer {
margin-top: -8px; margin-top: -8px;

View File

@ -24,7 +24,7 @@ a {
} }
a:hover { a:hover {
color: #cc0066; color: #007bc0;
text-decoration: none; text-decoration: none;
} }
@ -56,7 +56,7 @@ h1, h2, h3, h4, h5, h6 {
font-size: 24px; font-size: 24px;
margin-bottom: 0; margin-bottom: 0;
font-weight: 600; font-weight: 600;
color: #993365; color: #007bc0;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
@ -178,14 +178,14 @@ h1, h2, h3, h4, h5, h6 {
} }
.btn-primary { .btn-primary {
background-color: #993365; background-color: #007bc0;
border-color: #993365; border-color: #007bc0;
color: #fff; color: #fff;
} }
.btn-primary:hover, .btn-primary:focus { .btn-primary:hover, .btn-primary:focus {
background-color: #cc0066; background-color: #007bc0;
border-color: #cc0066; border-color: #007bc0;
color: #fff; color: #fff;
} }
@ -351,12 +351,12 @@ h1, h2, h3, h4, h5, h6 {
color: #2c384e; color: #2c384e;
} }
.nav-tabs-bordered .nav-link:hover, .nav-tabs-bordered .nav-link:focus { .nav-tabs-bordered .nav-link:hover, .nav-tabs-bordered .nav-link:focus {
color: #993365; color: #007bc0;
} }
.nav-tabs-bordered .nav-link.active { .nav-tabs-bordered .nav-link.active {
background-color: #fff; background-color: #fff;
color: #993365; color: #007bc0;
border-bottom: 2px solid #993365; border-bottom: 2px solid #007bc0;
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
@ -395,7 +395,7 @@ h1, h2, h3, h4, h5, h6 {
font-size: 32px; font-size: 32px;
padding-left: 10px; padding-left: 10px;
cursor: pointer; cursor: pointer;
color: #993365; color: #007bc0;
} }
.header .search-bar { .header .search-bar {
min-width: 360px; min-width: 360px;
@ -464,7 +464,7 @@ h1, h2, h3, h4, h5, h6 {
color: #012970; color: #012970;
} }
.header-nav .nav-profile { .header-nav .nav-profile {
color: #993365; color: #007bc0;
} }
.header-nav .nav-profile img { .header-nav .nav-profile img {
max-height: 36px; max-height: 36px;
@ -631,7 +631,7 @@ h1, h2, h3, h4, h5, h6 {
align-items: center; align-items: center;
font-size: 15px; font-size: 15px;
font-weight: 600; font-weight: 600;
color: #993365; color: #007bc0;
transition: 0.3; transition: 0.3;
background: #f6f9ff; background: #f6f9ff;
padding: 10px 15px; padding: 10px 15px;
@ -640,7 +640,7 @@ h1, h2, h3, h4, h5, h6 {
.sidebar-nav .nav-link i { .sidebar-nav .nav-link i {
font-size: 16px; font-size: 16px;
margin-right: 10px; margin-right: 10px;
color: #993365; color: #007bc0;
} }
.sidebar-nav .nav-link.collapsed { .sidebar-nav .nav-link.collapsed {
color: #6c757d; color: #6c757d;
@ -650,11 +650,11 @@ h1, h2, h3, h4, h5, h6 {
color: #899bbd; color: #899bbd;
} }
.sidebar-nav .nav-link:hover { .sidebar-nav .nav-link:hover {
color: #993365; color: #007bc0;
background: #f6f9ff; background: #f6f9ff;
} }
.sidebar-nav .nav-link:hover i { .sidebar-nav .nav-link:hover i {
color: #993365; color: #007bc0;
} }
.sidebar-nav .nav-link .bi-chevron-down { .sidebar-nav .nav-link .bi-chevron-down {
margin-right: 0; margin-right: 0;
@ -685,7 +685,7 @@ h1, h2, h3, h4, h5, h6 {
border-radius: 50%; border-radius: 50%;
} }
.sidebar-nav .nav-content a:hover, .sidebar-nav .nav-content a.active { .sidebar-nav .nav-content a:hover, .sidebar-nav .nav-content a.active {
color: #993365; color: #007bc0;
} }
.sidebar-nav .nav-content a.active i { .sidebar-nav .nav-content a.active i {
background-color: #4154f1; background-color: #4154f1;
@ -1028,7 +1028,7 @@ h1, h2, h3, h4, h5, h6 {
padding: 12px 15px; padding: 12px 15px;
} }
.contact .php-email-form button[type=submit] { .contact .php-email-form button[type=submit] {
background: #993365; background: #007bc0;
border: 0; border: 0;
padding: 10px 30px; padding: 10px 30px;
color: #fff; color: #fff;
@ -1036,15 +1036,15 @@ h1, h2, h3, h4, h5, h6 {
border-radius: 4px; border-radius: 4px;
} }
.contact .php-email-form button[type=submit]:hover { .contact .php-email-form button[type=submit]:hover {
background: #993365; background: #007bc0;
} }
button[type=submit] { button[type=submit] {
background-color: #993365; background-color: #007bc0;
border-color: #993365; border-color: #007bc0;
} }
button[type=submit]:hover { button[type=submit]:hover {
background-color: #993365; background-color: #007bc0;
border-color: #993365; border-color: #007bc0;
} }
@-webkit-keyframes animate-loading { @-webkit-keyframes animate-loading {
0% { 0% {

View File

@ -65,7 +65,7 @@
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<h3 class="nav-link mt-5" style="color: #993365">{{ device_real.type }} - {{ device_real.verbose_name }}</h3> <h3 class="nav-link mt-5" style="color: #007bc0;">{{ device_real.type }} - {{ device_real.verbose_name }}</h3>
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<h5 class="card-title">Basic</h5> <h5 class="card-title">Basic</h5>

View File

@ -13,7 +13,7 @@
<div class="d-flex justify-content-center py-4"> <div class="d-flex justify-content-center py-4">
<a href="{{ url_for('core.login') }}" class="d-flex align-items-center w-auto"> <a href="{{ url_for('core.login') }}" class="d-flex align-items-center w-auto">
<img src="{{ url_for('static', filename='img/usody_logo_transparent_noicon-y-purple-120x41.png') }}" alt=""> <img src="https://www.upc.edu/++theme++homeupc/assets/images/logomark.png" alt="">
</a> </a>
</div><!-- End Logo --> </div><!-- End Logo -->
@ -69,12 +69,6 @@
</div> </div>
</div> </div>
<div class="credits">
<a href="https://help.usody.com/en/getting-started/login-usody/" target="_blank">Help</a> |
<a href="https://www.usody.com/legal/privacy-policy" target="_blank">Privacy</a> |
<a href="https://www.usody.com/legal/terms" target="_blank">Terms</a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -84,19 +78,6 @@
</div> </div>
</main><!-- End #main --> </main><!-- End #main -->
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Do you want to try USOdy tools?</h5>
</div>
<div class="modal-body">
Just write an email to <a href="mali:hello@usody.com">hello@usody.com</a>
</div>
</div>
</div>
</div> <!-- End register modal -->
<script> <script>
const togglePassword = document.querySelector('#togglePassword'); const togglePassword = document.querySelector('#togglePassword');
const password = document.querySelector('#id_password'); const password = document.querySelector('#id_password');