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

Replaced raw values with variables

Browse source
This commit is contained in:
netop://ウエハ 2019-07-01 13:42:32 -05:00 committed by Sean Yesmunt
parent 2d8696a2e3
commit e20c8e6b95
15 changed files with 40 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/ui/scss/component/_badge.scss
View file

@ -9,7 +9,7 @@
} }
[data-mode='dark'] & { [data-mode='dark'] & {
color: #ddd; color: var(--dm-color-01);
background-color: rgba($lbry-teal-5, 0.3); background-color: rgba($lbry-teal-5, 0.3);
} }
} }

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

@ -8,7 +8,7 @@
font-size: 1.25rem; font-size: 1.25rem;
[data-mode='dark'] & { [data-mode='dark'] & {
background-color: #353434; background-color: var(--dm-color-05);
box-shadow: var(--card-box-shadow) darken($lbry-gray-1, 80%); box-shadow: var(--card-box-shadow) darken($lbry-gray-1, 80%);
} }
} }

10
src/ui/scss/component/_claim-list.scss
View file

@ -32,7 +32,7 @@
} }
[data-mode='dark'] & { [data-mode='dark'] & {
color: #ddd; color: var(--dm-color-01);
} }
} }
@ -57,7 +57,7 @@
background-color: lighten($lbry-black, 10%); background-color: lighten($lbry-black, 10%);
[data-mode='dark'] & { [data-mode='dark'] & {
color: #ddd; color: var(--dm-color-01);
} }
} }
@ -66,7 +66,7 @@
background-color: lighten($lbry-black, 10%); background-color: lighten($lbry-black, 10%);
[data-mode='dark'] & { [data-mode='dark'] & {
background-color: #252424; background-color: var(--dm-color-07);
} }
} }
@ -93,7 +93,7 @@
background-color: darken($lbry-white, 5%); background-color: darken($lbry-white, 5%);
[data-mode='dark'] & { [data-mode='dark'] & {
background-color: #555254; background-color: var(--dm-color-04);
} }
} }
@ -115,7 +115,7 @@
border-bottom: 1px solid rgba($lbry-teal-5, 0.1); border-bottom: 1px solid rgba($lbry-teal-5, 0.1);
[data-mode='dark'] & { [data-mode='dark'] & {
border-bottom: 1px solid #555254; border-top: 1px solid var(--dm-color-04);
} }
} }

4
src/ui/scss/component/_expandable.scss
View file

@ -4,7 +4,7 @@
padding-bottom: var(--spacing-medium); padding-bottom: var(--spacing-medium);
[data-mode='dark'] & { [data-mode='dark'] & {
border-color: #555254; border-color: var(--dm-color-04);
} }
} }
@ -34,7 +34,7 @@
position: absolute; position: absolute;
[data-mode='dark'] & { [data-mode='dark'] & {
background-image: linear-gradient(to bottom, transparent 0%, #1e1e1e 90%); background-image: linear-gradient(to bottom, transparent 0%, var(--dm-color-08) 90%);
} }
} }
} }

2
src/ui/scss/component/_form-field.scss
View file

@ -255,7 +255,7 @@ fieldset-section {
input:not(:focus):not(.form-field--copyable), input:not(:focus):not(.form-field--copyable),
textarea:not(:focus), textarea:not(:focus),
select:not(:focus) { select:not(:focus) {
border-color: #555254; border-color: var(--dm-color-04);
} }
} }
} }

6
src/ui/scss/component/_header.scss
View file

@ -10,8 +10,8 @@
padding-right: var(--spacing-large); padding-right: var(--spacing-large);
[data-mode='dark'] & { [data-mode='dark'] & {
background-color: #353434; background-color: var(--dm-color-05);
color: #ddd; color: var(--dm-color-01);
border-bottom: none; border-bottom: none;
box-shadow: var(--card-box-shadow) $lbry-black; box-shadow: var(--card-box-shadow) $lbry-black;
} }
@ -88,7 +88,7 @@
} }
svg { svg {
stroke: #ddd; stroke: var(--dm-color-01);
} }
} }
} }

2
src/ui/scss/component/_main.scss
View file

@ -9,7 +9,7 @@
display: flex; display: flex;
[data-mode='dark'] & { [data-mode='dark'] & {
background-color: #1e1e1e; background-color: var(--dm-color-08);
} }
} }

2
src/ui/scss/component/_media.scss
View file

@ -35,7 +35,7 @@
background-size: cover; background-size: cover;
[data-mode='dark'] & { [data-mode='dark'] & {
background-color: #555254; background-color: var(--dm-color-04);
} }
} }
} }

6
src/ui/scss/component/_navigation.scss
View file

@ -55,14 +55,16 @@
} }
[data-mode='dark'] & { [data-mode='dark'] & {
color: #ddd; color: var(--dm-color-01);
svg { svg {
color: #ddd; color: var(--dm-color-01);
} }
&:hover, &:hover,
&.navigation__link--active { &.navigation__link--active {
color: $lbry-teal-4; color: $lbry-teal-4;
.icon { .icon {
color: $lbry-teal-4; color: $lbry-teal-4;
} }

2
src/ui/scss/component/_spinner.scss
View file

@ -43,7 +43,7 @@
background-color: $lbry-white; background-color: $lbry-white;
[data-mode='dark'] & { [data-mode='dark'] & {
background-color: #ddd; background-color: var(--dm-color-01);
} }
} }
} }

4
src/ui/scss/component/_wunderbar.scss
View file

@ -58,11 +58,11 @@
} }
[data-mode='dark'] & { [data-mode='dark'] & {
background-color: #6a6a6a; background-color: var(--dm-color-03);
color: $lbry-white; color: $lbry-white;
&::placeholder { &::placeholder {
color: #90908f; color: var(--dm-color-02);
} }
} }
} }

14
src/ui/scss/init/_gui.scss
View file

@ -9,7 +9,7 @@ html {
overflow-x: hidden; overflow-x: hidden;
&[data-mode='dark'] { &[data-mode='dark'] {
background-color: #1e1e1e; background-color: var(--dm-color-08);
} }
} }
@ -24,8 +24,8 @@ body {
background-color: mix($lbry-white, $lbry-gray-1, 70%); background-color: mix($lbry-white, $lbry-gray-1, 70%);
[data-mode='dark'] & { [data-mode='dark'] & {
background-color: #1e1e1e; background-color: var(--dm-color-08);
color: #ddd; color: var(--dm-color-01);
} }
} }
@ -54,7 +54,7 @@ hr {
background-color: $lbry-gray-1; background-color: $lbry-gray-1;
[data-mode='dark'] & { [data-mode='dark'] & {
background-color: #555254; background-color: var(--dm-color-04);
} }
} }
@ -147,7 +147,7 @@ hr {
border-radius: 5px; border-radius: 5px;
[data-mode='dark'] & { [data-mode='dark'] & {
background-color: #2e2d2e; background-color: var(--dm-color-06);
color: inherit; color: inherit;
} }
} }
@ -231,7 +231,7 @@ hr {
fieldset, fieldset,
.fieldset { .fieldset {
[data-mode='dark'] & { [data-mode='dark'] & {
border-top-color: #555254; border-top-color: var(--dm-color-04);
} }
} }
@ -246,6 +246,6 @@ checkbox-toggle,
radio-toggle, radio-toggle,
.radio-toggle { .radio-toggle {
[data-mode='dark'] & { [data-mode='dark'] & {
border-color: #555254; border-color: var(--dm-color-04);
} }
} }

2
src/ui/scss/init/_mixins.scss
View file

@ -4,7 +4,7 @@
border-radius: var(--card-radius); border-radius: var(--card-radius);
[data-mode='dark'] & { [data-mode='dark'] & {
background-color: #555254; background-color: var(--dm-color-04);
} }
} }

10
src/ui/scss/init/_vars.scss
View file

@ -26,6 +26,16 @@ $large-breakpoint: 1921px;
// Color // Color
--color-background: #270f34; --color-background: #270f34;
// Dark Mode
--dm-color-01: #ddd;
--dm-color-02: #90908f;
--dm-color-03: #6a6a6a;
--dm-color-04: #555254;
--dm-color-05: #353434;
--dm-color-06: #2e2d2e;
--dm-color-07: #252424;
--dm-color-08: #1e1e1e;
// Text // Text
--text-max-width: 660px; --text-max-width: 660px;
--text-link-padding: 4px; --text-link-padding: 4px;

1
static/locales/en.json
View file

@ -458,7 +458,6 @@
"This will appear as a tip for \"Original LBRY porn - Nude Hot Girl masturbates FREE\".": "This will appear as a tip for \"Original LBRY porn - Nude Hot Girl masturbates FREE\".", "This will appear as a tip for \"Original LBRY porn - Nude Hot Girl masturbates FREE\".": "This will appear as a tip for \"Original LBRY porn - Nude Hot Girl masturbates FREE\".",
"You sent 25 LBC as a tip, Mahalo!": "You sent 25 LBC as a tip, Mahalo!", "You sent 25 LBC as a tip, Mahalo!": "You sent 25 LBC as a tip, Mahalo!",
"LBRY names cannot contain that symbol ($, #, @)": "LBRY names cannot contain that symbol ($, #, @)", "LBRY names cannot contain that symbol ($, #, @)": "LBRY names cannot contain that symbol ($, #, @)",
"Invalid character %s in name: %s.": "Invalid character %s in name: %s.",
"Path copied.": "Path copied.", "Path copied.": "Path copied.",
"Open Folder": "Open Folder", "Open Folder": "Open Folder",
"Create Backup": "Create Backup" "Create Backup": "Create Backup"