diff --git a/src/Ombi/ClientApp/src/fonts/MaterialIcons-Regular.woff2 b/src/Ombi/ClientApp/src/fonts/MaterialIcons-Regular.woff2
new file mode 100644
index 000000000..3d95fdfd6
Binary files /dev/null and b/src/Ombi/ClientApp/src/fonts/MaterialIcons-Regular.woff2 differ
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.eot b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.eot
new file mode 100644
index 000000000..052b15c60
Binary files /dev/null and b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.eot differ
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.svg b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.svg
new file mode 100644
index 000000000..4ded944a8
--- /dev/null
+++ b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.svg
@@ -0,0 +1,312 @@
+
+
+
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.ttf b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.ttf
new file mode 100644
index 000000000..0ddede80e
Binary files /dev/null and b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.ttf differ
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.woff b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.woff
new file mode 100644
index 000000000..36979aeef
Binary files /dev/null and b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.woff differ
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.woff2 b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.woff2
new file mode 100644
index 000000000..60681387e
Binary files /dev/null and b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-300.woff2 differ
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.eot b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.eot
new file mode 100644
index 000000000..fec036126
Binary files /dev/null and b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.eot differ
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.svg b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.svg
new file mode 100644
index 000000000..67eecf442
--- /dev/null
+++ b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.svg
@@ -0,0 +1,305 @@
+
+
+
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.ttf b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.ttf
new file mode 100644
index 000000000..4f515e2ad
Binary files /dev/null and b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.ttf differ
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.woff b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.woff
new file mode 100644
index 000000000..d39bb52a5
Binary files /dev/null and b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.woff differ
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.woff2 b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.woff2
new file mode 100644
index 000000000..29342a8de
Binary files /dev/null and b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-500.woff2 differ
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.eot b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.eot
new file mode 100644
index 000000000..c244b089c
Binary files /dev/null and b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.eot differ
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.svg b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.svg
new file mode 100644
index 000000000..627f5a368
--- /dev/null
+++ b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.svg
@@ -0,0 +1,308 @@
+
+
+
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.ttf b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.ttf
new file mode 100644
index 000000000..d0e63254c
Binary files /dev/null and b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.ttf differ
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.woff b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.woff
new file mode 100644
index 000000000..9eaa94f9b
Binary files /dev/null and b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.woff differ
diff --git a/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.woff2 b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.woff2
new file mode 100644
index 000000000..020729ef8
Binary files /dev/null and b/src/Ombi/ClientApp/src/fonts/roboto-v30-latin-regular.woff2 differ
diff --git a/src/Ombi/ClientApp/src/index.html b/src/Ombi/ClientApp/src/index.html
index 4f7786647..582a77fe7 100644
--- a/src/Ombi/ClientApp/src/index.html
+++ b/src/Ombi/ClientApp/src/index.html
@@ -1,11 +1,9 @@
-
+
-
-
@@ -20,12 +18,11 @@
Ombi
-
-
+
diff --git a/src/Ombi/ClientApp/src/styles/Styles.scss b/src/Ombi/ClientApp/src/styles/Styles.scss
index 268833bbc..8dbeada30 100644
--- a/src/Ombi/ClientApp/src/styles/Styles.scss
+++ b/src/Ombi/ClientApp/src/styles/Styles.scss
@@ -1,5 +1,6 @@
@import '@angular/material/theming';
@import "./variables.scss";
+@import "./fonts.scss";
// Plus imports for other components in your app.
// Include the common styles for Angular Material. We include this here so that you only
// have to load a single css file for Angular Material in your app.
@@ -47,11 +48,11 @@
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{
color: $ombi-active;
}
-
+
.mat-form-field.mat-focused .mat-form-field-label{
color: $ombi-active;
}
-
+
.mat-input-element{
caret-color: $ombi-active;
}
@@ -104,7 +105,7 @@
.mat-tooltip{
background: $ombi-background-accent;
- }
+ }
//Wizard CSS
.mat-stepper-horizontal, .mat-stepper-vertical{
@@ -177,4 +178,4 @@
.right-buttons {
float:right;
- }
\ No newline at end of file
+ }
diff --git a/src/Ombi/ClientApp/src/styles/fonts.scss b/src/Ombi/ClientApp/src/styles/fonts.scss
new file mode 100644
index 000000000..f92c724bd
--- /dev/null
+++ b/src/Ombi/ClientApp/src/styles/fonts.scss
@@ -0,0 +1,54 @@
+/* roboto-300 - latin */
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 300;
+ src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
+ src: local(''),
+ url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
+ url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
+ url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
+}
+
+/* roboto-regular - latin */
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 400;
+ src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
+ src: local(''),
+ url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+ url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
+ url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
+}
+
+/* roboto-500 - latin */
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 500;
+ src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
+ src: local(''),
+ url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
+ url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
+ url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
+}
+
+/* material icons */
+@font-face {
+ font-family: 'Material Icons';
+ font-style: normal;
+ font-weight: 400;
+ //src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
+ src: local('Material Icons'),
+ local('MaterialIcons-Regular'),
+ url('../fonts/MaterialIcons-Regular.woff2') format('woff2'),
+ //url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
+ //url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
+}