iger
/
engelsystem
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add prettier

This commit is contained in:
Michael Weimann 2022-12-22 18:28:51 +01:00 committed by Igor Scheller
parent b024650eaf
commit 0ae10471d1
34 changed files with 1142 additions and 1049 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.editorconfig
View File

@ -13,7 +13,7 @@ insert_final_newline = true
trim_trailing_whitespace = true trim_trailing_whitespace = true
max_line_length = 120 max_line_length = 120
[{.babelrc,package.json,.eslintrc.json}] [{.babelrc,package.json,.eslintrc.json,.prettierrc.json}]
indent_size = 2 indent_size = 2
[docker/**.conf] [docker/**.conf]

4
.gitlab-ci.yml
View File

@ -145,7 +145,7 @@ yarn check:
script: script:
- yarn check - yarn check
eslint: yarn lint:
<<: *use_yarn <<: *use_yarn
image: node:alpine image: node:alpine
stage: validate stage: validate
@ -180,7 +180,7 @@ build-image:
- phpstan - phpstan
- composer validate - composer validate
- yarn check - yarn check
- eslint - yarn lint
- generate-version - generate-version
dependencies: dependencies:
- generate-version - generate-version

5
.prettierrc.json Normal file
View File

@ -0,0 +1,5 @@
{
"printWidth": 120,
"tabWidth": 2,
"singleQuote": true
}

2
CONTRIBUTING.md
View File

@ -13,7 +13,7 @@
This is done by PostCSS + Autoprefixer according to the [`.browserslistrc`](.browserslistrc). This is done by PostCSS + Autoprefixer according to the [`.browserslistrc`](.browserslistrc).
* Translations must be abbreviated, for example `form.save`. * Translations must be abbreviated, for example `form.save`.
The `default.po` files contain translations that can be auto-detected using Poedit, `additional.po` contains generated messages like validations. The `default.po` files contain translations that can be auto-detected using Poedit, `additional.po` contains generated messages like validations.
* JavaScript code must pass the ESLint check `yarn lint`. * JavaScript code must pass the checks `yarn lint`.
Auto-fixing is supported via `yarn lint:fix`. Auto-fixing is supported via `yarn lint:fix`.
* Don't put function calls in a template-literal (template-strings). * Don't put function calls in a template-literal (template-strings).

9
package.json
View File

@ -9,8 +9,12 @@
"build": "NODE_ENV=production yarn build:webpack", "build": "NODE_ENV=production yarn build:webpack",
"build:webpack": "webpack", "build:webpack": "webpack",
"build:watch": "webpack --watch", "build:watch": "webpack --watch",
"lint": "eslint .", "lint": "yarn lint:eslint && yarn lint:prettier",
"lint:fix": "eslint --fix ." "lint:eslint": "eslint .",
"lint:prettier": "prettier --check resources/assets",
"lint:fix": "yarn lint:fix:eslint && yarn lint:fix:prettier",
"lint:fix:eslint": "eslint --fix .",
"lint:fix:prettier": "prettier --write resources/assets"
}, },
"dependencies": { "dependencies": {
"@popperjs/core": "^2.11.6", "@popperjs/core": "^2.11.6",
@ -34,6 +38,7 @@
"mini-css-extract-plugin": "^2.7.0", "mini-css-extract-plugin": "^2.7.0",
"postcss": "^8.4.19", "postcss": "^8.4.19",
"postcss-loader": "^6.2.1", "postcss-loader": "^6.2.1",
"prettier": "^2.8.1",
"resolve-url-loader": "^5.0.0", "resolve-url-loader": "^5.0.0",
"sass": "^1.56.1", "sass": "^1.56.1",
"sass-loader": "^12.6.0", "sass-loader": "^12.6.0",

6
resources/assets/js/dashboard.js
View File

@ -22,15 +22,13 @@ ready(() => {
// Handle fullscreen button // Handle fullscreen button
// - Remove some elements from UI // - Remove some elements from UI
// - Add "Public Dashboard" to title // - Add "Public Dashboard" to title
document.getElementById('dashboard-fullscreen') document.getElementById('dashboard-fullscreen')?.addEventListener('click', (event) => {
?.addEventListener('click', (event) => {
event.preventDefault(); event.preventDefault();
const removeElementsSelector = '#navbar-collapse-1,.navbar-nav,.navbar-toggler,#footer,#fullscreen-button'; const removeElementsSelector = '#navbar-collapse-1,.navbar-nav,.navbar-toggler,#footer,#fullscreen-button';
document.querySelectorAll(removeElementsSelector).forEach((element) => { document.querySelectorAll(removeElementsSelector).forEach((element) => {
element.parentNode.removeChild(element); element.parentNode.removeChild(element);
}); });
document.querySelector('.navbar-brand') document.querySelector('.navbar-brand')?.appendChild(document.createTextNode('Dashboard'));
?.appendChild(document.createTextNode('Dashboard'));
}); });
}); });

5
resources/assets/js/date.js
View File

@ -6,12 +6,11 @@
*/ */
export const formatTime = (date) => { export const formatTime = (date) => {
if (!date instanceof Date) return; if (!date instanceof Date) return;
const hours = String(date.getHours()).padStart(2, '0'); const hours = String(date.getHours()).padStart(2, '0');
const minutes = String(date.getMinutes()).padStart(2, '0'); const minutes = String(date.getMinutes()).padStart(2, '0');
return `${hours}:${minutes}`; return `${hours}:${minutes}`;
} };
/** /**
* Formats a Date to YYYY-MM-DD, e.g. 2023-05-18 * Formats a Date to YYYY-MM-DD, e.g. 2023-05-18
@ -27,4 +26,4 @@ export const formatDay = (date) => {
const day = String(date.getDate()).padStart(2, '0'); const day = String(date.getDate()).padStart(2, '0');
return `${year}-${month}-${day}`; return `${year}-${month}-${day}`;
} };

12
resources/assets/js/forms.js
View File

@ -8,7 +8,7 @@ import { ready } from './ready';
const triggerChange = (element) => { const triggerChange = (element) => {
const changeEvent = new Event('change'); const changeEvent = new Event('change');
element.dispatchEvent(changeEvent); element.dispatchEvent(changeEvent);
} };
/** /**
* Sets all checkboxes to the wanted state * Sets all checkboxes to the wanted state
@ -164,7 +164,7 @@ ready(() => {
theme: 'bootstrap-5', theme: 'bootstrap-5',
width: '100%', width: '100%',
}); });
}) });
/** /**
* Show oauth buttons on welcome title click * Show oauth buttons on welcome title click
@ -198,7 +198,7 @@ ready(() => {
}); });
ready(() => { ready(() => {
if (typeof (localStorage) === 'undefined') { if (typeof localStorage === 'undefined') {
return; return;
} }
@ -209,9 +209,7 @@ ready(() => {
localStorage.setItem('collapseShiftsFilterSelect', event.type); localStorage.setItem('collapseShiftsFilterSelect', event.type);
}; };
document.getElementById('collapseShiftsFilterSelect') document.getElementById('collapseShiftsFilterSelect')?.addEventListener('hidden.bs.collapse', onChange);
?.addEventListener('hidden.bs.collapse', onChange);
document.getElementById('collapseShiftsFilterSelect') document.getElementById('collapseShiftsFilterSelect')?.addEventListener('shown.bs.collapse', onChange);
?.addEventListener('shown.bs.collapse', onChange);
}); });

2
resources/assets/js/ready.js
View File

@ -7,4 +7,4 @@ export const ready = (callback) => {
} else { } else {
document.addEventListener('DOMContentLoaded', callback); document.addEventListener('DOMContentLoaded', callback);
} }
} };

7
resources/assets/js/sticky-headers.js
View File

@ -9,7 +9,7 @@ const applyStyle = (elements, prop, value) => {
elements.forEach((element) => { elements.forEach((element) => {
element.style[prop] = value; element.style[prop] = value;
}); });
} };
/** /**
* Enables the fixed headers and time lane for the shift-calendar and datatables * Enables the fixed headers and time lane for the shift-calendar and datatables
@ -35,10 +35,7 @@ ready(() => {
timeLane.style.left = `${left}px`; timeLane.style.left = `${left}px`;
const headersTop = Math.max( const headersTop = Math.max(0, window.scrollY - top - 13 + topReference.getBoundingClientRect().top);
0,
window.scrollY - top - 13 + topReference.getBoundingClientRect().top
);
applyStyle(headers, 'top', `${headersTop}px`); applyStyle(headers, 'top', `${headersTop}px`);
}); });
}); });

8
resources/assets/themes/barchart.scss
View File

@ -13,19 +13,19 @@
&-20 { &-20 {
// >= 20 bars // >= 20 bars
--barchart-group-margin: .75%; --barchart-group-margin: 0.75%;
} }
&-40 { &-40 {
// >= 40 bars // >= 40 bars
--barchart-bar-margin: 1px; --barchart-bar-margin: 1px;
--barchart-bar-margin: .5px; --barchart-bar-margin: 0.5px;
--barchart-group-margin: .5%; --barchart-group-margin: 0.5%;
} }
&-50 { &-50 {
// >= 50 bars // >= 50 bars
--barchart-bar-margin: .5px; --barchart-bar-margin: 0.5px;
--barchart-group-margin: 0.2%; --barchart-group-margin: 0.2%;
.barchart-group:nth-child(2n) .barchart-xlabel { .barchart-group:nth-child(2n) .barchart-xlabel {

111
resources/assets/themes/base.scss
View File

@ -1,5 +1,5 @@
// Basic variables // Basic variables
@use "sass:map"; @use 'sass:map';
// select 2 variables // select 2 variables
$link-decoration: none !default; $link-decoration: none !default;
@ -10,52 +10,52 @@ $nav-tabs-link-active-bg: $primary !default;
$nav-tabs-link-active-border-color: none !default; $nav-tabs-link-active-border-color: none !default;
// Imports // Imports
@import "~bootstrap/scss/functions"; @import '~bootstrap/scss/functions';
@import "~bootstrap/scss/variables"; @import '~bootstrap/scss/variables';
@import "~bootstrap/scss/maps"; @import '~bootstrap/scss/maps';
@import "~bootstrap/scss/mixins"; @import '~bootstrap/scss/mixins';
$custom-colors: ( $custom-colors: (
black: #000 black: #000,
); );
$theme-colors: map-merge($theme-colors, $custom-colors); $theme-colors: map-merge($theme-colors, $custom-colors);
$form-label-font-weight: $font-weight-bold; $form-label-font-weight: $font-weight-bold;
@import "~bootstrap/scss/utilities"; @import '~bootstrap/scss/utilities';
@import "~bootstrap/scss/root"; @import '~bootstrap/scss/root';
@import "~bootstrap/scss/reboot"; @import '~bootstrap/scss/reboot';
@import "~bootstrap/scss/type"; @import '~bootstrap/scss/type';
@import "~bootstrap/scss/containers"; @import '~bootstrap/scss/containers';
@import "~bootstrap/scss/grid"; @import '~bootstrap/scss/grid';
@import "~bootstrap/scss/tables"; @import '~bootstrap/scss/tables';
@import "~bootstrap/scss/forms"; @import '~bootstrap/scss/forms';
@import "~bootstrap/scss/buttons"; @import '~bootstrap/scss/buttons';
@import "~bootstrap/scss/transitions"; @import '~bootstrap/scss/transitions';
@import "~bootstrap/scss/dropdown"; @import '~bootstrap/scss/dropdown';
@import "~bootstrap/scss/button-group"; @import '~bootstrap/scss/button-group';
@import "~bootstrap/scss/nav"; @import '~bootstrap/scss/nav';
@import "~bootstrap/scss/navbar"; @import '~bootstrap/scss/navbar';
@import "~bootstrap/scss/card"; @import '~bootstrap/scss/card';
@import "~bootstrap/scss/pagination"; @import '~bootstrap/scss/pagination';
@import "~bootstrap/scss/badge"; @import '~bootstrap/scss/badge';
@import "~bootstrap/scss/alert"; @import '~bootstrap/scss/alert';
@import "~bootstrap/scss/progress"; @import '~bootstrap/scss/progress';
@import "~bootstrap/scss/list-group"; @import '~bootstrap/scss/list-group';
@import "~bootstrap/scss/close"; @import '~bootstrap/scss/close';
@import "~bootstrap/scss/popover"; @import '~bootstrap/scss/popover';
@import "~bootstrap/scss/helpers"; @import '~bootstrap/scss/helpers';
@import "~bootstrap/scss/utilities/api"; @import '~bootstrap/scss/utilities/api';
@import "~bootstrap-icons/font/bootstrap-icons"; @import '~bootstrap-icons/font/bootstrap-icons';
@import "~select2/src/scss/core"; @import '~select2/src/scss/core';
@import "~select2-bootstrap-5-theme/src/include-all"; @import '~select2-bootstrap-5-theme/src/include-all';
@import "error"; @import 'error';
@import "barchart"; @import 'barchart';
$navbar-height: 3.125rem; $navbar-height: 3.125rem;
@ -87,11 +87,11 @@ body {
} }
.text-light .icon-icon_angel { .text-light .icon-icon_angel {
background-color: map.get($theme-colors, "light"); background-color: map.get($theme-colors, 'light');
} }
.dark .icon-icon_angel { .dark .icon-icon_angel {
background-color: map.get($theme-colors, "dark"); background-color: map.get($theme-colors, 'dark');
} }
a .icon-icon_angel { a .icon-icon_angel {
@ -251,7 +251,18 @@ table a > .icon-icon_angel {
text-align: right; text-align: right;
} }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
code { code {
background-color: inherit; background-color: inherit;
} }
@ -281,7 +292,13 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
} }
// Reference links // Reference links
h1, h2, h3, h4, h5, h6, .card-header { h1,
h2,
h3,
h4,
h5,
h6,
.card-header {
a.ref-link { a.ref-link {
display: none; display: none;
} }
@ -304,11 +321,11 @@ h1, h2, h3, h4, h5, h6, .card-header {
.card-header { .card-header {
&.bg-dark { &.bg-dark {
color: map.get($theme-colors, "light"); color: map.get($theme-colors, 'light');
} }
&.bg-light { &.bg-light {
color: map.get($theme-colors, "dark"); color: map.get($theme-colors, 'dark');
} }
} }
@ -329,7 +346,7 @@ code {
transform: rotate(-5deg); transform: rotate(-5deg);
} }
30% { 30% {
transform: rotate(5deg) translateY(-2px);; transform: rotate(5deg) translateY(-2px);
} }
40% { 40% {
transform: rotate(-5deg); transform: rotate(-5deg);
@ -358,14 +375,14 @@ code {
@media print { @media print {
a[href]:after { a[href]:after {
content: ""; content: '';
} }
} }
.conversation { .conversation {
height: 55vh; height: 55vh;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto overflow-y: auto;
} }
.message { .message {
@ -375,12 +392,12 @@ code {
/* Hide the arrow up/down buttons rendered by the browser in the input field */ /* Hide the arrow up/down buttons rendered by the browser in the input field */
/* Chrome, Safari, Edge, Opera */ /* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button, input[type='number']::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { input[type='number']::-webkit-inner-spin-button {
-webkit-appearance: none; -webkit-appearance: none;
margin: 0; margin: 0;
} }
/* Firefox */ /* Firefox */
input[type=number] { input[type='number'] {
-moz-appearance: textfield; -moz-appearance: textfield;
} }

8
resources/assets/themes/card-glow.scss
View File

@ -4,11 +4,11 @@
$card-border: $value; $card-border: $value;
$card-color: $value; $card-color: $value;
@if (contrast-ratio($card-background, $card-color) < $min-contrast-ratio*.7) { @if (contrast-ratio($card-background, $card-color) < $min-contrast-ratio * 0.7) {
$card-color: mix($value, color-contrast($card-background), 40%); $card-color: mix($value, color-contrast($card-background), 40%);
} }
.card.bg-#{"" + $state} .card-header { .card.bg-#{'' + $state} .card-header {
background-color: $card-background; background-color: $card-background;
border-color: $card-border; border-color: $card-border;
@ -16,7 +16,7 @@
background-color: $card-color !important; background-color: $card-color !important;
} }
.badge.text-#{"" + $state} { .badge.text-#{'' + $state} {
color: $card-background !important; color: $card-background !important;
} }
@ -24,7 +24,7 @@
color: $card-color !important; color: $card-color !important;
} }
.btn-#{"" + $state} { .btn-#{'' + $state} {
background-color: $card-background; background-color: $card-background;
border-color: $card-border !important; border-color: $card-border !important;
color: $card-color; color: $card-color;

11
resources/assets/themes/cyborg_styles.scss
View File

@ -1,6 +1,5 @@
// cyborg_styles // cyborg_styles
/* /*
The MIT License (MIT) The MIT License (MIT)
@ -41,7 +40,6 @@ THE SOFTWARE.
color: #fff; color: #fff;
} }
// Bootswatch // Bootswatch
// ----------------------------------------------------- // -----------------------------------------------------
@ -122,7 +120,6 @@ table,
// Indicators ================================================================= // Indicators =================================================================
.alert { .alert {
.alert-link, .alert-link,
a { a {
color: $alert-warning-text; color: $alert-warning-text;
@ -151,8 +148,12 @@ table,
// Containers ================================================================= // Containers =================================================================
.jumbotron { .jumbotron {
h1,
h1, h2, h3, h4, h5, h6 { h2,
h3,
h4,
h5,
h6 {
color: #fff; color: #fff;
} }
} }

28
resources/assets/themes/cyborg_variables.scss
View File

@ -24,7 +24,7 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE. THE SOFTWARE.
*/ */
@use "sass:math"; @use 'sass:math';
// Cyborg 3.2.0 // Cyborg 3.2.0
// Variables // Variables
@ -61,7 +61,6 @@ $link-color: $primary !default;
//** Link hover color set via `darken()` function. //** Link hover color set via `darken()` function.
$link-hover-color: $link-color !default; $link-hover-color: $link-color !default;
//== Typography //== Typography
// //
//## Font, line-height, and color for body text, headings, and more. //## Font, line-height, and color for body text, headings, and more.
@ -88,7 +87,6 @@ $headings-font-weight: 500 !default;
$headings-line-height: 1.1 !default; $headings-line-height: 1.1 !default;
$headings-color: #fff !default; $headings-color: #fff !default;
//== Components //== Components
// //
//## Define common padding and border radius sizes and more. //## Define common padding and border radius sizes and more.
@ -111,7 +109,6 @@ $caret-width-base: 4px !default;
//** Carets increase slightly in size for larger components. //** Carets increase slightly in size for larger components.
$caret-width-large: 5px !default; $caret-width-large: 5px !default;
//== Tables //== Tables
// //
//## Customizes the `.table` component with basic values, each used across all table variations. //## Customizes the `.table` component with basic values, each used across all table variations.
@ -193,7 +190,6 @@ $dropdown-header-color: $text-muted !default;
//** Deprecated `$dropdown-caret-color` as of v3.1.0 //** Deprecated `$dropdown-caret-color` as of v3.1.0
$dropdown-caret-color: #000 !default; $dropdown-caret-color: #000 !default;
//-- Z-index master list //-- Z-index master list
// //
// Warning: Avoid customizing these values. They're used for a bird's eye view // Warning: Avoid customizing these values. They're used for a bird's eye view
@ -206,7 +202,6 @@ $zindex-dropdown: 1000 !default;
$zindex-popover: 1060 !default; $zindex-popover: 1060 !default;
$zindex-navbar-fixed: 1030 !default; $zindex-navbar-fixed: 1030 !default;
//== Media queries breakpoints //== Media queries breakpoints
// //
//## Define the breakpoints at which your layout will change, adapting to different screen sizes. //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
@ -245,7 +240,6 @@ $screen-xs-max: ($screen-sm-min - 1) !default;
$screen-sm-max: ($screen-md-min - 1) !default; $screen-sm-max: ($screen-md-min - 1) !default;
$screen-md-max: ($screen-lg-min - 1) !default; $screen-md-max: ($screen-lg-min - 1) !default;
//== Grid system //== Grid system
// //
//## Define your custom responsive grid. //## Define your custom responsive grid.
@ -260,7 +254,6 @@ $grid-float-breakpoint: $screen-sm-min !default;
//** Point at which the navbar begins collapsing. //** Point at which the navbar begins collapsing.
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
//== Container sizes //== Container sizes
// //
//## Define the maximum width of `.container` for different screen sizes. //## Define the maximum width of `.container` for different screen sizes.
@ -280,7 +273,6 @@ $container-large-desktop: ((1140px + $grid-gutter-width)) !default;
//** For `$screen-lg-min` and up. //** For `$screen-lg-min` and up.
$container-lg: $container-large-desktop !default; $container-lg: $container-large-desktop !default;
//== Navbar //== Navbar
// //
//## //##
@ -316,7 +308,6 @@ $navbar-default-toggle-hover-bg: $gray-dark !default;
$navbar-default-toggle-icon-bar-bg: #ccc !default; $navbar-default-toggle-icon-bar-bg: #ccc !default;
$navbar-default-toggle-border-color: $gray-dark !default; $navbar-default-toggle-border-color: $gray-dark !default;
// Inverted navbar // Inverted navbar
// Reset inverted navbar basics // Reset inverted navbar basics
$navbar-inverse-color: $gray-light !default; $navbar-inverse-color: $gray-light !default;
@ -342,7 +333,6 @@ $navbar-inverse-toggle-hover-bg: #333 !default;
$navbar-inverse-toggle-icon-bar-bg: #fff !default; $navbar-inverse-toggle-icon-bar-bg: #fff !default;
$navbar-inverse-toggle-border-color: #333 !default; $navbar-inverse-toggle-border-color: #333 !default;
//== Navs //== Navs
// //
//## //##
@ -373,7 +363,6 @@ $nav-pills-border-radius: $border-radius-base !default;
$nav-pills-active-link-hover-bg: $component-active-bg !default; $nav-pills-active-link-hover-bg: $component-active-bg !default;
$nav-pills-active-link-hover-color: $component-active-color !default; $nav-pills-active-link-hover-color: $component-active-color !default;
//== Pagination //== Pagination
// //
//## //##
@ -394,7 +383,6 @@ $pagination-disabled-color: $gray-light !default;
$pagination-disabled-bg: $gray-darker !default; $pagination-disabled-bg: $gray-darker !default;
$pagination-disabled-border: $gray-dark !default; $pagination-disabled-border: $gray-dark !default;
//== Pager //== Pager
// //
//## //##
@ -410,7 +398,6 @@ $pager-active-color: $pagination-active-color !default;
$pager-disabled-color: $gray-light !default; $pager-disabled-color: $gray-light !default;
//== Jumbotron //== Jumbotron
// //
//## //##
@ -421,7 +408,6 @@ $jumbotron-bg: darken($gray-darker, 5%) !default;
$jumbotron-heading-color: inherit !default; $jumbotron-heading-color: inherit !default;
$jumbotron-font-size: ceil(($font-size-base * 1.5)) !default; $jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
//== Form states and alerts //== Form states and alerts
// //
//## Define colors for form feedback states and, by default, alerts. //## Define colors for form feedback states and, by default, alerts.
@ -442,12 +428,11 @@ $state-danger-text: $danger !default;
$state-danger-bg: darken($danger, 40%) !default; $state-danger-bg: darken($danger, 40%) !default;
$state-danger-border: $danger !default; $state-danger-border: $danger !default;
//== Popovers //== Popovers
$popover-bg: lighten($body-bg, 10%) !default; $popover-bg: lighten($body-bg, 10%) !default;
$popover-max-width: 276px !default; $popover-max-width: 276px !default;
$popover-border-color: rgba(0,0,0,.2) !default; $popover-border-color: rgba(0, 0, 0, 0.2) !default;
$popover-fallback-border-color: #999 !default !default; $popover-fallback-border-color: #999 !default !default;
//** Popover title background color //** Popover title background color
@ -465,7 +450,6 @@ $popover-arrow-outer-color: fadein($popover-border-color, 5%) !default
//** Popover outer arrow fallback color //** Popover outer arrow fallback color
$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default; $popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;
//== Labels //== Labels
// //
//## //##
@ -481,7 +465,6 @@ $label-color: #fff !default;
//** Default text color of a linked label //** Default text color of a linked label
$label-link-hover-color: #fff !default; $label-link-hover-color: #fff !default;
//== Alerts //== Alerts
// //
//## Define alert colors, border radius, and padding. //## Define alert colors, border radius, and padding.
@ -506,7 +489,6 @@ $alert-danger-bg: $state-danger-bg !default;
$alert-danger-text: $state-danger-text !default; $alert-danger-text: $state-danger-text !default;
$alert-danger-border: $state-danger-border !default; $alert-danger-border: $state-danger-border !default;
//== Progress bars //== Progress bars
// //
//## //##
@ -527,7 +509,6 @@ $progress-bar-danger-bg: $danger !default;
//** Info progress bar color //** Info progress bar color
$progress-bar-info-bg: $info !default; $progress-bar-info-bg: $info !default;
//== List group //== List group
// //
//## //##
@ -561,7 +542,6 @@ $list-group-link-color: $text-color !default;
$list-group-link-hover-color: $list-group-link-color !default; $list-group-link-hover-color: $list-group-link-color !default;
$list-group-link-heading-color: #fff !default; $list-group-link-heading-color: #fff !default;
//== Close //== Close
// //
//## //##
@ -570,7 +550,6 @@ $close-font-weight: bold !default;
$close-color: #000 !default; $close-color: #000 !default;
$close-text-shadow: 0 1px 0 #fff !default; $close-text-shadow: 0 1px 0 #fff !default;
//== Code //== Code
// //
//## //##
@ -586,7 +565,6 @@ $pre-color: $gray-dark !default;
$pre-border-color: #ccc !default; $pre-border-color: #ccc !default;
$pre-scrollable-max-height: 340px !default; $pre-scrollable-max-height: 340px !default;
//== Type //== Type
// //
//## //##
@ -611,4 +589,4 @@ $dl-horizontal-offset: $component-offset-horizontal !default;
//** Horizontal line color. //** Horizontal line color.
$hr-border: $gray-dark !default; $hr-border: $gray-dark !default;
@import "base.scss"; @import 'base.scss';

2
resources/assets/themes/dark.scss
View File

@ -3,4 +3,4 @@ $input-group-addon-color: #222;
$input-disabled-bg: #111; $input-disabled-bg: #111;
$alert-bg-scale: 70%; $alert-bg-scale: 70%;
$secondary: #222; $secondary: #222;
$table-striped-bg: rgba(#fff, .05); $table-striped-bg: rgba(#fff, 0.05);

2
resources/assets/themes/error.scss
View File

@ -19,7 +19,7 @@
opacity: 0.3; opacity: 0.3;
} }
to { to {
opacity: 1.0; opacity: 1;
} }
} }
.pulse { .pulse {

18
resources/assets/themes/theme0.scss
View File

@ -1,13 +1,23 @@
// light theme // light theme
@import "light"; @import 'light';
$primary: #337ab7; $primary: #337ab7;
$light: #f5f5f5; $light: #f5f5f5;
@import "base.scss"; @import 'base.scss';
h1,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
&.bg-primary, &.bg-primary,
&.bg-success, &.bg-success,
&.bg-danger { &.bg-danger {

24
resources/assets/themes/theme1.scss
View File

@ -1,14 +1,14 @@
// Variables // Variables
// -------------------------------------------------- // --------------------------------------------------
@import "dark"; @import 'dark';
//== changed Colors //== changed Colors
$gray-darker: #222; $gray-darker: #222;
$gray-dark: #282828; $gray-dark: #282828;
$gray-light: #888; $gray-light: #888;
$gray-lighter: #ADAFAE; $gray-lighter: #adafae;
$primary: #437aca; $primary: #437aca;
$secondary: #424242; $secondary: #424242;
@ -21,20 +21,17 @@ $text-muted: $gray-light;
$btn-link-disabled-color: $gray-light; $btn-link-disabled-color: $gray-light;
//== changed Forms //== changed Forms
$input-bg: $gray-darker; $input-bg: $gray-darker;
$input-bg-disabled: lighten($gray-lighter, 15%); $input-bg-disabled: lighten($gray-lighter, 15%);
$input-group-addon-bg: $gray-lighter; $input-group-addon-bg: $gray-lighter;
//== changed Pagination //== changed Pagination
$pagination-hover-color: #fff; $pagination-hover-color: #fff;
$pagination-active-color: #fff; $pagination-active-color: #fff;
//== changed Form states and alerts //== changed Form states and alerts
$state-success-text: #fff; $state-success-text: #fff;
@ -74,10 +71,21 @@ $alert-color-scale: 0%;
} }
// dark // dark
@import "cyborg_variables"; @import 'cyborg_variables';
@import "cyborg_styles"; @import 'cyborg_styles';
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
&.bg-warning, &.bg-warning,
&.bg-info { &.bg-info {
color: #000; color: #000;

32
resources/assets/themes/theme10.scss
View File

@ -2,24 +2,24 @@
// Variables // Variables
// -------------------------------------------------- // --------------------------------------------------
@import "dark"; @import 'dark';
//== changed Colors //== changed Colors
$gray-dark: #282828; $gray-dark: #282828;
$gray-light: #888; $gray-light: #888;
$gray-lighter: #ADAFAE; $gray-lighter: #adafae;
$brand-primary: #99ba00; $brand-primary: #99ba00;
$primary: $brand-primary; $primary: $brand-primary;
$text-muted: $primary; $text-muted: $primary;
@import "cyborg_variables.scss"; @import 'cyborg_variables.scss';
@import "cyborg_styles.scss"; @import 'cyborg_styles.scss';
// Specials for cccamp19 design // Specials for cccamp19 design
@import "card-glow"; @import 'card-glow';
.navbar-brand { .navbar-brand {
.icon-icon_angel { .icon-icon_angel {
@ -29,13 +29,8 @@ $text-muted: $primary;
strong { strong {
font-weight: normal; font-weight: normal;
color: $brand-primary; color: $brand-primary;
text-shadow: text-shadow: 0 0 10px $brand-primary, 0 0 20px $brand-primary, 0 0 30px $brand-primary, 0 0 40px $brand-primary,
0 0 10px $brand-primary, 0 0 70px $brand-primary, 0 0 80px $brand-primary;
0 0 20px $brand-primary,
0 0 30px $brand-primary,
0 0 40px $brand-primary,
0 0 70px $brand-primary,
0 0 80px $brand-primary;
} }
} }
@ -57,7 +52,18 @@ h1 {
} }
} }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
&.bg-warning { &.bg-warning {
color: #000; color: #000;
} }

12
resources/assets/themes/theme11.scss
View File

@ -1,14 +1,14 @@
// high contrast // high contrast
// Variables // Variables
// -------------------------------------------------- // --------------------------------------------------
@import "dark"; @import 'dark';
//== Colors //== Colors
$gray-dark: #282828; $gray-dark: #282828;
$gray-darker: #222; $gray-darker: #222;
$gray-light: #888; $gray-light: #888;
$gray-lighter: #ADAFAE; $gray-lighter: #adafae;
$brand-primary: #72abfa; $brand-primary: #72abfa;
$primary: $brand-primary; $primary: $brand-primary;
@ -46,7 +46,6 @@ $btn-warning-border: darken($btn-default-bg, 10%);
$btn-danger-color: #000; $btn-danger-color: #000;
$btn-danger-border: darken($btn-default-bg, 10%); $btn-danger-border: darken($btn-default-bg, 10%);
//== Forms //== Forms
$input-bg: $gray-darker; $input-bg: $gray-darker;
@ -54,19 +53,16 @@ $input-bg-disabled: $gray-lighter;
$input-group-addon-bg: $gray-lighter; $input-group-addon-bg: $gray-lighter;
//== Pagination //== Pagination
$pagination-hover-color: #fff; $pagination-hover-color: #fff;
//== Labels //== Labels
$label-default-bg: lighten($btn-default-bg, 20%); $label-default-bg: lighten($btn-default-bg, 20%);
$label-color: #000; $label-color: #000;
$label-link-hover-color: #000; $label-link-hover-color: #000;
//== Type //== Type
$text-muted: $gray-lighter; $text-muted: $gray-lighter;
@ -75,8 +71,8 @@ $headings-small-color: $gray-lighter;
// Bootswatch // Bootswatch
// ----------------------------------------------------- // -----------------------------------------------------
@import "cyborg_variables.scss"; @import 'cyborg_variables.scss';
@import "cyborg_styles.scss"; @import 'cyborg_styles.scss';
// Typography ================================================================= // Typography =================================================================

9
resources/assets/themes/theme12.scss
View File

@ -1,12 +1,12 @@
// 36c3 // 36c3
//== Colors //== Colors
@import "dark"; @import 'dark';
$gray-dark: #282828; $gray-dark: #282828;
$gray-darker: #222; $gray-darker: #222;
$gray-light: #888; $gray-light: #888;
$gray-lighter: #D0D0CE; $gray-lighter: #d0d0ce;
$black: #000; $black: #000;
$brand-primary: #fe5000; $brand-primary: #fe5000;
@ -44,7 +44,6 @@ $btn-warning-border: darken($btn-default-bg, 10%);
$btn-danger-border: darken($btn-default-bg, 10%); $btn-danger-border: darken($btn-default-bg, 10%);
//== Forms //== Forms
$input-bg: $gray-darker; $input-bg: $gray-darker;
@ -72,8 +71,8 @@ $headings-small-color: $gray-light;
// Bootswatch // Bootswatch
// ----------------------------------------------------- // -----------------------------------------------------
@import "cyborg_variables.scss"; @import 'cyborg_variables.scss';
@import "cyborg_styles.scss"; @import 'cyborg_styles.scss';
// Forms ====================================================================== // Forms ======================================================================
.input-group-addon { .input-group-addon {

27
resources/assets/themes/theme13.scss
View File

@ -1,7 +1,7 @@
// rc3 violet // rc3 violet
//== Colors //== Colors
@import "dark"; @import 'dark';
$gray-darker: #100e23; $gray-darker: #100e23;
$gray-dark: lighten($gray-darker, 15%); $gray-dark: lighten($gray-darker, 15%);
@ -32,8 +32,7 @@ $link-color: #fff;
@font-face { @font-face {
font-family: 'Montserrat'; font-family: 'Montserrat';
src: url('theme13/Montserrat-Regular.woff2') format('woff2'), src: url('theme13/Montserrat-Regular.woff2') format('woff2'), url('theme13/Montserrat-Regular.woff') format('woff');
url('theme13/Montserrat-Regular.woff') format('woff');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
@ -41,15 +40,14 @@ $link-color: #fff;
@font-face { @font-face {
font-family: 'Orbitron'; font-family: 'Orbitron';
src: url('theme13/Orbitron-Regular.woff2') format('woff2'), src: url('theme13/Orbitron-Regular.woff2') format('woff2'), url('theme13/Orbitron-Regular.woff') format('woff');
url('theme13/Orbitron-Regular.woff') format('woff');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
} }
$font-family-sans-serif: 'Montserrat', Helvetica Neue, Helvetica, Arial, sans-serif; $font-family-sans-serif: 'Montserrat', Helvetica Neue, Helvetica, Arial, sans-serif;
$font-family-serif: 'Orbitron', Georgia, "Times New Roman", Times, serif; $font-family-serif: 'Orbitron', Georgia, 'Times New Roman', Times, serif;
$headings-font-family: $font-family-serif; $headings-font-family: $font-family-serif;
//== Buttons //== Buttons
@ -111,8 +109,8 @@ $headings-small-color: $gray-light;
// Bootswatch // Bootswatch
// ----------------------------------------------------- // -----------------------------------------------------
@import "cyborg_variables.scss"; @import 'cyborg_variables.scss';
@import "cyborg_styles.scss"; @import 'cyborg_styles.scss';
// Forms ====================================================================== // Forms ======================================================================
.input-group-addon { .input-group-addon {
@ -137,7 +135,18 @@ body {
backdrop-filter: blur(6px); backdrop-filter: blur(6px);
} }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
&.bg-warning { &.bg-warning {
color: #000; color: #000;
} }

14
resources/assets/themes/theme14.scss
View File

@ -1,7 +1,7 @@
// rc3 teal // rc3 teal
//== Colors //== Colors
@import "dark"; @import 'dark';
$gray-darker: #0e1c23; $gray-darker: #0e1c23;
$gray-dark: lighten($gray-darker, 15%); $gray-dark: lighten($gray-darker, 15%);
@ -32,8 +32,7 @@ $link-color: #fff;
@font-face { @font-face {
font-family: 'Montserrat'; font-family: 'Montserrat';
src: url('theme13/Montserrat-Regular.woff2') format('woff2'), src: url('theme13/Montserrat-Regular.woff2') format('woff2'), url('theme13/Montserrat-Regular.woff') format('woff');
url('theme13/Montserrat-Regular.woff') format('woff');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
@ -41,15 +40,14 @@ $link-color: #fff;
@font-face { @font-face {
font-family: 'Orbitron'; font-family: 'Orbitron';
src: url('theme13/Orbitron-Regular.woff2') format('woff2'), src: url('theme13/Orbitron-Regular.woff2') format('woff2'), url('theme13/Orbitron-Regular.woff') format('woff');
url('theme13/Orbitron-Regular.woff') format('woff');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
} }
$font-family-sans-serif: 'Montserrat', Helvetica Neue, Helvetica, Arial, sans-serif; $font-family-sans-serif: 'Montserrat', Helvetica Neue, Helvetica, Arial, sans-serif;
$font-family-serif: 'Orbitron', Georgia, "Times New Roman", Times, serif; $font-family-serif: 'Orbitron', Georgia, 'Times New Roman', Times, serif;
$headings-font-family: $font-family-serif; $headings-font-family: $font-family-serif;
//== Buttons //== Buttons
@ -111,8 +109,8 @@ $headings-small-color: $gray-light;
// Bootswatch // Bootswatch
// ----------------------------------------------------- // -----------------------------------------------------
@import "cyborg_variables.scss"; @import 'cyborg_variables.scss';
@import "cyborg_styles.scss"; @import 'cyborg_styles.scss';
// Forms ====================================================================== // Forms ======================================================================
.input-group-addon { .input-group-addon {

23
resources/assets/themes/theme15.scss
View File

@ -1,7 +1,7 @@
// rc3 2021 // rc3 2021
//== Colors //== Colors
@import "dark"; @import 'dark';
$gray-darker: #000; $gray-darker: #000;
$gray-dark: lighten($gray-darker, 15%); $gray-dark: lighten($gray-darker, 15%);
@ -45,8 +45,7 @@ $link-color: #fff;
@font-face { @font-face {
font-family: 'Space Mono'; font-family: 'Space Mono';
src: url('theme15/SpaceMono-Regular.woff2') format('woff2'), src: url('theme15/SpaceMono-Regular.woff2') format('woff2'), url('theme15/SpaceMono-Regular.woff') format('woff');
url('theme15/SpaceMono-Regular.woff') format('woff');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
@ -54,8 +53,7 @@ $link-color: #fff;
@font-face { @font-face {
font-family: 'Space Mono'; font-family: 'Space Mono';
src: url('theme15/SpaceMono-Bold.woff2') format('woff2'), src: url('theme15/SpaceMono-Bold.woff2') format('woff2'), url('theme15/SpaceMono-Bold.woff') format('woff');
url('theme15/SpaceMono-Bold.woff') format('woff');
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
@ -63,15 +61,14 @@ $link-color: #fff;
@font-face { @font-face {
font-family: 'Changa'; font-family: 'Changa';
src: url('theme15/Changa-SemiBold.woff2') format('woff2'), src: url('theme15/Changa-SemiBold.woff2') format('woff2'), url('theme15/Changa-SemiBold.woff') format('woff');
url('theme15/Changa-SemiBold.woff') format('woff'),;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
} }
$font-family-sans-serif: 'Space Mono', Helvetica Neue, Helvetica, Arial, sans-serif; $font-family-sans-serif: 'Space Mono', Helvetica Neue, Helvetica, Arial, sans-serif;
$font-family-serif: 'Changa', Georgia, "Times New Roman", Times, serif; $font-family-serif: 'Changa', Georgia, 'Times New Roman', Times, serif;
$headings-font-family: $font-family-serif; $headings-font-family: $font-family-serif;
//== Buttons //== Buttons
@ -132,8 +129,8 @@ $headings-small-color: $gray-light;
// Bootswatch // Bootswatch
// ----------------------------------------------------- // -----------------------------------------------------
@import "cyborg_variables.scss"; @import 'cyborg_variables.scss';
@import "cyborg_styles.scss"; @import 'cyborg_styles.scss';
// Forms ====================================================================== // Forms ======================================================================
.input-group-addon { .input-group-addon {
@ -154,7 +151,11 @@ body {
background-size: cover; background-size: cover;
} }
h1, h2, h3, h4, h5 { h1,
h2,
h3,
h4,
h5 {
text-transform: lowercase; text-transform: lowercase;
letter-spacing: 0.05em; letter-spacing: 0.05em;
} }

17
resources/assets/themes/theme2.scss
View File

@ -1,5 +1,5 @@
// cccamp15 // cccamp15
@import "light"; @import 'light';
$brand-primary: #758499; $brand-primary: #758499;
$primary: #758499; $primary: #758499;
@ -30,9 +30,20 @@ $state-danger-text: #694374;
$state-danger-bg: lighten($brand-danger, 50%); $state-danger-bg: lighten($brand-danger, 50%);
$state-danger-border: $brand-danger; $state-danger-border: $brand-danger;
@import "base.scss"; @import 'base.scss';
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
&.bg-danger { &.bg-danger {
color: #fff; color: #fff;
} }

33
resources/assets/themes/theme3.scss
View File

@ -1,16 +1,16 @@
// 32c3 (2015) // 32c3 (2015)
@import "light"; @import 'light';
$brand-primary: #f19224; $brand-primary: #f19224;
$primary: #f19224; $primary: #f19224;
$brand-success: #39AB50; $brand-success: #39ab50;
$success: #39AB50; $success: #39ab50;
$brand-info: #6618F9; $brand-info: #6618f9;
$info: #6618F9; $info: #6618f9;
$brand-warning: #DAD216; $brand-warning: #dad216;
$warning: #DAD216; $warning: #dad216;
$brand-danger: #DA1639; $brand-danger: #da1639;
$danger: #DA1639; $danger: #da1639;
$state-success-text: $brand-success; $state-success-text: $brand-success;
$state-success-bg: lighten($brand-success, 40%); $state-success-bg: lighten($brand-success, 40%);
@ -66,9 +66,20 @@ $navbar-default-brand-hover-bg: #000;
} }
} }
@import "base.scss"; @import 'base.scss';
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
&.bg-info { &.bg-info {
color: #fff; color: #fff;
} }

28
resources/assets/themes/theme4.scss
View File

@ -1,5 +1,5 @@
// 33c3 (2016) // 33c3 (2016)
@import "dark"; @import 'dark';
// Variables // Variables
@ -8,7 +8,7 @@
$gray-dark: #282828; $gray-dark: #282828;
$gray-darker: #222; $gray-darker: #222;
$gray-light: #888; $gray-light: #888;
$gray-lighter: #ADAFAE; $gray-lighter: #adafae;
$brand-primary: rgb(0, 156, 139); $brand-primary: rgb(0, 156, 139);
$primary: rgb(0, 156, 139); $primary: rgb(0, 156, 139);
@ -29,7 +29,6 @@ $text-muted: lighten($gray-light, 25%);
$body-bg: #1d1d1b; $body-bg: #1d1d1b;
$alert-bg-scale: 0%; $alert-bg-scale: 0%;
//== changed Buttons //== changed Buttons
$btn-color: #fff; $btn-color: #fff;
@ -45,7 +44,6 @@ $btn-warning-border: darken($btn-default-bg, 10%);
$btn-danger-border: darken($btn-default-bg, 10%); $btn-danger-border: darken($btn-default-bg, 10%);
//== changed Forms //== changed Forms
$input-bg: $gray-darker; $input-bg: $gray-darker;
@ -54,14 +52,12 @@ $input-bg-disabled: $gray-lighter;
$input-group-addon-bg: $gray-lighter; $input-group-addon-bg: $gray-lighter;
//== Pagination //== Pagination
$pagination-hover-color: #fff; $pagination-hover-color: #fff;
$pagination-active-color: #fff; $pagination-active-color: #fff;
//== changed Form states and alerts //== changed Form states and alerts
$state-success-text: #fff; $state-success-text: #fff;
@ -80,21 +76,18 @@ $state-danger-text: #fff;
$state-danger-bg: $brand-danger; $state-danger-bg: $brand-danger;
$state-danger-border: darken($state-danger-bg, 3%); $state-danger-border: darken($state-danger-bg, 3%);
//== changed Badges //== changed Badges
$badge-color: #fff; $badge-color: #fff;
//== changed Type //== changed Type
$headings-small-color: $gray-light; $headings-small-color: $gray-light;
// Bootswatch // Bootswatch
// ----------------------------------------------------- // -----------------------------------------------------
@import "cyborg_variables.scss"; @import 'cyborg_variables.scss';
@import "cyborg_styles.scss"; @import 'cyborg_styles.scss';
// added Forms ====================================================================== // added Forms ======================================================================
@ -117,7 +110,18 @@ code {
color: $state-info-text; color: $state-info-text;
} }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
&.bg-warning { &.bg-warning {
color: #000; color: #000;
} }

17
resources/assets/themes/theme5.scss
View File

@ -1,5 +1,5 @@
// 34c3 light (2017) // 34c3 light (2017)
@import "light"; @import 'light';
$brand-primary: rgb(164, 28, 49); $brand-primary: rgb(164, 28, 49);
$primary: rgb(164, 28, 49); $primary: rgb(164, 28, 49);
@ -34,9 +34,20 @@ $state-danger-border: $brand-danger;
color: #000; color: #000;
} }
@import "base.scss"; @import 'base.scss';
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
&.bg-primary { &.bg-primary {
color: #fff; color: #fff;
} }

31
resources/assets/themes/theme6.scss
View File

@ -1,14 +1,14 @@
// 34c3 dark (2017) // 34c3 dark (2017)
// Variables // Variables
// -------------------------------------------------- // --------------------------------------------------
@import "dark"; @import 'dark';
//== changed Colors //== changed Colors
$gray-dark: #282828; $gray-dark: #282828;
$gray-light: #888; $gray-light: #888;
$gray-darker: #222; $gray-darker: #222;
$gray-lighter: #ADAFAE; $gray-lighter: #adafae;
$brand-primary: rgb(164, 28, 49); $brand-primary: rgb(164, 28, 49);
$primary: rgb(164, 28, 49); $primary: rgb(164, 28, 49);
@ -25,11 +25,11 @@ $secondary: #424242;
$alert-bg-scale: 0%; $alert-bg-scale: 0%;
.badge.bg-warning, .progress-bar.progress-bar-warning { .badge.bg-warning,
.progress-bar.progress-bar-warning {
color: #000; color: #000;
} }
//== changed Buttons //== changed Buttons
$btn-color: #fff; $btn-color: #fff;
@ -47,7 +47,6 @@ $btn-danger-border: $btn-primary-border;
$btn-link-disabled-color: $gray-light; $btn-link-disabled-color: $gray-light;
//== changed Forms //== changed Forms
$input-bg: $gray-darker; $input-bg: $gray-darker;
@ -56,14 +55,12 @@ $input-bg-disabled: $gray-lighter;
$input-group-addon-bg: $gray-lighter; $input-group-addon-bg: $gray-lighter;
//== changed Pagination //== changed Pagination
$pagination-hover-color: #fff; $pagination-hover-color: #fff;
$pagination-active-color: #fff; $pagination-active-color: #fff;
//== changed Form states and alerts //== changed Form states and alerts
$state-success-text: #fff; $state-success-text: #fff;
@ -82,7 +79,6 @@ $state-danger-text: #fff;
$state-danger-bg: $brand-danger; $state-danger-bg: $brand-danger;
$state-danger-border: darken($state-danger-bg, 3%); $state-danger-border: darken($state-danger-bg, 3%);
//== changed List group //== changed List group
$list-group-bg: darken($gray-darker, 10%); $list-group-bg: darken($gray-darker, 10%);
@ -91,17 +87,15 @@ $list-group-bg: darken($gray-darker, 10%);
$badge-color: #fff; $badge-color: #fff;
//== changed Type //== changed Type
$headings-small-color: $gray-light; $headings-small-color: $gray-light;
// Bootswatch // Bootswatch
// ----------------------------------------------------- // -----------------------------------------------------
@import "cyborg_variables.scss"; @import 'cyborg_variables.scss';
@import "cyborg_styles.scss"; @import 'cyborg_styles.scss';
// Typography ================================================================= // Typography =================================================================
@ -152,7 +146,18 @@ code {
color: $input-color; color: $input-color;
} }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
&.bg-warning { &.bg-warning {
color: #000; color: #000;
} }

49
resources/assets/themes/theme7.scss
View File

@ -2,7 +2,7 @@
// Variables // Variables
// -------------------------------------------------- // --------------------------------------------------
@import "dark"; @import 'dark';
$gray-darker: #000; $gray-darker: #000;
$gray-dark: #000; $gray-dark: #000;
@ -21,7 +21,6 @@ $warning: #f9b000; // GLINT
$brand-danger: #e40429; // BEAT $brand-danger: #e40429; // BEAT
$danger: #e40429; // BEAT $danger: #e40429; // BEAT
//== changed Scaffolding //== changed Scaffolding
$text-color: $gray-lighter; $text-color: $gray-lighter;
@ -32,25 +31,21 @@ $body-color: $text-color;
$link-color: $brand-primary; $link-color: $brand-primary;
$link-hover-color: lighten($link-color, 10%); $link-hover-color: lighten($link-color, 10%);
//== changed Typography //== changed Typography
$headings-color: $brand-primary; $headings-color: $brand-primary;
//== changed Tables //== changed Tables
$table-bg: $gray-darker; $table-bg: $gray-darker;
$table-bg-accent: #111; $table-bg-accent: #111;
$table-border-color: $gray; $table-border-color: $gray;
// component // component
$component-active-color: #fff; $component-active-color: #fff;
$component-active-bg: $primary; $component-active-bg: $primary;
//== changed Buttons //== changed Buttons
$btn-color: $link-color; $btn-color: $link-color;
@ -72,7 +67,6 @@ $btn-warning-border: darken($btn-default-bg, 9%);
$btn-danger-color: $gray-darker; $btn-danger-color: $gray-darker;
$btn-danger-border: darken($btn-default-bg, 10%); $btn-danger-border: darken($btn-default-bg, 10%);
//== changed Forms //== changed Forms
$input-bg: $gray-darker; $input-bg: $gray-darker;
@ -80,7 +74,6 @@ $input-color: $link-color;
$input-border-color: $brand-primary; $input-border-color: $brand-primary;
$input-group-addon-bg: $gray-lighter; $input-group-addon-bg: $gray-lighter;
//== changed Dropdowns //== changed Dropdowns
$dropdown-border: $brand-primary; $dropdown-border: $brand-primary;
@ -91,7 +84,6 @@ $dropdown-link-hover-color: $link-hover-color;
$dropdown-bg: $gray-darker; $dropdown-bg: $gray-darker;
$dropdown-link-hover-bg: $dropdown-bg; $dropdown-link-hover-bg: $dropdown-bg;
//== changed Navbar //== changed Navbar
$navbar-default-border: $brand-primary; $navbar-default-border: $brand-primary;
@ -100,7 +92,6 @@ $navbar-default-link-active-color: $brand-primary;
$navbar-default-brand-color: $brand-primary; $navbar-default-brand-color: $brand-primary;
$navbar-default-brand-hover-color: lighten($brand-primary, 10%); $navbar-default-brand-hover-color: lighten($brand-primary, 10%);
//== changed Pagination //== changed Pagination
$pagination-color: $brand-primary; $pagination-color: $brand-primary;
@ -114,7 +105,6 @@ $pagination-active-color: $pagination-hover-color;
$pagination-active-bg: $pagination-hover-bg; $pagination-active-bg: $pagination-hover-bg;
$pagination-active-border: $pagination-hover-border; $pagination-active-border: $pagination-hover-border;
//== changed Form states and alerts //== changed Form states and alerts
$state-success-text: $gray-darker; $state-success-text: $gray-darker;
@ -133,13 +123,11 @@ $state-danger-text: $gray-darker;
$state-danger-bg: $brand-danger; $state-danger-bg: $brand-danger;
$state-danger-border: darken($state-danger-bg, 3%); $state-danger-border: darken($state-danger-bg, 3%);
//== changed Labels //== changed Labels
$label-color: $gray-darker; $label-color: $gray-darker;
$label-link-hover-color: $brand-primary; $label-link-hover-color: $brand-primary;
//== changed Type //== changed Type
$headings-small-color: $gray-light; $headings-small-color: $gray-light;
@ -148,8 +136,8 @@ $alert-bg-scale: 0%;
$alert-border-scale: 0; $alert-border-scale: 0;
$alert-color-scale: 0; $alert-color-scale: 0;
@import "cyborg_variables.scss"; @import 'cyborg_variables.scss';
@import "cyborg_styles.scss"; @import 'cyborg_styles.scss';
.messages .text-danger { .messages .text-danger {
color: $gray-darker; color: $gray-darker;
@ -232,9 +220,18 @@ table,
// changed Indicators ================================================================= // changed Indicators =================================================================
.alert { .alert {
.h1,
.h1, .h2, .h3, .h4, .h5, .h6, .h2,
h1, h2, h3, h4, h5, h6 { .h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
color: #fff; color: #fff;
} }
@ -251,7 +248,8 @@ table,
// changed Containers ================================================================= // changed Containers =================================================================
.btn-primary, .card-info .card-heading { .btn-primary,
.card-info .card-heading {
background-image: linear-gradient(to right, rgb(0, 132, 176), rgb(0, 163, 86)); background-image: linear-gradient(to right, rgb(0, 132, 176), rgb(0, 163, 86));
} }
@ -277,7 +275,18 @@ code {
color: $state-info-text; color: $state-info-text;
} }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
code { code {
color: $headings-color; color: $headings-color;
} }

32
resources/assets/themes/theme8.scss
View File

@ -1,24 +1,24 @@
// cccamp19 blue (2019) // cccamp19 blue (2019)
// Variables // Variables
@import "dark"; @import 'dark';
//== changed Colors //== changed Colors
$gray-dark: #282828; $gray-dark: #282828;
$gray-light: #888; $gray-light: #888;
$gray-lighter: #ADAFAE; $gray-lighter: #adafae;
$brand-primary: #0076ba; $brand-primary: #0076ba;
$primary: #0076ba; $primary: #0076ba;
$text-muted: $primary; $text-muted: $primary;
@import "cyborg_variables.scss"; @import 'cyborg_variables.scss';
@import "cyborg_styles.scss"; @import 'cyborg_styles.scss';
// Specials for cccamp19 design // Specials for cccamp19 design
@import "card-glow"; @import 'card-glow';
.navbar-brand { .navbar-brand {
.icon-icon_angel { .icon-icon_angel {
@ -28,13 +28,8 @@ $text-muted: $primary;
strong { strong {
font-weight: normal; font-weight: normal;
color: $brand-primary; color: $brand-primary;
text-shadow: text-shadow: 0 0 10px $brand-primary, 0 0 20px $brand-primary, 0 0 30px $brand-primary, 0 0 40px $brand-primary,
0 0 10px $brand-primary, 0 0 70px $brand-primary, 0 0 80px $brand-primary;
0 0 20px $brand-primary,
0 0 30px $brand-primary,
0 0 40px $brand-primary,
0 0 70px $brand-primary,
0 0 80px $brand-primary;
} }
} }
@ -56,7 +51,18 @@ h1 {
} }
} }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
&.bg-warning { &.bg-warning {
color: #000; color: #000;
} }

32
resources/assets/themes/theme9.scss
View File

@ -2,24 +2,24 @@
// Variables // Variables
// -------------------------------------------------- // --------------------------------------------------
@import "dark"; @import 'dark';
//== changed Colors //== changed Colors
$gray-dark: #282828; $gray-dark: #282828;
$gray-light: #888; $gray-light: #888;
$gray-lighter: #ADAFAE; $gray-lighter: #adafae;
$brand-primary: #ffc600; $brand-primary: #ffc600;
$primary: $brand-primary; $primary: $brand-primary;
$text-muted: $primary; $text-muted: $primary;
@import "cyborg_variables.scss"; @import 'cyborg_variables.scss';
@import "cyborg_styles.scss"; @import 'cyborg_styles.scss';
// Specials for cccamp19 design // Specials for cccamp19 design
@import "card-glow"; @import 'card-glow';
.navbar-brand { .navbar-brand {
.icon-icon_angel { .icon-icon_angel {
@ -29,13 +29,8 @@ $text-muted: $primary;
strong { strong {
font-weight: normal; font-weight: normal;
color: $brand-primary; color: $brand-primary;
text-shadow: text-shadow: 0 0 10px $brand-primary, 0 0 20px $brand-primary, 0 0 30px $brand-primary, 0 0 40px $brand-primary,
0 0 10px $brand-primary, 0 0 70px $brand-primary, 0 0 80px $brand-primary;
0 0 20px $brand-primary,
0 0 30px $brand-primary,
0 0 40px $brand-primary,
0 0 70px $brand-primary,
0 0 80px $brand-primary;
} }
} }
@ -57,7 +52,18 @@ h1 {
} }
} }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
&.bg-primary, &.bg-primary,
&.bg-warning { &.bg-warning {
color: #000; color: #000;

5
yarn.lock
View File

@ -2845,6 +2845,11 @@ prelude-ls@^1.2.1:
resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396" resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g== integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
prettier@^2.8.1:
version "2.8.1"
resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.1.tgz#4e1fd11c34e2421bc1da9aea9bd8127cd0a35efc"
integrity sha512-lqGoSJBQNJidqCHE80vqZJHWHRFoNYsSpP9AjFhlhi9ODCJA541svILes/+/1GM3VaL/abZi7cpFzOpdR9UPKg==
pseudomap@^1.0.2: pseudomap@^1.0.2:
version "1.0.2" version "1.0.2"
resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3" resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"