98 lines
1.8 KiB
SCSS
98 lines
1.8 KiB
SCSS
// $accent: #dd5536;
|
|
$accent: #f27a5a;
|
|
|
|
$br: 16px;
|
|
|
|
@use 'default' with (
|
|
$ACCENT_COLOR: $accent,
|
|
$thread_locked_background: $accent,
|
|
$topic_locked_background: $accent,
|
|
|
|
// $DARK_1: #e36286,
|
|
$DARK_1: #88486d,
|
|
$MAIN_BG: #c85d45,
|
|
|
|
$usercard_border: none,
|
|
$usercard_border_right: none,
|
|
$thread_locked_border: 1px solid black,
|
|
|
|
$SETTINGS_WIDTH: 60%,
|
|
$PAGE_SIDE_MARGIN: 50px,
|
|
|
|
$link_color: black,
|
|
$link_color_visited: black,
|
|
$reaction_button_active_font_color: white,
|
|
// $DEFAULT_FONT_COLOR: white,
|
|
// $DEFAULT_FONT_COLOR_INVERSE: black,
|
|
|
|
$text_input_font_color: black,
|
|
|
|
$BUTTON_COLOR: $accent,
|
|
$BUTTON_COLOR_2: #b54444,
|
|
$BUTTON_COLOR_CRITICAL: #f73030,
|
|
$ACCORDION_COLOR: #c6655b,
|
|
$BUTTON_WARN_FONT_COLOR: black,
|
|
$BUTTON_CRITICAL_FONT_COLOR: white,
|
|
|
|
$SMALL_PADDING: 3px,
|
|
$MEDIUM_PADDING: 6px,
|
|
$MEDIUM_BIG_PADDING: 8px,
|
|
$BIG_PADDING: 12px,
|
|
$BIGGER_PADDING: 16px,
|
|
|
|
$DEFAULT_BORDER_RADIUS: $br,
|
|
$code_border_radius: $br,
|
|
$button_padding: 8px 12px,
|
|
$reduced_button_padding: 6px,
|
|
|
|
$post_reactions_border_top: 2px dotted #f7bfdf,
|
|
|
|
$post_info_min_height: 35px,
|
|
$post_reactions_padding: 6px 12px,
|
|
$post_reactions_gap: 6px,
|
|
|
|
$text_input_padding: 8px,
|
|
|
|
$infobox_info_color: #81a3e6,
|
|
$infobox_critical_color: #f73030,
|
|
$infobox_warn_color: #fbfb8d,
|
|
|
|
$infobox_info_font_color: black,
|
|
$infobox_critical_font_color: white,
|
|
$infobox_warn_font_color: black,
|
|
|
|
$pagebutton_min_width: 36px,
|
|
$quote_background_color: #0002,
|
|
);
|
|
|
|
#topnav {
|
|
border-top-left-radius: $br;
|
|
border-top-right-radius: $br;
|
|
}
|
|
|
|
#bottomnav {
|
|
border-bottom-left-radius: $br;
|
|
border-bottom-right-radius: $br;
|
|
|
|
color: white;
|
|
}
|
|
|
|
textarea {
|
|
padding: 12px 16px;
|
|
}
|
|
|
|
footer {
|
|
margin-top: 10px;
|
|
border-radius: $br;
|
|
border: none;
|
|
text-align: center;
|
|
}
|
|
|
|
.darkbg {
|
|
color: white;
|
|
|
|
& a {
|
|
color: white;
|
|
}
|
|
}
|