Settings day night & app-settings completed
Settings day night & app-settings completedpull/260/head
Shahana Farooqui
5 years ago
parent
9690222e66
commit
470ec25fe5
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
||||
!function(e){function r(r){for(var n,i,a=r[0],c=r[1],f=r[2],p=0,s=[];p<a.length;p++)o[i=a[p]]&&s.push(o[i][0]),o[i]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(l&&l(r);s.length;)s.shift()();return u.push.apply(u,f||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,a=1;a<t.length;a++)0!==o[t[a]]&&(n=!1);n&&(u.splice(r--,1),e=i(i.s=t[0]))}return e}var n={},o={0:0},u=[];function i(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var u,a=document.createElement("script");a.charset="utf-8",a.timeout=120,i.nc&&a.setAttribute("nonce",i.nc),a.src=function(e){return i.p+""+({}[e]||e)+"."+{1:"0009c2342c315d4a488f",6:"601e98f2bc55932e7af2",7:"c3351ce616374330d0bf"}[e]+".js"}(e);var c=new Error;u=function(r){a.onerror=a.onload=null,clearTimeout(f);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+u+")",c.name="ChunkLoadError",c.type=n,c.request=u,t[1](c)}o[e]=void 0}};var f=setTimeout((function(){u({type:"timeout",target:a})}),12e4);a.onerror=a.onload=u,document.head.appendChild(a)}return Promise.all(r)},i.m=e,i.c=n,i.d=function(e,r,t){i.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,r){if(1&r&&(e=i(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)i.d(t,n,(function(r){return e[r]}).bind(null,n));return t},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,"a",r),r},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.p="",i.oe=function(e){throw console.error(e),e};var a=window.webpackJsonp=window.webpackJsonp||[],c=a.push.bind(a);a.push=r,a=a.slice();for(var f=0;f<a.length;f++)r(a[f]);var l=c;t()}([]);
|
||||
@ -1 +0,0 @@
|
||||
!function(e){function r(r){for(var n,a,i=r[0],c=r[1],f=r[2],p=0,s=[];p<i.length;p++)o[a=i[p]]&&s.push(o[a][0]),o[a]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(l&&l(r);s.length;)s.shift()();return u.push.apply(u,f||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,i=1;i<t.length;i++)0!==o[t[i]]&&(n=!1);n&&(u.splice(r--,1),e=a(a.s=t[0]))}return e}var n={},o={0:0},u=[];function a(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,a),t.l=!0,t.exports}a.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var u,i=document.createElement("script");i.charset="utf-8",i.timeout=120,a.nc&&i.setAttribute("nonce",a.nc),i.src=function(e){return a.p+""+({}[e]||e)+"."+{1:"286c4dfbd0213d219ea9",6:"f632d15c8cc4d89db350",7:"c9a17032e7cb232a7ac4"}[e]+".js"}(e);var c=new Error;u=function(r){i.onerror=i.onload=null,clearTimeout(f);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+u+")",c.name="ChunkLoadError",c.type=n,c.request=u,t[1](c)}o[e]=void 0}};var f=setTimeout((function(){u({type:"timeout",target:i})}),12e4);i.onerror=i.onload=u,document.head.appendChild(i)}return Promise.all(r)},a.m=e,a.c=n,a.d=function(e,r,t){a.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,r){if(1&r&&(e=a(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(a.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)a.d(t,n,(function(r){return e[r]}).bind(null,n));return t},a.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(r,"a",r),r},a.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},a.p="",a.oe=function(e){throw console.error(e),e};var i=window.webpackJsonp=window.webpackJsonp||[],c=i.push.bind(i);i.push=r,i=i.slice();for(var f=0;f<i.length;f++)r(i[f]);var l=c;t()}([]);
|
||||
@ -1 +0,0 @@
|
||||
!function(e){function r(r){for(var n,c,i=r[0],a=r[1],f=r[2],p=0,s=[];p<i.length;p++)o[c=i[p]]&&s.push(o[c][0]),o[c]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(l&&l(r);s.length;)s.shift()();return u.push.apply(u,f||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,i=1;i<t.length;i++)0!==o[t[i]]&&(n=!1);n&&(u.splice(r--,1),e=c(c.s=t[0]))}return e}var n={},o={0:0},u=[];function c(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,c),t.l=!0,t.exports}c.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var u,i=document.createElement("script");i.charset="utf-8",i.timeout=120,c.nc&&i.setAttribute("nonce",c.nc),i.src=function(e){return c.p+""+({}[e]||e)+"."+{1:"dc65164c2cc38ecb3ec0",6:"8f2384e487c219c3bbe9",7:"5b9eec5877f949c48a68"}[e]+".js"}(e);var a=new Error;u=function(r){i.onerror=i.onload=null,clearTimeout(f);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;a.message="Loading chunk "+e+" failed.\n("+n+": "+u+")",a.name="ChunkLoadError",a.type=n,a.request=u,t[1](a)}o[e]=void 0}};var f=setTimeout((function(){u({type:"timeout",target:i})}),12e4);i.onerror=i.onload=u,document.head.appendChild(i)}return Promise.all(r)},c.m=e,c.c=n,c.d=function(e,r,t){c.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},c.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.t=function(e,r){if(1&r&&(e=c(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(c.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)c.d(t,n,(function(r){return e[r]}).bind(null,n));return t},c.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(r,"a",r),r},c.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},c.p="",c.oe=function(e){throw console.error(e),e};var i=window.webpackJsonp=window.webpackJsonp||[],a=i.push.bind(i);i.push=r,i=i.slice();for(var f=0;f<i.length;f++)r(i[f]);var l=a;t()}([]);
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,72 +0,0 @@
|
||||
<mat-toolbar color="primary" fxLayoutAlign = "space-between center" class="">
|
||||
<h4>Settings</h4>
|
||||
</mat-toolbar>
|
||||
<div fxLayout="column" class="container">
|
||||
<button fxLayoutAlign="center center" mat-raised-button color="accent" class="mt-2" type="reset" (click)="onClose()">Close</button>
|
||||
<div fxLayout="column">
|
||||
<div *ngIf="appConfig.nodes.length > 1">
|
||||
<h4>Switch Node</h4>
|
||||
<div fxLayout="row" fxLayoutAlign="space-between center">
|
||||
<div tabindex="1" fxFlex="100">
|
||||
<mat-form-field fxFlex="100">
|
||||
<mat-select (selectionChange)="onSelectionChange($event.value)" [value]="selNode">
|
||||
<mat-option *ngFor="let node of appConfig.nodes" [value]="node">
|
||||
{{node.lnNode}} ({{node.lnImplementation}})
|
||||
</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
</div>
|
||||
<mat-divider></mat-divider>
|
||||
</div>
|
||||
<div *ngIf="selNode.lnImplementation !== 'CLT'">
|
||||
<h4>Currency Unit</h4>
|
||||
<div fxLayout="row" fxLayoutAlign="space-between center">
|
||||
<span>{{currencyUnit}}</span>
|
||||
<mat-slide-toggle [checked]="selNode?.settings?.satsToBTC" (change)="toggleSettings('satsToBTC')" labelPosition="before"></mat-slide-toggle>
|
||||
</div>
|
||||
<mat-divider class="mt-2"></mat-divider>
|
||||
</div>
|
||||
<div *ngIf="showSettingOption">
|
||||
<h4>Menu</h4>
|
||||
<mat-radio-group [(ngModel)]="selectedMenu" (change)="chooseMenu()">
|
||||
<mat-radio-button *ngFor="let menu of menus" [value]="menu">{{menu}}</mat-radio-button>
|
||||
</mat-radio-group>
|
||||
<mat-divider class="mt-2"></mat-divider>
|
||||
</div>
|
||||
<h4>Menu Type</h4>
|
||||
<mat-radio-group [(ngModel)]="selectedMenuType" (change)="chooseMenuType()">
|
||||
<mat-radio-button *ngFor="let menuType of menuTypes" [value]="menuType">{{menuType}}</mat-radio-button>
|
||||
</mat-radio-group>
|
||||
<mat-divider class="mt-2"></mat-divider>
|
||||
<div *ngIf="showSettingOption">
|
||||
<div fxLayout="column">
|
||||
<h4>Sidenav Options</h4>
|
||||
<div fxLayout="row" fxLayoutAlign="space-between center">
|
||||
<span>Opened</span>
|
||||
<mat-slide-toggle [checked]="selNode?.settings?.flgSidenavOpened" (change)="toggleSettings('flgSidenavOpened')"
|
||||
labelPosition="before"></mat-slide-toggle>
|
||||
</div>
|
||||
<div fxLayout="row" fxLayoutAlign="space-between center">
|
||||
<span>Pinned</span>
|
||||
<mat-slide-toggle [checked]="selNode?.settings?.flgSidenavPinned" (change)="toggleSettings('flgSidenavPinned')"
|
||||
labelPosition="before"></mat-slide-toggle>
|
||||
</div>
|
||||
</div>
|
||||
<mat-divider class="mt-2"></mat-divider>
|
||||
</div>
|
||||
<h4>Skins</h4>
|
||||
<div fxLayout="row" fxLayoutAlign="start start" class="p-0">
|
||||
<div class="skin dark-purple m-1px" (click)="changeTheme('purple-white-dark-theme')"></div>
|
||||
<div class="skin dark-blue m-1px" (click)="changeTheme('dark-blue')"></div>
|
||||
<div class="skin dark-green m-1px" (click)="changeTheme('dark-green')"></div>
|
||||
<div class="skin dark-pink m-1px" (click)="changeTheme('dark-pink')"></div>
|
||||
</div>
|
||||
<div fxLayout="row" fxLayoutAlign="start start" class="p-0">
|
||||
<div class="skin light-purple m-1px" (click)="changeTheme('purple-white-light-theme')"></div>
|
||||
<div class="skin light-blue m-1px" (click)="changeTheme('light-blue')"></div>
|
||||
<div class="skin light-teal m-1px" (click)="changeTheme('light-teal')"></div>
|
||||
<div class="skin light-blue-gray m-1px" (click)="changeTheme('light-blue-gray')"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,25 +0,0 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { SettingsNavComponent } from './settings-nav.component';
|
||||
|
||||
describe('SettingsNavComponent', () => {
|
||||
let component: SettingsNavComponent;
|
||||
let fixture: ComponentFixture<SettingsNavComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ SettingsNavComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(SettingsNavComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -1,92 +0,0 @@
|
||||
import { Component, OnInit, OnDestroy, Output, EventEmitter } from '@angular/core';
|
||||
import { Subject } from 'rxjs';
|
||||
import { takeUntil } from 'rxjs/operators';
|
||||
import { Store } from '@ngrx/store';
|
||||
|
||||
import { LightningNode, RTLConfiguration, GetInfoRoot } from '../../models/RTLconfig';
|
||||
import { LoggerService } from '../../services/logger.service';
|
||||
|
||||
import * as RTLActions from '../../../store/rtl.actions';
|
||||
import * as fromRTLReducer from '../../../store/rtl.reducers';
|
||||
|
||||
@Component({
|
||||
selector: 'rtl-settings-nav',
|
||||
templateUrl: './settings-nav.component.html',
|
||||
styleUrls: ['./settings-nav.component.scss']
|
||||
})
|
||||
export class SettingsNavComponent implements OnInit, OnDestroy {
|
||||
public selNode: LightningNode;
|
||||
public information: GetInfoRoot = {};
|
||||
public menus = ['Vertical', 'Horizontal'];
|
||||
public menuTypes = ['Regular', 'Compact', 'Mini'];
|
||||
public selectedMenu: string;
|
||||
public selectedMenuType: string;
|
||||
public currencyUnit = 'BTC';
|
||||
public showSettingOption = true;
|
||||
public appConfig: RTLConfiguration;
|
||||
|
||||
unsubs: Array<Subject<void>> = [new Subject(), new Subject()];
|
||||
@Output('done') done: EventEmitter<void> = new EventEmitter();
|
||||
|
||||
constructor(private logger: LoggerService, private store: Store<fromRTLReducer.RTLState>) {}
|
||||
|
||||
ngOnInit() {
|
||||
this.store.select('root')
|
||||
.pipe(takeUntil(this.unsubs[0]))
|
||||
.subscribe((rtlStore) => {
|
||||
this.appConfig = rtlStore.appConfig;
|
||||
this.selNode = rtlStore.selNode;
|
||||
this.selectedMenu = this.selNode.settings.menu;
|
||||
this.selectedMenuType = this.selNode.settings.menuType;
|
||||
if (window.innerWidth <= 768) {
|
||||
this.selNode.settings.menu = 'Vertical';
|
||||
this.selNode.settings.flgSidenavOpened = false;
|
||||
this.selNode.settings.flgSidenavPinned = false;
|
||||
this.showSettingOption = false;
|
||||
}
|
||||
this.information = rtlStore.nodeData;
|
||||
this.currencyUnit = (undefined !== this.information && undefined !== this.information.currency_unit) ? this.information.currency_unit : 'BTC';
|
||||
this.logger.info(rtlStore);
|
||||
});
|
||||
}
|
||||
|
||||
public chooseMenu() {
|
||||
this.selNode.settings.menu = this.selectedMenu;
|
||||
}
|
||||
|
||||
public chooseMenuType() {
|
||||
this.selNode.settings.menuType = this.selectedMenuType;
|
||||
}
|
||||
|
||||
toggleSettings(toggleField: string) {
|
||||
this.selNode.settings[toggleField] = !this.selNode.settings[toggleField];
|
||||
if (toggleField === 'satsToBTC') {
|
||||
this.store.dispatch(new RTLActions.SetChildNodeSettings({channelBackupPath: this.selNode.settings.channelBackupPath, satsToBTC: this.selNode.settings.satsToBTC}));
|
||||
this.store.dispatch(new RTLActions.SetChildNodeSettingsCL({channelBackupPath: this.selNode.settings.channelBackupPath, satsToBTC: this.selNode.settings.satsToBTC}));
|
||||
}
|
||||
}
|
||||
|
||||
changeTheme(newTheme: string) {
|
||||
this.selNode.settings.theme = newTheme;
|
||||
}
|
||||
|
||||
onClose() {
|
||||
this.logger.info(this.selNode.settings);
|
||||
this.store.dispatch(new RTLActions.SaveSettings(this.selNode.settings));
|
||||
this.done.emit();
|
||||
}
|
||||
|
||||
onSelectionChange(selNodeValue: LightningNode) {
|
||||
this.selNode = selNodeValue;
|
||||
this.store.dispatch(new RTLActions.OpenSpinner('Updating Selected Node...'));
|
||||
this.store.dispatch(new RTLActions.SetSelelectedNode({ lnNode: selNodeValue, isInitialSetup: false }));
|
||||
}
|
||||
|
||||
ngOnDestroy() {
|
||||
this.unsubs.forEach(unsub => {
|
||||
unsub.next();
|
||||
unsub.complete();
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,30 @@
|
||||
@import './color-swatches/day-foreground.scss';
|
||||
@import './color-swatches/day-background.scss';
|
||||
@import './color-swatches/white-accent.swatch.scss';
|
||||
@import './color-swatches/blue-primary.swatch.scss';
|
||||
@import '~@angular/material/theming';
|
||||
@include mat-core();
|
||||
|
||||
@function create-custom-theme($primary, $accent, $warn: mat-palette($mat-red)) {
|
||||
@return (
|
||||
primary: $primary,
|
||||
accent: $accent,
|
||||
warn: $warn,
|
||||
is-dark: false,
|
||||
foreground: $custom-day-theme-foreground,
|
||||
background: $custom-day-theme-background
|
||||
);
|
||||
}
|
||||
|
||||
$blue-primary: mat-palette($mat-indigo, 800, 300, 900);
|
||||
$blue-accent: mat-palette($mat-pink, A200, A100, A400);
|
||||
$blue-warn: mat-palette($mat-red, 500);
|
||||
|
||||
$alternate-blue-primary: mat-palette($blue-primary, 500, 300, 900);
|
||||
$alternate-blue-accent: mat-palette($white-accent, 800, 600, 900);
|
||||
$alternate-blue-warn: mat-palette($mat-red);
|
||||
|
||||
$blue-day-theme: create-custom-theme($blue-primary, $blue-accent, $blue-warn);
|
||||
$alternate-blue-day-theme: mat-light-theme($alternate-blue-primary, $alternate-blue-accent, $alternate-blue-warn);
|
||||
$blue-night-theme: mat-dark-theme($blue-primary, $blue-accent, $blue-warn);
|
||||
$alternate-blue-night-theme: mat-dark-theme($alternate-blue-primary, $alternate-blue-accent, $alternate-blue-warn);
|
||||
@ -0,0 +1,16 @@
|
||||
$custom-day-theme-background: (
|
||||
status-bar: map_get($mat-grey, 300),
|
||||
app-bar: map_get($mat-grey, 100),
|
||||
background:map_get($mat-gray, 100),
|
||||
hover: rgba(black, 0.04),
|
||||
card: map_get($mat-gray, 100),
|
||||
dialog: map_get($mat-gray, 100),
|
||||
disabled-button: rgba(black, 0.12),
|
||||
raised-button: map_get($mat-grey, 50),
|
||||
focused-button: $dark-focused,
|
||||
selected-button: map_get($mat-grey, 300),
|
||||
selected-disabled-button: map_get($mat-grey, 400),
|
||||
disabled-button-toggle: map_get($mat-grey, 200),
|
||||
unselected-chip: map_get($mat-grey, 300),
|
||||
disabled-list-option: map_get($mat-grey, 200),
|
||||
);
|
||||
@ -0,0 +1,16 @@
|
||||
$custom-day-theme-foreground: (
|
||||
base: black,
|
||||
divider: $dark-dividers,
|
||||
dividers: $dark-dividers,
|
||||
disabled: $dark-disabled-text,
|
||||
disabled-button: rgba(black, 0.26),
|
||||
disabled-text: $dark-disabled-text,
|
||||
hint-text: $dark-disabled-text,
|
||||
secondary-text: $dark-secondary-text,
|
||||
icon: rgba(black, 1),
|
||||
icons: rgba(black, 1),
|
||||
text: rgba(black, 1),
|
||||
slider-min: rgba(black, 1),
|
||||
slider-off: rgba(black, 0.5),
|
||||
slider-off-active: rgba(black, 0.6),
|
||||
);
|
||||
@ -1,15 +0,0 @@
|
||||
@import './color-swatches/purple-primary.swatch.scss';
|
||||
@import './color-swatches/white-accent.swatch.scss';
|
||||
@import './color-swatches/blue-primary.swatch.scss';
|
||||
@import '~@angular/material/theming';
|
||||
@include mat-core();
|
||||
|
||||
$blue-dark-primary: mat-palette($mat-light-blue, 700, 300, 900);
|
||||
$blue-dark-accent: mat-palette($mat-amber, A100, 900, A700);
|
||||
$blue-dark-warn: mat-palette($mat-red, A200);
|
||||
$blue-dark-theme: mat-dark-theme($blue-dark-primary, $blue-dark-accent, $blue-dark-warn);
|
||||
|
||||
$alternate-blue-dark-primary: mat-palette($blue-primary, 500, 300, 900);
|
||||
$alternate-blue-dark-accent: mat-palette($white-accent, 800, 600, 900);
|
||||
$alternate-blue-dark-warn: mat-palette($mat-red);
|
||||
$alternate-blue-dark-theme: mat-dark-theme($alternate-blue-dark-primary, $alternate-blue-dark-accent, $alternate-blue-dark-warn);
|
||||
@ -1,16 +0,0 @@
|
||||
@import './color-swatches/purple-primary.swatch.scss';
|
||||
@import './color-swatches/white-accent.swatch.scss';
|
||||
@import './color-swatches/blue-primary.swatch.scss';
|
||||
@import '~@angular/material/theming';
|
||||
@include mat-core();
|
||||
|
||||
$green-dark-primary: mat-palette($mat-teal, 800, 300, 900);
|
||||
$green-dark-accent: mat-palette($mat-amber, A100, 900, A700);
|
||||
$green-dark-warn: mat-palette($mat-red, A200);
|
||||
$green-dark-theme: mat-dark-theme($green-dark-primary, $green-dark-accent, $green-dark-warn);
|
||||
|
||||
$alternate-green-dark-primary: mat-palette($blue-primary, 500, 300, 900);
|
||||
$alternate-green-dark-accent: mat-palette($white-accent, 800, 600, 900);
|
||||
$alternate-green-dark-warn: mat-palette($mat-red);
|
||||
$alternate-green-dark-theme: mat-dark-theme($alternate-green-dark-primary, $alternate-green-dark-accent, $alternate-green-dark-warn);
|
||||
|
||||
@ -1,15 +0,0 @@
|
||||
@import './color-swatches/purple-primary.swatch.scss';
|
||||
@import './color-swatches/white-accent.swatch.scss';
|
||||
@import './color-swatches/blue-primary.swatch.scss';
|
||||
@import '~@angular/material/theming';
|
||||
@include mat-core();
|
||||
|
||||
$pink-dark-primary: mat-palette($mat-pink, 700, 400, 900);
|
||||
$pink-dark-accent: mat-palette($mat-blue-grey, 700, 500, 900);
|
||||
$pink-dark-warn: mat-palette($mat-red, A200);
|
||||
$pink-dark-theme: mat-dark-theme($pink-dark-primary, $pink-dark-accent, $pink-dark-warn);
|
||||
|
||||
$alternate-pink-dark-primary: mat-palette($blue-primary, 500, 300, 900);
|
||||
$alternate-pink-dark-accent: mat-palette($white-accent, 800, 600, 900);
|
||||
$alternate-pink-dark-warn: mat-palette($mat-red);
|
||||
$alternate-pink-dark-theme: mat-dark-theme($alternate-pink-dark-primary, $alternate-pink-dark-accent, $alternate-pink-dark-warn);
|
||||
@ -1,15 +0,0 @@
|
||||
@import './color-swatches/purple-primary.swatch.scss';
|
||||
@import './color-swatches/white-accent.swatch.scss';
|
||||
@import './color-swatches/blue-primary.swatch.scss';
|
||||
@import '~@angular/material/theming';
|
||||
@include mat-core();
|
||||
|
||||
$purple-white-dark-primary: mat-palette($purple-primary, 500, 400, 700);
|
||||
$purple-white-dark-accent: mat-palette($white-accent, 800, 600, 900);
|
||||
$purple-white-dark-warn: mat-palette($mat-red);
|
||||
$purple-white-dark-theme: mat-dark-theme($purple-white-dark-primary, $purple-white-dark-accent, $purple-white-dark-warn);
|
||||
|
||||
$alternate-purple-white-dark-primary: mat-palette($blue-primary, 500, 300, 900);
|
||||
$alternate-purple-white-dark-accent: mat-palette($white-accent, 800, 600, 900);
|
||||
$alternate-purple-white-dark-warn: mat-palette($mat-red);
|
||||
$alternate-purple-white-dark-theme: mat-dark-theme($alternate-purple-white-dark-primary, $alternate-purple-white-dark-accent, $alternate-purple-white-dark-warn);
|
||||
@ -0,0 +1,31 @@
|
||||
@import './color-swatches/day-foreground.scss';
|
||||
@import './color-swatches/day-background.scss';
|
||||
@import './color-swatches/white-accent.swatch.scss';
|
||||
@import './color-swatches/blue-primary.swatch.scss';
|
||||
@import '~@angular/material/theming';
|
||||
@include mat-core();
|
||||
|
||||
@function create-custom-theme($primary, $accent, $warn: mat-palette($mat-red)) {
|
||||
@return (
|
||||
primary: $primary,
|
||||
accent: $accent,
|
||||
warn: $warn,
|
||||
is-dark: false,
|
||||
foreground: $custom-day-theme-foreground,
|
||||
background: $custom-day-theme-background
|
||||
);
|
||||
}
|
||||
|
||||
$green-primary: mat-palette($mat-teal, 800, 300, 900);
|
||||
$green-accent: mat-palette($mat-amber, A200, A100, A700);
|
||||
$green-warn: mat-palette($mat-red, A200);
|
||||
|
||||
$alternate-green-primary: mat-palette($blue-primary, 500, 300, 900);
|
||||
$alternate-green-accent: mat-palette($white-accent, 800, 600, 900);
|
||||
$alternate-green-warn: mat-palette($mat-red);
|
||||
|
||||
$green-day-theme: create-custom-theme($green-primary, $green-accent, $green-warn);
|
||||
$alternate-green-day-theme: mat-light-theme($alternate-green-primary, $alternate-green-accent, $alternate-green-warn);
|
||||
|
||||
$green-night-theme: mat-dark-theme($green-primary, $green-accent, $green-warn);
|
||||
$alternate-green-night-theme: mat-dark-theme($alternate-green-primary, $alternate-green-accent, $alternate-green-warn);
|
||||
@ -1,60 +0,0 @@
|
||||
@import './color-swatches/purple-primary.swatch.scss';
|
||||
@import './color-swatches/white-accent.swatch.scss';
|
||||
@import './color-swatches/blue-primary.swatch.scss';
|
||||
@import '~@angular/material/theming';
|
||||
@include mat-core();
|
||||
|
||||
$custom-light-theme-background: (
|
||||
status-bar: map_get($mat-grey, 300),
|
||||
app-bar: map_get($mat-grey, 100),
|
||||
background:map_get($mat-gray, 100),
|
||||
hover: rgba(black, 0.04),
|
||||
card: map_get($mat-gray, 100),
|
||||
dialog: map_get($mat-gray, 100),
|
||||
disabled-button: rgba(black, 0.12),
|
||||
raised-button: map_get($mat-grey, 50),
|
||||
focused-button: $dark-focused,
|
||||
selected-button: map_get($mat-grey, 300),
|
||||
selected-disabled-button: map_get($mat-grey, 400),
|
||||
disabled-button-toggle: map_get($mat-grey, 200),
|
||||
unselected-chip: map_get($mat-grey, 300),
|
||||
disabled-list-option: map_get($mat-grey, 200),
|
||||
);
|
||||
|
||||
$custom-light-theme-foreground: (
|
||||
base: black,
|
||||
divider: $dark-dividers,
|
||||
dividers: $dark-dividers,
|
||||
disabled: $dark-disabled-text,
|
||||
disabled-button: rgba(black, 0.26),
|
||||
disabled-text: $dark-disabled-text,
|
||||
hint-text: $dark-disabled-text,
|
||||
secondary-text: $dark-secondary-text,
|
||||
icon: rgba(black, 1),
|
||||
icons: rgba(black, 1),
|
||||
text: rgba(black, 1),
|
||||
slider-min: rgba(black, 1),
|
||||
slider-off: rgba(black, 0.5),
|
||||
slider-off-active: rgba(black, 0.6),
|
||||
);
|
||||
|
||||
@function create-custom-theme($primary, $accent, $warn: mat-palette($mat-red)) {
|
||||
@return (
|
||||
primary: $primary,
|
||||
accent: $accent,
|
||||
warn: $warn,
|
||||
is-dark: false,
|
||||
foreground: $custom-light-theme-foreground,
|
||||
background: $custom-light-theme-background
|
||||
);
|
||||
}
|
||||
|
||||
$blue-light-primary: mat-palette($mat-indigo, 800, 300, 900);
|
||||
$blue-light-accent: mat-palette($mat-pink, A200, A100, A400);
|
||||
$blue-light-warn: mat-palette($mat-red, 500);
|
||||
$blue-light-theme: create-custom-theme($blue-light-primary, $blue-light-accent, $blue-light-warn);
|
||||
|
||||
$alternate-blue-light-primary: mat-palette($blue-primary, 500, 300, 900);
|
||||
$alternate-blue-light-accent: mat-palette($white-accent, 800, 600, 900);
|
||||
$alternate-blue-light-warn: mat-palette($mat-red);
|
||||
$alternate-blue-light-theme: mat-dark-theme($alternate-blue-light-primary, $alternate-blue-light-accent, $alternate-blue-light-warn);
|
||||
@ -1,60 +0,0 @@
|
||||
@import './color-swatches/purple-primary.swatch.scss';
|
||||
@import './color-swatches/white-accent.swatch.scss';
|
||||
@import './color-swatches/blue-primary.swatch.scss';
|
||||
@import '~@angular/material/theming';
|
||||
@include mat-core();
|
||||
|
||||
$custom-light-theme-background: (
|
||||
status-bar: map_get($mat-grey, 300),
|
||||
app-bar: map_get($mat-grey, 100),
|
||||
background:map_get($mat-gray, 100),
|
||||
hover: rgba(black, 0.04),
|
||||
card: map_get($mat-gray, 100),
|
||||
dialog: map_get($mat-gray, 100),
|
||||
disabled-button: rgba(black, 0.12),
|
||||
raised-button: map_get($mat-grey, 50),
|
||||
focused-button: $dark-focused,
|
||||
selected-button: map_get($mat-grey, 300),
|
||||
selected-disabled-button: map_get($mat-grey, 400),
|
||||
disabled-button-toggle: map_get($mat-grey, 200),
|
||||
unselected-chip: map_get($mat-grey, 300),
|
||||
disabled-list-option: map_get($mat-grey, 200),
|
||||
);
|
||||
|
||||
$custom-light-theme-foreground: (
|
||||
base: black,
|
||||
divider: $dark-dividers,
|
||||
dividers: $dark-dividers,
|
||||
disabled: $dark-disabled-text,
|
||||
disabled-button: rgba(black, 0.26),
|
||||
disabled-text: $dark-disabled-text,
|
||||
hint-text: $dark-disabled-text,
|
||||
secondary-text: $dark-secondary-text,
|
||||
icon: rgba(black, 1),
|
||||
icons: rgba(black, 1),
|
||||
text: rgba(black, 1),
|
||||
slider-min: rgba(black, 1),
|
||||
slider-off: rgba(black, 0.5),
|
||||
slider-off-active: rgba(black, 0.6),
|
||||
);
|
||||
|
||||
@function create-custom-theme($primary, $accent, $warn: mat-palette($mat-red)) {
|
||||
@return (
|
||||
primary: $primary,
|
||||
accent: $accent,
|
||||
warn: $warn,
|
||||
is-dark: false,
|
||||
foreground: $custom-light-theme-foreground,
|
||||
background: $custom-light-theme-background
|
||||
);
|
||||
}
|
||||
|
||||
$blue-gray-light-primary: mat-palette($mat-blue-gray, 800, 200, 900);
|
||||
$blue-gray-light-accent: mat-palette($mat-green, 600, 300, 900);
|
||||
$blue-gray-light-warn: mat-palette($mat-red, A400);
|
||||
$blue-gray-light-theme: create-custom-theme($blue-gray-light-primary, $blue-gray-light-accent, $blue-gray-light-warn);
|
||||
|
||||
$alternate-blue-gray-light-primary: mat-palette($blue-primary, 500, 300, 900);
|
||||
$alternate-blue-gray-light-accent: mat-palette($white-accent, 800, 600, 900);
|
||||
$alternate-blue-gray-light-warn: mat-palette($mat-red);
|
||||
$alternate-blue-gray-light-theme: mat-dark-theme($alternate-blue-gray-light-primary, $alternate-blue-gray-light-accent, $alternate-blue-gray-light-warn);
|
||||
@ -1,15 +0,0 @@
|
||||
@import './color-swatches/purple-primary.swatch.scss';
|
||||
@import './color-swatches/white-accent.swatch.scss';
|
||||
@import './color-swatches/blue-primary.swatch.scss';
|
||||
@import '~@angular/material/theming';
|
||||
@include mat-core();
|
||||
|
||||
$purple-white-light-primary: mat-palette($purple-primary, 500, 400, 700);
|
||||
$purple-white-light-accent: mat-palette($white-accent, 800, 600, 900);
|
||||
$purple-white-light-warn: mat-palette($mat-red);
|
||||
$purple-white-light-theme: mat-light-theme($purple-white-light-primary, $purple-white-light-accent, $purple-white-light-warn);
|
||||
|
||||
$alternate-purple-white-light-primary: mat-palette($blue-primary, 500, 300, 900);
|
||||
$alternate-purple-white-light-accent: mat-palette($white-accent, 800, 600, 900);
|
||||
$alternate-purple-white-light-warn: mat-palette($mat-red);
|
||||
$alternate-purple-white-light-theme: mat-light-theme($alternate-purple-white-light-primary, $alternate-purple-white-light-accent, $alternate-purple-white-light-warn);
|
||||
@ -1,60 +0,0 @@
|
||||
@import './color-swatches/purple-primary.swatch.scss';
|
||||
@import './color-swatches/white-accent.swatch.scss';
|
||||
@import './color-swatches/blue-primary.swatch.scss';
|
||||
@import '~@angular/material/theming';
|
||||
@include mat-core();
|
||||
|
||||
$custom-light-theme-background: (
|
||||
status-bar: map_get($mat-grey, 300),
|
||||
app-bar: map_get($mat-grey, 100),
|
||||
background:map_get($mat-gray, 100),
|
||||
hover: rgba(black, 0.04),
|
||||
card: map_get($mat-gray, 100),
|
||||
dialog: map_get($mat-gray, 100),
|
||||
disabled-button: rgba(black, 0.12),
|
||||
raised-button: map_get($mat-grey, 50),
|
||||
focused-button: $dark-focused,
|
||||
selected-button: map_get($mat-grey, 300),
|
||||
selected-disabled-button: map_get($mat-grey, 400),
|
||||
disabled-button-toggle: map_get($mat-grey, 200),
|
||||
unselected-chip: map_get($mat-grey, 300),
|
||||
disabled-list-option: map_get($mat-grey, 200),
|
||||
);
|
||||
|
||||
$custom-light-theme-foreground: (
|
||||
base: black,
|
||||
divider: $dark-dividers,
|
||||
dividers: $dark-dividers,
|
||||
disabled: $dark-disabled-text,
|
||||
disabled-button: rgba(black, 0.26),
|
||||
disabled-text: $dark-disabled-text,
|
||||
hint-text: $dark-disabled-text,
|
||||
secondary-text: $dark-secondary-text,
|
||||
icon: rgba(black, 1),
|
||||
icons: rgba(black, 1),
|
||||
text: rgba(black, 1),
|
||||
slider-min: rgba(black, 1),
|
||||
slider-off: rgba(black, 0.5),
|
||||
slider-off-active: rgba(black, 0.6),
|
||||
);
|
||||
|
||||
@function create-custom-theme($primary, $accent, $warn: mat-palette($mat-red)) {
|
||||
@return (
|
||||
primary: $primary,
|
||||
accent: $accent,
|
||||
warn: $warn,
|
||||
is-dark: false,
|
||||
foreground: $custom-light-theme-foreground,
|
||||
background: $custom-light-theme-background
|
||||
);
|
||||
}
|
||||
|
||||
$teal-light-primary: mat-palette($mat-teal, 800, 300, 900);
|
||||
$teal-light-accent: mat-palette($mat-amber, A200, A100, A700);
|
||||
$teal-light-warn: mat-palette($mat-red, A200);
|
||||
$teal-light-theme: create-custom-theme($teal-light-primary, $teal-light-accent, $teal-light-warn);
|
||||
|
||||
$alternate-teal-light-primary: mat-palette($blue-primary, 500, 300, 900);
|
||||
$alternate-teal-light-accent: mat-palette($white-accent, 800, 600, 900);
|
||||
$alternate-teal-light-warn: mat-palette($mat-red);
|
||||
$alternate-teal-light-theme: mat-dark-theme($alternate-teal-light-primary, $alternate-teal-light-accent, $alternate-teal-light-warn);
|
||||
@ -0,0 +1,17 @@
|
||||
@import './color-swatches/white-accent.swatch.scss';
|
||||
@import './color-swatches/blue-primary.swatch.scss';
|
||||
@import '~@angular/material/theming';
|
||||
@include mat-core();
|
||||
|
||||
$pink-primary: mat-palette($mat-pink, 700, 400, 900);
|
||||
$pink-accent: mat-palette($mat-blue-grey, 700, 500, 900);
|
||||
$pink-warn: mat-palette($mat-red, A200);
|
||||
|
||||
$alternate-pink-primary: mat-palette($blue-primary, 500, 300, 900);
|
||||
$alternate-pink-accent: mat-palette($white-accent, 800, 600, 900);
|
||||
$alternate-pink-warn: mat-palette($mat-red);
|
||||
|
||||
$pink-day-theme: mat-light-theme($pink-primary, $pink-accent, $pink-warn);
|
||||
$alternate-pink-day-theme: mat-light-theme($alternate-pink-primary, $alternate-pink-accent, $alternate-pink-warn);
|
||||
$pink-night-theme: mat-dark-theme($pink-primary, $pink-accent, $pink-warn);
|
||||
$alternate-pink-night-theme: mat-dark-theme($alternate-pink-primary, $alternate-pink-accent, $alternate-pink-warn);
|
||||
@ -0,0 +1,18 @@
|
||||
@import './color-swatches/purple-primary.swatch.scss';
|
||||
@import './color-swatches/white-accent.swatch.scss';
|
||||
@import './color-swatches/blue-primary.swatch.scss';
|
||||
@import '~@angular/material/theming';
|
||||
@include mat-core();
|
||||
|
||||
$purple-white-primary: mat-palette($purple-primary, 500, 400, 700);
|
||||
$purple-white-accent: mat-palette($white-accent, 800, 600, 900);
|
||||
$purple-white-warn: mat-palette($mat-red);
|
||||
|
||||
$alternate-purple-white-primary: mat-palette($blue-primary, 500, 300, 900);
|
||||
$alternate-purple-white-accent: mat-palette($white-accent, 800, 600, 900);
|
||||
$alternate-purple-white-warn: mat-palette($mat-red);
|
||||
|
||||
$purple-white-day-theme: mat-light-theme($purple-white-primary, $purple-white-accent, $purple-white-warn);
|
||||
$alternate-purple-white-day-theme: mat-light-theme($alternate-purple-white-primary, $alternate-purple-white-accent, $alternate-purple-white-warn);
|
||||
$purple-white-night-theme: mat-dark-theme($purple-white-primary, $purple-white-accent, $purple-white-warn);
|
||||
$alternate-purple-white-night-theme: mat-dark-theme($alternate-purple-white-primary, $alternate-purple-white-accent, $alternate-purple-white-warn);
|
||||
Loading…
Reference in New Issue