xevion/the-office
1
0
Fork 0
mirror of https://github.com/Xevion/the-office.git synced 2025-12-09 08:09:17 -06:00
Code Issues Packages Projects Releases Wiki Activity

darken based color changes, badge color white to grey

Browse Source
This commit is contained in:
Xevion
2020-08-11 14:23:45 -05:00
parent 8a13f240e3
commit ba19e8be5b
5 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/App.vue
View File

@@ -26,7 +26,7 @@
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
body { background-color: #0a0a0a; font-family: 'Roboto', sans-serif; }
body { background-color: $grey-0; font-family: 'Roboto', sans-serif; }
.ais-SearchBox-form {
border: none;

2
client/src/assets/scss/_variables.scss
View File

@@ -6,7 +6,7 @@ $grey-7: #565656;
$grey-6: #3e3e3e;
$grey-5: #292929;
$grey-4: #242424;
$grey-3: #1d1d1d;
$grey-3: #191919;
$grey-2: #131313;
$grey-1: #0e0e0e;
$grey-0: #070707;

4
client/src/components/CharacterList.vue
View File

@@ -15,7 +15,6 @@
.btn {
box-shadow: none;
&:focus { box-shadow: none; }
}
@@ -23,6 +22,9 @@
color: $grey-10;
background-color: $grey-4;
border-color: $grey-3;
.badge {
color: lighten($grey-11, 8%);
}
}
.character-button {

1
client/src/components/QuoteList.vue
View File

@@ -24,6 +24,7 @@
}
.quote-speaker {
color: darken($grey-10, 1.75%);
min-width: 100px;
padding-right: 1em;
font-weight: 600;

18
client/src/components/SeasonList.vue
View File

@@ -65,20 +65,24 @@
// Dark theme popover
.popover-header {
background-color: $grey-3;
border-color: $grey-2;
background-color: darken($grey-2, 2.1%);
border-color: $grey-1;
color: $grey-11;
}
// Dark theme popover, arrow-right fix
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
border-right-color: $grey-2;
border-right-color: darken($grey-3, 2%);
}
.season-item .list-group-item:first-child {
border-radius: 0;
}
// Dark theme popover body
.popover-body {
color: $grey-10;
background-color: $grey-2;
background-color: darken($grey-3, 2%);
}
.season-title { color: $grey-8; cursor: pointer; }
@@ -89,7 +93,7 @@
padding: 0;
}
.card-header {
background-color: $grey-2;
background-color: darken($grey-2, 1.5%);
color: $grey-9;
border-bottom: 1px solid $grey-0;
font-family: 'Montserrat', sans-serif;
@@ -98,12 +102,12 @@
.episode-item {
border-color: $grey-2;
background-color: $grey-2;
background-color: darken($grey-3, 2%);
color: $grey-8;
border-left-width: 0;
border-right-width: 0;
&:hover { background-color: $grey-2; }
&:hover { background-color: darken($grey-3, 1%); }
}
.no-link {