LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

color cleanup

Browse source
This commit is contained in:
Sean Yesmunt 2020-01-22 09:26:39 -05:00
parent 80595311c6
commit 6e2d37b474
6 changed files with 5 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/scss/component/_card.scss
View file

@ -3,7 +3,7 @@
margin-bottom: var(--spacing-large); margin-bottom: var(--spacing-large);
position: relative; position: relative;
border-radius: var(--card-radius); border-radius: var(--card-radius);
box-shadow: var(--card-box-shadow) var(--color-box-shadow); box-shadow: var(--card-box-shadow);
overflow: hidden; overflow: hidden;
@media (max-width: $breakpoint-small) { @media (max-width: $breakpoint-small) {

2
ui/scss/component/_header.scss
View file

@ -4,7 +4,7 @@
top: 0; top: 0;
width: 100%; width: 100%;
background-color: var(--color-header-background); background-color: var(--color-header-background);
box-shadow: var(--card-box-shadow) var(--color-box-shadow); box-shadow: var(--card-box-shadow);
font-size: var(--font-body); font-size: var(--font-body);
-webkit-user-select: none; -webkit-user-select: none;
-webkit-app-region: drag; -webkit-app-region: drag;

2
ui/scss/component/menu-button.scss
View file

@ -53,7 +53,7 @@
.menu__list--header { .menu__list--header {
margin-top: 19px; margin-top: 19px;
margin-left: calc(var(--spacing-medium) * -1); margin-left: calc(var(--spacing-medium) * -1);
box-shadow: var(--card-box-shadow--attached) var(--color-box-shadow); box-shadow: var(--card-box-shadow);
animation: menu-animate-in var(--animation-duration) var(--animation-style); animation: menu-animate-in var(--animation-duration) var(--animation-style);
} }

3
ui/scss/init/_vars.scss
View file

@ -42,8 +42,7 @@ $breakpoint-small: 900px;
// Card // Card
--card-radius: var(--border-radius); --card-radius: var(--border-radius);
--card-max-width: 1000px; --card-max-width: 1000px;
--card-box-shadow: 0px 2px 6px 0px; --card-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
--card-box-shadow--attached: 0px 4px 6px 0px;
// Modal // Modal
--modal-width: 440px; --modal-width: 440px;

3
ui/scss/themes/dark.scss
View file

@ -60,7 +60,7 @@
--color-menu-background: var(--color-header-background); --color-menu-background: var(--color-header-background);
--color-menu-background--selected: #89939e; --color-menu-background--selected: #89939e;
--color-menu-background--active: #89939e; --color-menu-background--active: #89939e;
--color-menu-icon: var(--color-link-icon); --color-menu-icon: #a7a7a7;
--color-menu-icon-active: #d6d6d6; --color-menu-icon-active: #d6d6d6;
// Table // Table
@ -69,7 +69,6 @@
// Search // Search
--color-search-suggestion: #212529; --color-search-suggestion: #212529;
--color-search-suggestion-background: #cce6fb; --color-search-suggestion-background: #cce6fb;
--color-box-shadow: #212529;
--color-placeholder-background: #4e5862; --color-placeholder-background: #4e5862;
--color-spinner-light: #5a6570; --color-spinner-light: #5a6570;
--color-spinner-dark: #212529; --color-spinner-dark: #212529;

1
ui/scss/themes/light.scss
View file

@ -26,7 +26,6 @@
--color-spinner-light: #ffffff; --color-spinner-light: #ffffff;
--color-spinner-dark: #212529; --color-spinner-dark: #212529;
--color-box-shadow: #c4c4c4;
--color-placeholder-background: #f0f0f0; --color-placeholder-background: #f0f0f0;
--color-header-background: #ffffff; --color-header-background: #ffffff;
--color-card-background: #ffffff; --color-card-background: #ffffff;