Start9/start-os
2
0
Fork 0
mirror of https://github.com/Start9Labs/start-os.git synced 2026-04-01 21:13:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

rework success page, html download, and more

Browse Source
This commit is contained in:
Matt Hill
2021-10-31 12:07:32 -06:00
committed by Aiden McClelland
parent 5eca577152
commit c65f019ffc
38 changed files with 523 additions and 397 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
setup-wizard/src/theme/variables.scss
View File

@@ -4,17 +4,19 @@
/** Ionic CSS Variables **/
:root {
--ion-font-family: 'Benton Sans';
--ion-background-color: var(--ion-color-medium);
--ion-background-color-rgb: var(--ion-color-medium-rgb);
--ion-text-color: var(--ion-color-dark);
--ion-text-color-rgb: var(--ion-color-dark-rgb);
/** primary **/
--ion-color-primary: #428cff;
--ion-backdrop-opacity: .75;
--ion-color-primary: #0075e1;
--ion-color-primary-rgb: 66,140,255;
--ion-color-primary-contrast: #ffffff;
--ion-color-primary-contrast-rgb: 255,255,255;
--ion-color-primary-shade: #3a7be0;
--ion-color-primary-tint: #5598ff;
/** secondary **/
--ion-color-secondary: #50c8ff;
--ion-color-secondary-rgb: 80,200,255;
--ion-color-secondary-contrast: #ffffff;
@@ -22,7 +24,6 @@
--ion-color-secondary-shade: #46b0e0;
--ion-color-secondary-tint: #62ceff;
/** tertiary **/
--ion-color-tertiary: #6a64ff;
--ion-color-tertiary-rgb: 106,100,255;
--ion-color-tertiary-contrast: #ffffff;
@@ -30,7 +31,6 @@
--ion-color-tertiary-shade: #5d58e0;
--ion-color-tertiary-tint: #7974ff;
/** success **/
--ion-color-success: #2fdf75;
--ion-color-success-rgb: 47,223,117;
--ion-color-success-contrast: #000000;
@@ -38,7 +38,6 @@
--ion-color-success-shade: #29c467;
--ion-color-success-tint: #44e283;
/** warning **/
--ion-color-warning: #ffd534;
--ion-color-warning-rgb: 255,213,52;
--ion-color-warning-contrast: #000000;
@@ -46,7 +45,6 @@
--ion-color-warning-shade: #e0bb2e;
--ion-color-warning-tint: #ffd948;
/** danger **/
--ion-color-danger: #ff4961;
--ion-color-danger-rgb: 255,73,97;
--ion-color-danger-contrast: #ffffff;
@@ -54,7 +52,20 @@
--ion-color-danger-shade: #e04055;
--ion-color-danger-tint: #ff5b71;
/** dark **/
--ion-color-light: #181818;
--ion-color-light-rgb: 24,24,24;
--ion-color-light-contrast: #ffffff;
--ion-color-light-contrast-rgb: 0,0,0;
--ion-color-light-shade: #000000;
--ion-color-light-tint: #000000;
--ion-color-medium: #222428;
--ion-color-medium-rgb: 34,36,40;
--ion-color-medium-contrast: #ffffff;
--ion-color-medium-contrast-rgb: 255,255,255;
--ion-color-medium-shade: #1e2023;
--ion-color-medium-tint: #383a3e;
--ion-color-dark: #e0e0e0;
--ion-color-dark-rgb: 224,224,224;
--ion-color-dark-contrast: #000000;
@@ -62,21 +73,25 @@
--ion-color-dark-shade: #bfbfbf;
--ion-color-dark-tint: #d8d8d8;
/** medium **/
--ion-color-medium: #989aa2;
--ion-color-medium-rgb: 152,154,162;
--ion-color-medium-contrast: #000000;
--ion-color-medium-contrast-rgb: 0,0,0;
--ion-color-medium-shade: #86888f;
--ion-color-medium-tint: #a2a4ab;
/** light **/
--ion-color-light: #25272b;
--ion-color-light-rgb: 34,36,40;
--ion-color-light-contrast: #ffffff;
--ion-color-light-contrast-rgb: 255,255,255;
--ion-color-light-shade: #1e2023;
--ion-color-light-tint: #383a3e;
--ion-color-step-50: #1e1e1e;
--ion-color-step-100: #2a2a2a;
--ion-color-step-150: #363636;
--ion-color-step-200: #414141;
--ion-color-step-250: #4d4d4d;
--ion-color-step-300: #595959;
--ion-color-step-350: #656565;
--ion-color-step-400: #717171;
--ion-color-step-450: #7d7d7d;
--ion-color-step-500: #898989;
--ion-color-step-550: #949494;
--ion-color-step-600: #a0a0a0;
--ion-color-step-650: #acacac;
--ion-color-step-700: #b8b8b8;
--ion-color-step-750: #c4c4c4;
--ion-color-step-800: #d0d0d0;
--ion-color-step-850: #dbdbdb;
--ion-color-step-900: #e7e7e7;
--ion-color-step-950: #f3f3f3;
}
@font-face {
@@ -86,6 +101,20 @@
src: url('../assets/fonts/Montserrat/Montserrat-Regular.ttf');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: bold;
src: url('../assets/fonts/Montserrat/Montserrat-Bold.ttf');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: thin;
src: url('../assets/fonts/Montserrat/Montserrat-Light.ttf');
}
@font-face {
font-family: 'Benton Sans';
font-style: normal;