privacyguides.org/assets/css/dark.scss

131 lines
3.1 KiB
SCSS
Raw Normal View History

2020-12-04 03:35:10 -05:00
---
---
2021-05-03 22:13:50 -04:00
@import "./node_modules/bootstrap/scss/functions";
2021-09-11 18:54:27 -04:00
@import "brand";
2020-12-04 03:35:10 -05:00
2021-09-13 10:55:26 -04:00
$primary: #EAB448;
2021-09-19 14:31:16 -04:00
$secondary: lighten( $secondary, 30% );
2021-01-16 00:13:01 -05:00
$success: darken( $success, 10% );
$info: darken( $info, 5% );
$danger: lighten( $warning, 20% );
$warning: darken( $warning, 30% );
$body-bg: $dark;
$card-bg: lighten( $dark, 5% );
$body-color: $light;
2021-09-19 14:31:16 -04:00
$link-color: lighten( $link-color, 30% );
2021-09-13 10:55:26 -04:00
$mark-bg: darken( $primary, 60% );
2021-01-16 00:13:01 -05:00
$breadcrumb-bg: lighten( $dark, 5% );
2020-12-04 03:35:10 -05:00
$hr-border-color: $body-color;
2021-09-11 18:54:27 -04:00
@import "./node_modules/bootstrap/scss/variables";
@import "variables";
2021-09-19 14:31:16 -04:00
$dm-grays: (
"dm-white": $black,
"dm-100": $gray-900,
"dm-200": $gray-800,
"dm-300": $gray-700,
"dm-400": $gray-600,
"dm-500": $gray-500,
"dm-600": $gray-400,
"dm-700": $gray-300,
"dm-800": $gray-200,
"dm-900": $gray-100,
"dm-black": $white
);
2021-01-16 00:13:01 -05:00
$card-shadow: 0 3px 10px 0 $dark;
$list-group-color: $body-color;
$list-group-bg: $card-bg;
$alert-bg-level: 4;
$alert-border-level: 3;
$alert-color-level: -10;
$table-border-color: lighten( $dark, 20% );
$table-active-bg: rgba($white, .075);
$table-head-color: $white;
2021-09-13 10:55:26 -04:00
/*$navbar-light-color: ;
$navbar-light-hover-color: ;
2021-01-16 00:13:01 -05:00
$navbar-light-active-color: $white;
$navbar-light-disabled-color: rgba($white, .25);
$navbar-light-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
2021-09-13 10:55:26 -04:00
$navbar-light-toggler-border-color: rgba($white, .1);*/
2021-01-16 00:13:01 -05:00
$dropdown-bg: $card-bg;
2021-09-13 10:55:26 -04:00
$dropdown-link-color: rgba($white, .5);
$dropdown-link-hover-color: rgba($white, .75);
2021-01-16 00:13:01 -05:00
$dropdown-link-hover-bg: lighten( $dropdown-bg, 10% );
2020-12-04 03:35:10 -05:00
.container-fullwidth {
margin: 0 auto;
width: 100%;
}
2021-09-13 10:55:26 -04:00
@import "./node_modules/bootstrap/scss/mixins";
@import "./node_modules/bootstrap/scss/utilities";
2021-09-19 14:31:16 -04:00
$all-colors: map-merge-multiple($blues, $indigos, $purples, $pinks, $reds, $oranges, $yellows, $greens, $teals, $cyans, $grays, $dm-grays);
2021-09-13 10:55:26 -04:00
$utilities: map-merge(
$utilities,
(
"color": map-merge(
map-get($utilities, "color"),
(
values: map-merge(
map-get(map-get($utilities, "color"), "values"),
(
$all-colors
),
),
),
),
)
);
$utilities: map-merge(
$utilities,
(
"background-color": map-merge(
map-get($utilities, "background-color"),
(
values: map-merge(
map-get(map-get($utilities, "background-color"), "values"),
(
$all-colors
),
),
),
),
)
);
2020-12-04 03:35:10 -05:00
// import /_sass/bootstrap.scss
2021-02-22 11:47:35 -05:00
@import "./node_modules/bootstrap/scss/bootstrap";
2020-12-04 03:35:10 -05:00
@import "ptio-font";
@import "flag-icon";
2021-01-16 00:13:01 -05:00
$svg-primary: $primary;
$svg-dark: $light;
$svg-light: $card-bg;
.textColor { // Navbar logo text
fill: $light;
}
2020-12-04 03:35:10 -05:00
.post-info, .post-title {
2021-01-16 00:13:01 -05:00
color: $light;
2020-12-04 03:35:10 -05:00
display: inline;
padding: $spacer;
/* Needs prefixing */
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
mark, .mark {
color: $body-color;
}
@import "custom";