-
-
Notifications
You must be signed in to change notification settings - Fork 55
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix 10.7.0 compatibility, simplify scss
Hyphens are added to user IDs from 10.7.0, so if the server is running it, emails.json will be modified to include them. The existing file is backed up. Also, scss files have been simplified since bs4-jf and bs5-jf share much of the same content.
- Loading branch information
Showing
7 changed files
with
211 additions
and
289 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,145 +1,4 @@ | ||
$jf-blue: rgb(0, 164, 220); | ||
$jf-blue-hover: rgba(0, 164, 220, 0.2); | ||
$jf-blue-focus: rgb(12, 176, 232); | ||
$jf-blue-light: #4bb3dd; | ||
|
||
$jf-red: rgb(204, 0, 0); | ||
$jf-red-light: #e12026; | ||
$jf-yellower: #ffc107; | ||
$jf-yellow: #e1b222; | ||
$jf-orange: #ff870f; | ||
$jf-green: #6fbd45; | ||
$jf-green-dark: #008040; | ||
|
||
|
||
$jf-black: #101010; // 16 16 16 | ||
$jf-gray-90: #202020; // 32 32 32 | ||
$jf-gray-80: #242424; // jf-card 36 36 36 | ||
$jf-gray-70: #292929; // jf-input 41 41 41 | ||
$jf-gray-60: #303030; // jf-button 48 48 48 | ||
$jf-gray-50: #383838; // jf-button-focus 56 56 56 | ||
$jf-text-bold: rgba(255, 255, 255, 0.87); | ||
$jf-text-primary: rgba(255, 255, 255, 0.8); | ||
$jf-text-secondary: rgb(153, 153, 153); | ||
|
||
$primary: $jf-blue; | ||
$secondary: $jf-gray-50; | ||
$success: $jf-green-dark; | ||
$danger: $jf-red-light; | ||
$light: $jf-text-primary; | ||
$dark: $jf-gray-90; | ||
$info: $jf-yellow; | ||
$warning: $jf-yellower; | ||
|
||
|
||
|
||
$enable-gradients: false; | ||
$enable-shadows: false; | ||
|
||
$enable-rounded: false; | ||
$body-bg: $jf-black; | ||
$body-color: $jf-text-primary; | ||
$border-color: $jf-gray-60; | ||
$component-active-color: $jf-text-bold; | ||
$component-active-bg: $jf-blue-focus; | ||
$text-muted: $jf-text-secondary; | ||
$link-color: $jf-blue-focus; | ||
$btn-link-disabled-color: $jf-text-secondary; | ||
$input-bg: $jf-gray-90; | ||
$input-color: $jf-text-primary; | ||
$input-focus-bg: $jf-gray-60; | ||
$input-focus-border-color: $jf-blue-focus; | ||
$input-disabled-bg: $jf-gray-70; | ||
input:disabled { | ||
color: $text-muted; | ||
} | ||
$input-border-color: $jf-gray-60; | ||
$input-placeholder-color: $text-muted; | ||
|
||
$form-check-input-bg: $jf-gray-60; | ||
$form-check-input-border: $jf-gray-50; | ||
$form-check-input-checked-color: $jf-blue-focus; | ||
$form-check-input-checked-bg-color: $jf-blue-hover; | ||
|
||
$input-group-addon-bg: $input-bg; | ||
|
||
$form-select-disabled-color: $jf-text-secondary; | ||
$form-select-disabled-bg: $input-disabled-bg; | ||
$form-select-indicator-color: $jf-gray-50; | ||
|
||
$card-bg: $jf-gray-80; | ||
$card-border-color: null; | ||
|
||
$tooltip-color: $jf-text-bold; | ||
$tooltip-bg: $jf-gray-50; | ||
|
||
$modal-content-bg: $jf-gray-80; | ||
$modal-content-border-color: $jf-gray-50; | ||
$modal-header-border-color: null; | ||
$modal-footer-border-color: null; | ||
|
||
$list-group-bg: $card-bg; | ||
$list-group-border-color: $jf-gray-50; | ||
$list-group-hover-bg: $jf-blue-hover; | ||
$list-group-active-bg: $jf-blue-focus; | ||
$list-group-action-color: $jf-text-primary; | ||
$list-group-action-hover-color: $jf-text-bold; | ||
$list-group-action-active-color: $jf-text-bold; | ||
$list-group-action-active-bg: $jf-blue-focus; | ||
|
||
// idk why but i had to put these above and below the import | ||
.list-group-item-danger { | ||
color: $jf-text-bold; | ||
background-color: $danger; | ||
} | ||
|
||
.list-group-item-success { | ||
color: $jf-text-bold; | ||
background-color: $success; | ||
} | ||
|
||
@import "../jf-pre.scss"; | ||
@import "../../node_modules/bootstrap4/scss/bootstrap"; | ||
|
||
.btn-primary, .btn-outline-primary:hover, .btn-outline-primary:active { | ||
color: $jf-text-bold; | ||
} | ||
|
||
.close { | ||
color: $jf-text-secondary; | ||
} | ||
|
||
.close:hover, .close:active { | ||
color: $jf-text-primary; | ||
} | ||
|
||
.icon-button { | ||
color: $text-muted; | ||
} | ||
|
||
.icon-button:hover { | ||
color: $jf-text-bold; | ||
} | ||
|
||
.icon-button { | ||
color: $text-muted; | ||
} | ||
|
||
.text-bright { | ||
color: $jf-text-bold; | ||
} | ||
|
||
.list-group-item-danger { | ||
color: $jf-text-bold; | ||
background-color: $danger; | ||
} | ||
|
||
.list-group-item-success { | ||
color: $jf-text-bold; | ||
background-color: $success; | ||
} | ||
|
||
.nav-link:hover { | ||
background-color: $jf-blue-hover; | ||
} | ||
|
||
@import "../jf-post.scss"; | ||
@import "../base.scss"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,149 +1,7 @@ | ||
$jf-blue: rgb(0, 164, 220); | ||
$jf-blue-hover: rgba(0, 164, 220, 0.2); | ||
$jf-blue-focus: rgb(12, 176, 232); | ||
$jf-blue-light: #4bb3dd; | ||
|
||
$jf-red: rgb(204, 0, 0); | ||
$jf-red-light: #e12026; | ||
$jf-yellower: #ffc107; | ||
$jf-yellow: #e1b222; | ||
$jf-orange: #ff870f; | ||
$jf-green: #6fbd45; | ||
$jf-green-dark: #008040; | ||
|
||
|
||
$jf-black: #101010; // 16 16 16 | ||
$jf-gray-90: #202020; // 32 32 32 | ||
$jf-gray-80: #242424; // jf-card 36 36 36 | ||
$jf-gray-70: #292929; // jf-input 41 41 41 | ||
$jf-gray-60: #303030; // jf-button 48 48 48 | ||
$jf-gray-50: #383838; // jf-button-focus 56 56 56 | ||
$jf-text-bold: rgba(255, 255, 255, 0.87); | ||
$jf-text-primary: rgba(255, 255, 255, 0.8); | ||
$jf-text-secondary: rgb(153, 153, 153); | ||
|
||
$primary: $jf-blue; | ||
$secondary: $jf-gray-50; | ||
$success: $jf-green-dark; | ||
$danger: $jf-red-light; | ||
$light: $jf-text-primary; | ||
$dark: $jf-gray-90; | ||
$info: $jf-yellow; | ||
$warning: $jf-yellower; | ||
|
||
|
||
|
||
$enable-gradients: false; | ||
$enable-shadows: false; | ||
|
||
$enable-rounded: false; | ||
$body-bg: $jf-black; | ||
$body-color: $jf-text-primary; | ||
$border-color: $jf-gray-60; | ||
$component-active-color: $jf-text-bold; | ||
$component-active-bg: $jf-blue-focus; | ||
$text-muted: $jf-text-secondary; | ||
$link-color: $jf-blue-focus; | ||
$btn-link-disabled-color: $jf-text-secondary; | ||
$input-bg: $jf-gray-90; | ||
$input-color: $jf-text-primary; | ||
$input-focus-bg: $jf-gray-60; | ||
$input-focus-border-color: $jf-blue-focus; | ||
$input-disabled-bg: $jf-gray-70; | ||
input:disabled { | ||
color: $text-muted; | ||
} | ||
$input-border-color: $jf-gray-60; | ||
$input-placeholder-color: $text-muted; | ||
|
||
$form-check-input-bg: $jf-gray-60; | ||
$form-check-input-border: $jf-gray-50; | ||
$form-check-input-checked-color: $jf-blue-focus; | ||
$form-check-input-checked-bg-color: $jf-blue-hover; | ||
|
||
$input-group-addon-bg: $input-bg; | ||
|
||
$form-select-disabled-color: $jf-text-secondary; | ||
$form-select-disabled-bg: $input-disabled-bg; | ||
$form-select-indicator-color: $jf-gray-50; | ||
|
||
$card-bg: $jf-gray-80; | ||
$card-border-color: null; | ||
|
||
$tooltip-color: $jf-text-bold; | ||
$tooltip-bg: $jf-gray-50; | ||
|
||
$modal-content-bg: $jf-gray-80; | ||
$modal-content-border-color: $jf-gray-50; | ||
$modal-header-border-color: null; | ||
$modal-footer-border-color: null; | ||
|
||
$list-group-bg: $card-bg; | ||
$list-group-border-color: $jf-gray-50; | ||
$list-group-hover-bg: $jf-blue-hover; | ||
$list-group-active-bg: $jf-blue-focus; | ||
$list-group-action-color: $jf-text-primary; | ||
$list-group-action-hover-color: $jf-text-bold; | ||
$list-group-action-active-color: $jf-text-bold; | ||
$list-group-action-active-bg: $jf-blue-focus; | ||
|
||
// idk why but i had to put these above and below the import | ||
.list-group-item-danger { | ||
color: $jf-text-bold; | ||
background-color: $danger; | ||
} | ||
|
||
.list-group-item-success { | ||
color: $jf-text-bold; | ||
background-color: $success; | ||
} | ||
|
||
@import "../../node_modules/bootstrap/scss/bootstrap"; | ||
|
||
.btn-primary, .btn-outline-primary:hover, .btn-outline-primary:active { | ||
color: $jf-text-bold; | ||
} | ||
|
||
.close { | ||
color: $jf-text-secondary; | ||
} | ||
|
||
.close:hover, .close:active { | ||
color: $jf-text-primary; | ||
} | ||
|
||
.icon-button { | ||
color: $text-muted; | ||
} | ||
|
||
.icon-button:hover { | ||
color: $jf-text-bold; | ||
} | ||
|
||
.icon-button:active { | ||
color: $text-muted; | ||
} | ||
|
||
.text-bright { | ||
color: $jf-text-bold; | ||
} | ||
|
||
.list-group-item-danger { | ||
color: $jf-text-bold; | ||
background-color: $danger; | ||
} | ||
|
||
.list-group-item-success { | ||
color: $jf-text-bold; | ||
background-color: $success; | ||
} | ||
|
||
.nav-link:hover { | ||
background-color: $jf-blue-hover; | ||
} | ||
|
||
.btn-close { | ||
filter: invert(80%); | ||
} | ||
|
||
@import "../jf-pre.scss"; | ||
@import "../../node_modules/bootstrap/scss/bootstrap"; | ||
@import "../jf-post.scss"; | ||
@import "../base.scss"; |
Oops, something went wrong.