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
max_line_length = 120
[{.babelrc,package.json,.eslintrc.json}]
[{.babelrc,package.json,.eslintrc.json,.prettierrc.json}]
indent_size = 2
[docker/**.conf]

4
.gitlab-ci.yml
View File

@ -145,7 +145,7 @@ yarn check:
script:
- yarn check
eslint:
yarn lint:
<<: *use_yarn
image: node:alpine
stage: validate
@ -180,7 +180,7 @@ build-image:
- phpstan
- composer validate
- yarn check
- eslint
- yarn lint
- generate-version
dependencies:
- 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).
* 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.
* 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`.
* 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:webpack": "webpack",
"build:watch": "webpack --watch",
"lint": "eslint .",
"lint:fix": "eslint --fix ."
"lint": "yarn lint:eslint && yarn lint:prettier",
"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": {
"@popperjs/core": "^2.11.6",
@ -34,6 +38,7 @@
"mini-css-extract-plugin": "^2.7.0",
"postcss": "^8.4.19",
"postcss-loader": "^6.2.1",
"prettier": "^2.8.1",
"resolve-url-loader": "^5.0.0",
"sass": "^1.56.1",
"sass-loader": "^12.6.0",

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

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

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

@ -6,12 +6,11 @@
*/
export const formatTime = (date) => {
if (!date instanceof Date) return;
const hours = String(date.getHours()).padStart(2, '0');
const minutes = String(date.getMinutes()).padStart(2, '0');
return `${hours}:${minutes}`;
}
};
/**
* 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');
return `${year}-${month}-${day}`;
}
};

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

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

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

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

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

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

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

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

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

@ -4,11 +4,11 @@
$card-border: $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.bg-#{"" + $state} .card-header {
.card.bg-#{'' + $state} .card-header {
background-color: $card-background;
border-color: $card-border;
@ -16,7 +16,7 @@
background-color: $card-color !important;
}
.badge.text-#{"" + $state} {
.badge.text-#{'' + $state} {
color: $card-background !important;
}
@ -24,7 +24,7 @@
color: $card-color !important;
}
.btn-#{"" + $state} {
.btn-#{'' + $state} {
background-color: $card-background;
border-color: $card-border !important;
color: $card-color;

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

@ -1,6 +1,5 @@
// cyborg_styles
/*
The MIT License (MIT)
@ -41,7 +40,6 @@ THE SOFTWARE.
color: #fff;
}
// Bootswatch
// -----------------------------------------------------
@ -122,7 +120,6 @@ table,
// Indicators =================================================================
.alert {
.alert-link,
a {
color: $alert-warning-text;
@ -151,8 +148,12 @@ table,
// Containers =================================================================
.jumbotron {
h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
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.
*/
@use "sass:math";
@use 'sass:math';
// Cyborg 3.2.0
// Variables
@ -61,7 +61,6 @@ $link-color: $primary !default;
//** Link hover color set via `darken()` function.
$link-hover-color: $link-color !default;
//== Typography
//
//## 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-color: #fff !default;
//== Components
//
//## 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.
$caret-width-large: 5px !default;
//== Tables
//
//## 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
$dropdown-caret-color: #000 !default;
//-- Z-index master list
//
// 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-navbar-fixed: 1030 !default;
//== Media queries breakpoints
//
//## 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-md-max: ($screen-lg-min - 1) !default;
//== Grid system
//
//## Define your custom responsive grid.
@ -260,7 +254,6 @@ $grid-float-breakpoint: $screen-sm-min !default;
//** Point at which the navbar begins collapsing.
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
//== Container 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.
$container-lg: $container-large-desktop !default;
//== Navbar
//
//##
@ -316,7 +308,6 @@ $navbar-default-toggle-hover-bg: $gray-dark !default;
$navbar-default-toggle-icon-bar-bg: #ccc !default;
$navbar-default-toggle-border-color: $gray-dark !default;
// Inverted navbar
// Reset inverted navbar basics
$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-border-color: #333 !default;
//== 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-color: $component-active-color !default;
//== Pagination
//
//##
@ -394,7 +383,6 @@ $pagination-disabled-color: $gray-light !default;
$pagination-disabled-bg: $gray-darker !default;
$pagination-disabled-border: $gray-dark !default;
//== Pager
//
//##
@ -410,7 +398,6 @@ $pager-active-color: $pagination-active-color !default;
$pager-disabled-color: $gray-light !default;
//== Jumbotron
//
//##
@ -421,7 +408,6 @@ $jumbotron-bg: darken($gray-darker, 5%) !default;
$jumbotron-heading-color: inherit !default;
$jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
//== Form states and 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-border: $danger !default;
//== Popovers
$popover-bg: lighten($body-bg, 10%) !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 title background color
@ -465,7 +450,6 @@ $popover-arrow-outer-color: fadein($popover-border-color, 5%) !default
//** Popover outer arrow fallback color
$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;
//== Labels
//
//##
@ -481,7 +465,6 @@ $label-color: #fff !default;
//** Default text color of a linked label
$label-link-hover-color: #fff !default;
//== Alerts
//
//## 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-border: $state-danger-border !default;
//== Progress bars
//
//##
@ -527,7 +509,6 @@ $progress-bar-danger-bg: $danger !default;
//** Info progress bar color
$progress-bar-info-bg: $info !default;
//== 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-heading-color: #fff !default;
//== Close
//
//##
@ -570,7 +550,6 @@ $close-font-weight: bold !default;
$close-color: #000 !default;
$close-text-shadow: 0 1px 0 #fff !default;
//== Code
//
//##
@ -586,7 +565,6 @@ $pre-color: $gray-dark !default;
$pre-border-color: #ccc !default;
$pre-scrollable-max-height: 340px !default;
//== Type
//
//##
@ -611,4 +589,4 @@ $dl-horizontal-offset: $component-offset-horizontal !default;
//** Horizontal line color.
$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;
$alert-bg-scale: 70%;
$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;
}
to {
opacity: 1.0;
opacity: 1;
}
}
.pulse {

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

@ -1,13 +1,23 @@
// light theme
@import "light";
@import 'light';
$primary: #337ab7;
$light: #f5f5f5;
@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-success,
&.bg-danger {

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

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

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

@ -2,24 +2,24 @@
// Variables
// --------------------------------------------------
@import "dark";
@import 'dark';
//== changed Colors
$gray-dark: #282828;
$gray-light: #888;
$gray-lighter: #ADAFAE;
$gray-lighter: #adafae;
$brand-primary: #99ba00;
$primary: $brand-primary;
$text-muted: $primary;
@import "cyborg_variables.scss";
@import "cyborg_styles.scss";
@import 'cyborg_variables.scss';
@import 'cyborg_styles.scss';
// Specials for cccamp19 design
@import "card-glow";
@import 'card-glow';
.navbar-brand {
.icon-icon_angel {
@ -29,13 +29,8 @@ $text-muted: $primary;
strong {
font-weight: normal;
color: $brand-primary;
text-shadow:
0 0 10px $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;
text-shadow: 0 0 10px $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 {
color: #000;
}

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

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

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

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

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

@ -1,7 +1,7 @@
// rc3 violet
//== Colors
@import "dark";
@import 'dark';
$gray-darker: #100e23;
$gray-dark: lighten($gray-darker, 15%);
@ -32,8 +32,7 @@ $link-color: #fff;
@font-face {
font-family: 'Montserrat';
src: url('theme13/Montserrat-Regular.woff2') format('woff2'),
url('theme13/Montserrat-Regular.woff') format('woff');
src: url('theme13/Montserrat-Regular.woff2') format('woff2'), url('theme13/Montserrat-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
@ -41,15 +40,14 @@ $link-color: #fff;
@font-face {
font-family: 'Orbitron';
src: url('theme13/Orbitron-Regular.woff2') format('woff2'),
url('theme13/Orbitron-Regular.woff') format('woff');
src: url('theme13/Orbitron-Regular.woff2') format('woff2'), url('theme13/Orbitron-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
$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;
//== Buttons
@ -111,8 +109,8 @@ $headings-small-color: $gray-light;
// Bootswatch
// -----------------------------------------------------
@import "cyborg_variables.scss";
@import "cyborg_styles.scss";
@import 'cyborg_variables.scss';
@import 'cyborg_styles.scss';
// Forms ======================================================================
.input-group-addon {
@ -137,7 +135,18 @@ body {
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 {
color: #000;
}

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

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

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

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

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

@ -1,5 +1,5 @@
// cccamp15
@import "light";
@import 'light';
$brand-primary: #758499;
$primary: #758499;
@ -30,9 +30,20 @@ $state-danger-text: #694374;
$state-danger-bg: lighten($brand-danger, 50%);
$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 {
color: #fff;
}

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

@ -1,16 +1,16 @@
// 32c3 (2015)
@import "light";
@import 'light';
$brand-primary: #f19224;
$primary: #f19224;
$brand-success: #39AB50;
$success: #39AB50;
$brand-info: #6618F9;
$info: #6618F9;
$brand-warning: #DAD216;
$warning: #DAD216;
$brand-danger: #DA1639;
$danger: #DA1639;
$brand-success: #39ab50;
$success: #39ab50;
$brand-info: #6618f9;
$info: #6618f9;
$brand-warning: #dad216;
$warning: #dad216;
$brand-danger: #da1639;
$danger: #da1639;
$state-success-text: $brand-success;
$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 {
color: #fff;
}

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

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

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

@ -1,5 +1,5 @@
// 34c3 light (2017)
@import "light";
@import 'light';
$brand-primary: rgb(164, 28, 49);
$primary: rgb(164, 28, 49);
@ -34,9 +34,20 @@ $state-danger-border: $brand-danger;
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 {
color: #fff;
}

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

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

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

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

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

@ -1,24 +1,24 @@
// cccamp19 blue (2019)
// Variables
@import "dark";
@import 'dark';
//== changed Colors
$gray-dark: #282828;
$gray-light: #888;
$gray-lighter: #ADAFAE;
$gray-lighter: #adafae;
$brand-primary: #0076ba;
$primary: #0076ba;
$text-muted: $primary;
@import "cyborg_variables.scss";
@import "cyborg_styles.scss";
@import 'cyborg_variables.scss';
@import 'cyborg_styles.scss';
// Specials for cccamp19 design
@import "card-glow";
@import 'card-glow';
.navbar-brand {
.icon-icon_angel {
@ -28,13 +28,8 @@ $text-muted: $primary;
strong {
font-weight: normal;
color: $brand-primary;
text-shadow:
0 0 10px $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;
text-shadow: 0 0 10px $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 {
color: #000;
}

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

@ -2,24 +2,24 @@
// Variables
// --------------------------------------------------
@import "dark";
@import 'dark';
//== changed Colors
$gray-dark: #282828;
$gray-light: #888;
$gray-lighter: #ADAFAE;
$gray-lighter: #adafae;
$brand-primary: #ffc600;
$primary: $brand-primary;
$text-muted: $primary;
@import "cyborg_variables.scss";
@import "cyborg_styles.scss";
@import 'cyborg_variables.scss';
@import 'cyborg_styles.scss';
// Specials for cccamp19 design
@import "card-glow";
@import 'card-glow';
.navbar-brand {
.icon-icon_angel {
@ -29,13 +29,8 @@ $text-muted: $primary;
strong {
font-weight: normal;
color: $brand-primary;
text-shadow:
0 0 10px $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;
text-shadow: 0 0 10px $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-warning {
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"
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:
version "1.0.2"
resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"