summaryrefslogtreecommitdiff
path: root/src/env/assets/styles/_sila.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/env/assets/styles/_sila.scss')
-rw-r--r--src/env/assets/styles/_sila.scss92
1 files changed, 92 insertions, 0 deletions
diff --git a/src/env/assets/styles/_sila.scss b/src/env/assets/styles/_sila.scss
new file mode 100644
index 00000000..884d62b5
--- /dev/null
+++ b/src/env/assets/styles/_sila.scss
@@ -0,0 +1,92 @@
+@font-face {
+ font-family: 'Inter';
+ src: url('~@/env/assets/fonts/Inter/Inter-ExtraLight.woff2') format('woff2');
+ font-weight: 200;
+}
+@font-face {
+ font-family: 'Inter';
+ src: url('~@/env/assets/fonts/Inter/Inter-ExtraLightItalic.woff2') format('woff2');
+ font-weight: 200;
+ font-style: italic;
+}
+@font-face {
+ font-family: 'Inter';
+ src: url('~@/env/assets/fonts/Inter/Inter-Light.woff2') format('woff2');
+ font-weight: 300;
+}
+@font-face {
+ font-family: 'Inter';
+ src: url('~@/env/assets/fonts/Inter/Inter-Regular.woff2') format('woff2');
+ font-weight: 400;
+}
+@font-face {
+ font-family: 'Inter';
+ src: url('~@/env/assets/fonts/Inter/Inter-Italic.woff2') format('woff2');
+ font-weight: 400;
+ font-style: italic;
+}
+@font-face {
+ font-family: 'Inter';
+ src: url('~@/env/assets/fonts/Inter/Inter-Medium.woff2') format('woff2');
+ font-weight: 500;
+}
+@font-face {
+ font-family: 'Inter';
+ src: url('~@/env/assets/fonts/Inter/Inter-Bold.woff2') format('woff2');
+ font-weight: 700;
+}
+@font-face {
+ font-family: 'Inter';
+ src: url('~@/env/assets/fonts/Inter/Inter-BoldItalic.woff2') format('woff2');
+ font-weight: 700;
+ font-style: italic;
+}
+
+// IBS uses Inter https://github.com/rsms/inter
+
+$font-family-base: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
+$dark: #2c405a;
+
+$blue: #0070ff;
+$red: #e11717;
+$green: #34b233;
+$yellow: #f5bd1f;
+
+$primary: $red;
+$danger: $red;
+$success: $green;
+$warning: $yellow;
+
+$dark-hover: #3c506a;
+
+$red-hover: #FC2A2A;
+$red-active: #df2323;
+$red-disabled: #E17171;
+$red-click: #C71414;
+$red-shadow: #e1171780;
+$red-light-background: #e117170d;
+
+$gray-2: #fbfbfc;
+$gray-5: #1a3e5b0d;
+$gray-5-hover: #1427351a;
+$gray-10: #1a3e5b1a;
+$gray-20: #1a3e5b33;
+$red-40:#e1171766;
+
+$surface-secondary: #F3F4F5;
+$on-surface-secondary: #040a0f99;
+$on-surface-tretiatry: #040A0F4D;
+
+$text-primary: #0C1C29;
+$text-secondary: #0C1C29E5;
+$text-tretiatry: #0c1c2999;
+$text-quaternary: #0c1c294d;
+
+$login-page-description-color: #0c1c2999;
+
+$border-radius: 8px;
+
+$loading-color: #c11d1d;
+$navbar-color: $dark;
+