Retrospring/app/views/user/theme.css.scss.erb

110 lines
2.5 KiB
Plaintext

// TODO: Use canonical colours rather than this test midnight scheme.
// PRIMARY COLOR
$primary_color: <%= @primary_color || "#222222" %>;
$primary_border: <%= @primary_border || "#151515" %>;
$primary_text: <%= @primary_text || "#eeeeee" %>;
// DANGER COLOR
$danger_color: <%= @danger_color || "#222222" %>;
$danger_border: <%= @danger_border || "#151515" %>;
$danger_text: <%= @danger_text || "#eeeeee" %>;
// SUCCESS COLOR
$success_color: <%= @success_color || "#222222" %>;
$success_border: <%= @success_border || "#151515" %>;
$success_text: <%= @success_text || "#eeeeee" %>;
// WARNING COLOR
$warning_color: <%= @warning_color || "#222222" %>;
$warning_border: <%= @warning_border || "#151515" %>;
$warning_text: <%= @warning_text || "#eeeeee" %>;
// INFO COLOR
$info_color: <%= @info_color || "#222222" %>;
$info_border: <%= @info_border || "#151515" %>;
$info_text: <%= @info_text || "#eeeeee" %>;
// COLOR COLOR (DEFAULT)
$color_color: <%= @color_color || "#222222" %>;
$color_border: <%= @color_border || "#151515" %>;
$color_text: <%= @color_text || "#eeeeee" %>;
// PANEL COLORS
// AUXILIARY COLOR
$link_color: <%= @link_color || "#111111" %>;
$background_color: <%= @background_color || "#555555" %>;
$background_text: <%= @background_text || "#eeeeee" %>;
$background_muted: <%= @background_muted || "#bbbbbb" %>;
body#version1 {
.links a {
&, :hover, :active {
color: $link_color;
}
}
background-color: $background_color;
color: $background_text;
nav.navbar {
&, .dropdown-menu {
background-color: $primary_color;
border-color: $primary_border;
}
a {
&, :hover, :active {
color: $primary_text;
}
}
> li:not(.profile--image-dropdown):before {
background-color: $primary_border;
}
}
.j2-jumbo {
background-color: $primary_color;
border-color: $primary_border;
}
#profile--header.profile--no-header:before, .userbox--no-header:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: $primary_border;
img {
opacity: 0;
}
}
.userbox--no-header, .panel-body {
position: relative;
}
.btn-primary {
background-color: $primary_color;
border-color: $primary_border;
color: $primary_text;
&:hover {
background-color: $primary_border;
}
}
.text-muted {
color: $background_muted;
}
#debug {
background: white;
color: black;
}
}