Styling optimizations (esp. alerts) and other fixes
This commit is contained in:
parent
2098946a6f
commit
231f481537
|
@ -393,7 +393,7 @@ function render_table($columns, $rows, $data = true)
|
||||||
*/
|
*/
|
||||||
function button($href, $label, $class = '')
|
function button($href, $label, $class = '')
|
||||||
{
|
{
|
||||||
if (!Str::contains(Str::remove(['btn-sm', 'btn-xl'], $class), 'btn-')) {
|
if (!Str::contains(str_replace(['btn-sm', 'btn-xl'], '', $class), 'btn-')) {
|
||||||
$class = 'btn-secondary' . ($class ? ' ' . $class : '');
|
$class = 'btn-secondary' . ($class ? ' ' . $class : '');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,3 +1,6 @@
|
||||||
// All dark themes
|
// All dark themes
|
||||||
$input-group-addon-color: #222;
|
$input-group-addon-color: #222;
|
||||||
$input-disabled-bg: #111;
|
$input-disabled-bg: #111;
|
||||||
|
$nav-tabs-link-active-color: #ADAFAE;
|
||||||
|
$alert-bg-scale: 70%;
|
||||||
|
|
||||||
|
|
|
@ -27,7 +27,7 @@ $text-muted: $primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
strong {
|
strong {
|
||||||
font-weight: lighter;
|
font-weight: normal;
|
||||||
color: $brand-primary;
|
color: $brand-primary;
|
||||||
text-shadow:
|
text-shadow:
|
||||||
0 0 10px $brand-primary,
|
0 0 10px $brand-primary,
|
||||||
|
@ -40,7 +40,7 @@ $text-muted: $primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-weight: lighter;
|
font-weight: normal;
|
||||||
color: $brand-primary;
|
color: $brand-primary;
|
||||||
text-shadow: 0 0 10px $brand-primary;
|
text-shadow: 0 0 10px $brand-primary;
|
||||||
|
|
||||||
|
|
|
@ -12,6 +12,7 @@ $gray-lighter: #ADAFAE;
|
||||||
|
|
||||||
$brand-primary: rgb(0, 156, 139);
|
$brand-primary: rgb(0, 156, 139);
|
||||||
$primary: rgb(0, 156, 139);
|
$primary: rgb(0, 156, 139);
|
||||||
|
$secondary: #424242;
|
||||||
$brand-success: rgb(141, 193, 35);
|
$brand-success: rgb(141, 193, 35);
|
||||||
$success: rgb(141, 193, 35);
|
$success: rgb(141, 193, 35);
|
||||||
$brand-info: rgb(70, 71, 73);
|
$brand-info: rgb(70, 71, 73);
|
||||||
|
@ -26,6 +27,7 @@ $text-muted: lighten($gray-light, 25%);
|
||||||
//== changed Scaffolding
|
//== changed Scaffolding
|
||||||
|
|
||||||
$body-bg: #1d1d1b;
|
$body-bg: #1d1d1b;
|
||||||
|
$alert-bg-scale: 0%;
|
||||||
|
|
||||||
|
|
||||||
//== changed Buttons
|
//== changed Buttons
|
||||||
|
|
|
@ -23,6 +23,8 @@ $danger: rgb(255, 102, 0);
|
||||||
|
|
||||||
$secondary: #424242;
|
$secondary: #424242;
|
||||||
|
|
||||||
|
$alert-bg-scale: 0%;
|
||||||
|
|
||||||
.badge.bg-warning, .progress-bar.progress-bar-warning {
|
.badge.bg-warning, .progress-bar.progress-bar-warning {
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
|
|
|
@ -147,7 +147,7 @@ $label-link-hover-color: $brand-primary;
|
||||||
|
|
||||||
$headings-small-color: $gray-light;
|
$headings-small-color: $gray-light;
|
||||||
|
|
||||||
$alert-bg-scale: 0;
|
$alert-bg-scale: 0%;
|
||||||
$alert-border-scale: 0;
|
$alert-border-scale: 0;
|
||||||
$alert-color-scale: 0;
|
$alert-color-scale: 0;
|
||||||
|
|
||||||
|
|
|
@ -26,7 +26,7 @@ $text-muted: $primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
strong {
|
strong {
|
||||||
font-weight: lighter;
|
font-weight: normal;
|
||||||
color: $brand-primary;
|
color: $brand-primary;
|
||||||
text-shadow:
|
text-shadow:
|
||||||
0 0 10px $brand-primary,
|
0 0 10px $brand-primary,
|
||||||
|
@ -39,7 +39,7 @@ $text-muted: $primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-weight: lighter;
|
font-weight: normal;
|
||||||
color: $brand-primary;
|
color: $brand-primary;
|
||||||
text-shadow: 0 0 10px $brand-primary;
|
text-shadow: 0 0 10px $brand-primary;
|
||||||
|
|
||||||
|
|
|
@ -27,7 +27,7 @@ $text-muted: $primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
strong {
|
strong {
|
||||||
font-weight: lighter;
|
font-weight: normal;
|
||||||
color: $brand-primary;
|
color: $brand-primary;
|
||||||
text-shadow:
|
text-shadow:
|
||||||
0 0 10px $brand-primary,
|
0 0 10px $brand-primary,
|
||||||
|
@ -40,7 +40,7 @@ $text-muted: $primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-weight: lighter;
|
font-weight: normal;
|
||||||
color: $brand-primary;
|
color: $brand-primary;
|
||||||
text-shadow: 0 0 10px $brand-primary;
|
text-shadow: 0 0 10px $brand-primary;
|
||||||
|
|
||||||
|
|
|
@ -69,7 +69,8 @@
|
||||||
<ul>
|
<ul>
|
||||||
{% for id,theme in themes %}
|
{% for id,theme in themes %}
|
||||||
<li>
|
<li>
|
||||||
<a href="{{ url('design', {'theme': id}) }}">
|
<a href="{{ url('design', {'theme': id}) }}"
|
||||||
|
{%- if id == themeId %} class="text-info"{% endif %}>
|
||||||
{{ theme['name'] }}
|
{{ theme['name'] }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
Loading…
Reference in New Issue