privacyguides/privacyguides.org
1
0
Fork 0
mirror of https://github.com/privacyguides/privacyguides.org.git synced 2025-07-25 21:01:19 +00:00
Code Issues Activity

Fix the terrible dark mode again

Browse Source
This commit is contained in:
Jonah Aragon
2021-01-15 23:13:01 -06:00
parent 10e744d42c
commit e2bc10d8e8
22 changed files with 155 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
_sass/custom.scss
View File

@@ -185,7 +185,6 @@ h2, h3:not(.h5), h4, h5 {
vertical-align: middle;
}
.btn-icon {
display: flex;
justify-content: center;
@@ -217,4 +216,15 @@ h2, h3:not(.h5), h4, h5 {
display: flow-root;
}
// SVG Color Inversion
.svg-primary {
fill: $svg-primary;
}
.svg-dark {
fill: $svg-dark;
}
.svg-light {
fill: $svg-light;
}
@import "sortable";

20
_sass/sortable.scss
View File

@@ -59,32 +59,32 @@ table[data-sortable].sortable-theme-bootstrap {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #333333;
background: white;
color: $table-color;
background: $table-bg;
}
/* line 12, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap thead th {
border-bottom: 2px solid #e0e0e0;
border-bottom: 2px solid $table-border-color;
}
/* line 15, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap tbody td {
border-top: 1px solid #e0e0e0;
border-top: 1px solid $table-border-color;
}
/* line 18, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"] {
color: #3a87ad;
background: #d9edf7;
border-bottom-color: #bce8f1;
color: $table-head-color;
background: $table-active-bg;
border-bottom-color: $table-border-color;
}
/* line 23, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"][data-sorted-direction="descending"]:after {
border-top-color: #3a87ad;
border-top-color: $table-border-color;
}
/* line 26, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"][data-sorted-direction="ascending"]:after {
border-bottom-color: #3a87ad;
border-bottom-color: $table-head-color;
}
/* line 31, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap.sortable-theme-bootstrap-striped tbody > tr:nth-child(odd) > td {
background-color: #f9f9f9;
background-color: $table-active-bg;
}

50
_sass/variables.scss
View File

@@ -1,15 +1,46 @@
/* Variables */
$theme-colors: (
"primary": #FFD06F,
"secondary": #3913B8,
"warning": #ffab6f,
"info": #C5B6FF,
"success": #b6ffb8
);
// Default Bootstrap Colors for Now
$white: #fff;
$gray-100: #f8f9fa;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
$gray-400: #ced4da;
$gray-500: #adb5bd;
$gray-600: #6c757d;
$gray-700: #495057;
$gray-800: #343a40;
$gray-900: #212529;
$black: #000;
// Default Bootstrap Colors for Now
$blue: #007bff;
$indigo: #6610f2;
$purple: #6f42c1;
$pink: #e83e8c;
$red: #dc3545;
$orange: #fd7e14;
$yellow: #ffc107;
$green: #28a745;
$teal: #20c997;
$cyan: #17a2b8;
// Fancy new Privacy Guides Color Scheme
$primary: #FFD06F;
$secondary: #3913B8;
$success: #03CEA4;
$info: #AA78A6;
$warning: #FB4D3D;
$danger: #CA1551;
$light: #FFF6EB;
$dark: #101619;
$body-color: #28323F;
$link-color: #3913B8;
$navbar-light-color: rgba($black, .7);
$dropdown-link-color: $navbar-light-color;
$navbar-light-active-color: $dark;
$dropdown-link-hover-color: $navbar-light-active-color;
/* Cards */
$card-shadow: 0 3px 10px 0 rgba(150, 150, 150, .2);
@@ -36,3 +67,8 @@ $linkedin: #FFD06F;
$email: #FFD06F;
$diaspora: #FFD06F;
$tor: #7d4698;
/* SVG Colors */
$svg-primary: $primary !default;
$svg-dark: $body-color;
$svg-light: $light !default;