Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(theme): finalize themes with design system #1481

Merged
merged 38 commits into from
May 24, 2019
Merged

Conversation

nnixaa
Copy link
Collaborator

@nnixaa nnixaa commented May 22, 2019

BREAKING CHANGES:

  • the following sass mixins are removed: nb-radial-gradient, nb-right-gradient
  • common theme variables changes:

renamed:
font-main -> font-family-primary
font-secondary -> font-family-secondary
radius -> border-radius
color-bg -> background-basic-color-1,
color-bg-active -> background-basic-color-2,
color-fg -> text-basic-color,
color-fg-heading -> text-basic-color,
color-fg-text -> text-hint-color,
separator -> divider-color
scrollbar-fg -> scrollbar-color,
scrollbar-bg -> scrollbar-background-color,
scrollbar-thumb-radius -> scrollbar-width

removed:
color-fg-highlight: #40dc7e,

font-weight-thin: 200,
font-weight-light: 300,
font-weight-normal: 400,
font-weight-bolder: 500,
font-weight-bold: 600,
font-weight-ultra-bold: 800,

base-font-size: 16px,

font-size-xlg: 1.25rem,
font-size-lg: 1.125rem,
font-size: 1rem,
font-size-sm: 0.875rem,
font-size-xs: 0.75rem,

padding: 1.25rem,
margin: 1.5rem,
line-height: 1.25,

separator: #ebeef2,// TODO: move to constants
social-color-facebook: #3b5998,
social-color-twitter: #55acee,
social-color-google: #dd4b39,
social-color-linkedin: #0177b5,
social-color-github: #6b6b6b,
social-color-stackoverflow: #2f96e8,
social-color-dribble: #f26798,
social-color-behance: #0093fa,

radial-gradient: none,
linear-gradient: none,

@nnixaa nnixaa requested a review from yggg May 22, 2019 14:46
src/framework/theme/styles/themes/_default.scss Outdated Show resolved Hide resolved
src/framework/theme/styles/themes/_default.scss Outdated Show resolved Hide resolved
src/framework/theme/styles/themes/_cosmic.scss Outdated Show resolved Hide resolved
src/framework/theme/styles/themes/_corporate.scss Outdated Show resolved Hide resolved
Copy link
Contributor

@yggg yggg left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Also, docs:serve failing.
  • Use text-alternate-color for all status card headers.
  • Some components still use background-default-color-1 should be background-bacis-color-1.

@nnixaa
Copy link
Collaborator Author

nnixaa commented May 22, 2019

we also need to remove divider-color: border-default-color-2, from dark theme

@yggg yggg closed this May 22, 2019
@yggg yggg reopened this May 22, 2019
@codecov
Copy link

codecov bot commented May 23, 2019

Codecov Report

Merging #1481 into master will decrease coverage by <.01%.
The diff coverage is 100%.

@@            Coverage Diff             @@
##           master    #1481      +/-   ##
==========================================
- Coverage   83.27%   83.27%   -0.01%     
==========================================
  Files         230      230              
  Lines        7487     7486       -1     
  Branches      659      659              
==========================================
- Hits         6235     6234       -1     
  Misses       1061     1061              
  Partials      191      191
Impacted Files Coverage Δ
...ework/theme/components/chat/chat-form.component.ts 49.15% <ø> (ø) ⬆️
src/framework/auth/components/auth.component.ts 44.44% <ø> (ø) ⬆️
...rk/theme/components/radio/radio-group.component.ts 87.62% <100%> (ø) ⬆️
...ramework/theme/components/radio/radio.component.ts 98.07% <100%> (-0.04%) ⬇️
...rk/theme/components/checkbox/checkbox.component.ts 100% <100%> (ø) ⬆️

@nnixaa nnixaa changed the title Feat/theme finalization fix(theme): finalize themes with design system May 24, 2019
@nnixaa nnixaa merged commit 4363cc3 into master May 24, 2019
@nnixaa nnixaa deleted the feat/theme-finalization branch May 24, 2019 07:38
yggg pushed a commit that referenced this pull request May 27, 2019
BREAKING CHANGES:

The following sass mixins are removed: `nb-radial-gradient`, `nb-right-gradient`.
Theme variables changes:

**renamed:**
font-main -> font-family-primary
font-secondary -> font-family-secondary
radius -> border-radius
color-bg -> background-basic-color-1,
color-bg-active -> background-basic-color-2,
color-fg -> text-basic-color,
color-fg-heading -> text-basic-color,
color-fg-text -> text-hint-color,
separator -> divider-color
scrollbar-fg -> scrollbar-color,
scrollbar-bg -> scrollbar-background-color,
scrollbar-thumb-radius -> scrollbar-width

**removed:**
color-fg-highlight: #40dc7e,

font-weight-thin: 200,
font-weight-light: 300,
font-weight-normal: 400,
font-weight-bolder: 500,
font-weight-bold: 600,
font-weight-ultra-bold: 800,

base-font-size: 16px,

font-size-xlg: 1.25rem,
font-size-lg: 1.125rem,
font-size: 1rem,
font-size-sm: 0.875rem,
font-size-xs: 0.75rem,

padding: 1.25rem,
margin: 1.5rem,
line-height: 1.25,

separator: #ebeef2,
social-color-facebook: #3b5998,
social-color-twitter: #55acee,
social-color-google: #dd4b39,
social-color-linkedin: #0177b5,
social-color-github: #6b6b6b,
social-color-stackoverflow: #2f96e8,
social-color-dribble: #f26798,
social-color-behance: #0093fa,

radial-gradient: none,
linear-gradient: none,
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants