aredotna/ervell

Dark mode desktop Q&A

Closed this issue · 0 comments

Referring this: https://github.com/aredotna/ervell/blob/master/src/v2/styles/darkColors.js
Replace these values to consolidate and make it consistent with mobile apps (the ones without replacement keep as it is):

  state: {
    premium: '#17B0E2',
    alert: '#B08064',
    editable: '#50483F', --------------------- rgba(247, 225, 199, 0.14) = state.editable
    neutral: '#50483F', // alias editable ---- rgba(247, 225, 199, 0.14) = state.editable
    investor: '#F1CE57',
    supporter: '#6BD2B6',
    highlight: `#696b51`,  ------------------- rgba(247, 225, 199, 0.14) = state.editable
  },

  gray: {
    extraBold: '#fff', ----------------------- (for all hover states)
    bold: '#eee', ---------------------------- #D3D3D3 = gray.base
    base: '#a7a7a7', // Matches `textgray` --- #D3D3D3 = gray.base
    semiBold: '#929292', --------------------- #D3D3D3 = gray.base
    medium: '#666', -------------------------- #6E6E6E = gray.regular
    regular: '#333', ------------------------- #2F2F2F = gray.semiLight
    semiLight: '#171717', -------------------- #2F2F2F = gray.semiLight
    light: '#111111', ------------------------ #2F2F2F = gray.light
    hint: '#080808', ------------------------- #131313 = gray.hint
    block: '#cccccc', ------------------------ #D3D3D3 = gray.base
    input: '#080a0b',                          
  },```