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

improve header css

Browse source
This commit is contained in:
btzr-io 2017-10-02 19:27:44 -06:00
parent b66968d9f9
commit 1ea453237f
3 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ui/dist/themes/light.css vendored
View file

@ -1,4 +1,8 @@
:root { :root {
/* Colors */ /* Colors */
--color-primary: #155B4A; --color-primary: #155B4A;
/* search */
--search-bg: var(--color-canvas);
--search-border: 1px solid rgba(0,0,0,0.15);
} }

4
ui/scss/_vars.scss
View file

@ -24,7 +24,6 @@ $text-color: #000;
--color-bg: #ffffff; --color-bg: #ffffff;
--color-bg-alt: #D9D9D9; --color-bg-alt: #D9D9D9;
/* Misc */ /* Misc */
--content-max-width: 1000px; --content-max-width: 1000px;
--nsfw-blur-intensity: 20px; --nsfw-blur-intensity: 20px;
@ -80,7 +79,8 @@ $text-color: #000;
--header-color: #666; --header-color: #666;
--header-active-color: rgba(0,0,0, 0.85); --header-active-color: rgba(0,0,0, 0.85);
--header-height: $spacing-vertical * 2.5; --header-height: $spacing-vertical * 2.5;
--header-button-bg: var(--button-bg); --header-button-bg: transparent; //var(--button-bg);
--header-button-hover-bg: var(--button-bg);
/* Header -> search */ /* Header -> search */
--search-bg: rgba(255, 255, 255, 0.7); --search-bg: rgba(255, 255, 255, 0.7);

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

@ -19,6 +19,10 @@
padding-right: $spacing-vertical / 4; padding-right: $spacing-vertical / 4;
.button-alt { .button-alt {
background: var(--header-button-bg) !important; background: var(--header-button-bg) !important;
font-size: 18px;
}
.button-alt:hover {
background: var(--header-button-hover-bg) !important;
} }
} }