github/Ombi
1
0
Fork 0
mirror of https://github.com/Ombi-app/Ombi.git synced 2025-08-19 12:59:39 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Use some new vars in the scss

Browse source
This commit is contained in:
tidusjar 2021-01-15 08:14:52 +00:00
commit 596d09c6d5
3 changed files with 16 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.scss
View file

@ -63,8 +63,8 @@
} }
.discover-filter-buttons-group { .discover-filter-buttons-group {
background: #0f171d; background: $ombi-background-primary;
border: 1px solid #35465c; border: 1px solid $ombi-background-primary-accent;
border-radius: 30px; border-radius: 30px;
color:#fff; color:#fff;
margin-bottom:10px; margin-bottom:10px;
@ -78,7 +78,7 @@
} }
.discover-filter-button.cdk-focused{ .discover-filter-button.cdk-focused{
background:#62d2fa; background:$ombi-active;
} }
.discover-filter-button .mat-button-toggle-button:focus{ .discover-filter-button .mat-button-toggle-button:focus{

12
src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss
View file

@ -122,7 +122,7 @@
.application-name{ .application-name{
font-family: 'Montserrat', sans-serif; font-family: 'Montserrat', sans-serif;
text-transform: uppercase; text-transform: uppercase;
color:#62d2fa; color: $ombi-active;
align-items:center; align-items:center;
justify-content: center; justify-content: center;
font-weight: 700; font-weight: 700;
@ -148,8 +148,8 @@
} }
.active-list-item{ .active-list-item{
color:#1b242f; color:$ombi-background-accent;
background: #62d2fa; background: $ombi-active;
border-radius:0px 30px 30px 0px; border-radius:0px 30px 30px 0px;
padding:10px 20px; padding:10px 20px;
height:auto; height:auto;
@ -162,12 +162,12 @@
} }
.content-container{ .content-container{
background: #0f171d; background: $ombi-background-primary;
color:#FFF; color:#FFF;
.top-bar-container{ .top-bar-container{
background: #0f171d; background: $ombi-background-primary;
color:#35465c; color:$ombi-background-primary-accent;
} }
} }

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

@ -36,4 +36,10 @@ $text-dark: white;
$panel: mat-color(mat-palette($mat-grey, 800)); $panel: mat-color(mat-palette($mat-grey, 800));
$primary-dark: mat-color($ombi-dark-app-primary); $primary-dark: mat-color($ombi-dark-app-primary);
$accent-dark: mat-color($ombi-dark-app-accent); $accent-dark: mat-color($ombi-dark-app-accent);
$warn-dark: mat-color($ombi-dark-app-warn); $warn-dark: mat-color($ombi-dark-app-warn);
$ombi-active: #62d2fa;
$ombi-background-accent: #1b242f;
$ombi-background-primary: #0f171f;
$ombi-background-primary-accent: #35465c;