github/Ombi
1
0
Fork 0
mirror of https://github.com/Ombi-app/Ombi.git synced 2025-08-14 02:26:55 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

changed some of the base theming

Browse source
This commit is contained in:
tidusjar 2021-01-15 08:39:17 +00:00
commit 63b8984dbf
5 changed files with 12 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/Ombi/ClientApp/angular.json
View file

@ -25,10 +25,8 @@
"src/assets"
],
"styles": [
"./node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css",
"src/styles/_imports.scss",
"node_modules/bootstrap/scss/bootstrap.scss",
"node_modules/primeng/resources/themes/md-dark-deeppurple/theme.css",
"node_modules/font-awesome/scss/font-awesome.scss",
"node_modules/primeng/resources/primeng.min.css",
"node_modules/primeicons/primeicons.css",

2
src/Ombi/ClientApp/src/app/app.component.html
View file

@ -170,7 +170,7 @@
<div>
<app-my-nav id="main-container" [showNav]="showNav" [isAdmin]="isAdmin" [applicationName]="applicationName" [applicationLogo]="customizationSettings?.logo" [username]="username" [email]="user?.email " (logoutClick)="logOut();" (themeChange)="onSetTheme($event)">
<app-my-nav id="main-container dark" [showNav]="showNav" [isAdmin]="isAdmin" [applicationName]="applicationName" [applicationLogo]="customizationSettings?.logo" [username]="username" [email]="user?.email " (logoutClick)="logOut();" (themeChange)="onSetTheme($event)">
</app-my-nav>

2
src/Ombi/ClientApp/src/styles/Styles.scss
View file

@ -21,6 +21,4 @@ $dark-theme: mat-dark-theme($ombi-dark-app-primary, $ombi-dark-app-accent, $ombi
// `.dark` will be affected by this alternate dark theme instead of the default theme.
.dark {
@include angular-material-theme($dark-theme);
}

4
src/Ombi/ClientApp/src/styles/shared.scss
View file

@ -39,7 +39,7 @@ html,
body {
min-height: 100vh;
overflow: initial;
scrollbar-color: #616161 #303030; //firefox
// scrollbar-color: #616161 #303030; //firefox
scrollbar-width: thin; //firefox
-webkit-overflow-scrolling: touch;
}
@ -106,7 +106,7 @@ table {
}
::ng-deep .dark .nav-link.active {
color: #303030;
color: $ombi-active;
background-color: $accent-dark;
border-color: rgba(0, 0, 0, 0.18);
font-weight: 400;

17
src/Ombi/ClientApp/src/styles/variables.scss
View file

@ -1,17 +1,18 @@
@import "./mat-palette.scss";
// @import "./mat-palette.scss";
@import '~@angular/material/theming';
@import "./new-mat-palette.scss";
// BASE
// Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue. Available color palettes: https://material.io/design/color/
$ombi-app-primary: mat-palette($ombi-primary);
$ombi-app-accent : mat-palette($ombi-accent, 400);
$ombi-app-accent : mat-palette($ombi-accent);
// The warn palette is optional (defaults to red).
$ombi-app-warn : mat-palette($mat-deep-orange);
// Define an alternate dark theme.
$ombi-dark-app-primary: mat-palette($mat-grey, 800);
$ombi-dark-app-accent: mat-palette($mat-amber, A200, A100, A400);
$ombi-dark-app-primary: mat-palette($ombi-primary);
$ombi-dark-app-accent: mat-palette($ombi-accent);
$ombi-dark-app-warn: mat-palette($mat-deep-orange);
@ -30,16 +31,16 @@ $warn: mat-color($ombi-app-warn);
// DARK
$background-dark: mat-color(mat-palette($mat-grey, 800));;
$background-dark: mat-color( mat-palette($ombi-background));
$backgroundTint-dark: mat-color(mat-palette($mat-grey, 900));
$text-dark: white;
$panel: mat-color(mat-palette($mat-grey, 800));
$panel: mat-color($ombi-dark-app-primary);
$primary-dark: mat-color($ombi-dark-app-primary);
$accent-dark: mat-color($ombi-dark-app-accent);
$warn-dark: mat-color($ombi-dark-app-warn);
$ombi-active: #62d2fa;
$ombi-background-accent: #1b242f;
$ombi-active: mat-color($ombi-dark-app-accent);
$ombi-background-accent: mat-color($ombi-dark-app-primary);
$ombi-background-primary: #0f171f;
$ombi-background-primary-accent: #35465c;