Giter Site home page Giter Site logo

Comments (15)

Motzart avatar Motzart commented on June 3, 2024

done

from explorer-frontend.

avive avatar avive commented on June 3, 2024

I'm not sure if you deployed to https://stage-explore.spacemesh.io/smeshers - but the background of the right side module is wrong - it should be the entity color... also here: https://stage-explore.spacemesh.io/smeshers/0x022d584db76c7b0b5f4df94883a08566ee40a428bc199cb5ced115e27e0ec476

If you push a fix to develop best is to update the deployment so we can review the fixes.

from explorer-frontend.

avive avatar avive commented on June 3, 2024

Clarification: we have a color for each main entity and we use it in its screens. e.g layer is blue, tx is green - see the google shared doc spec plz for more info.

from explorer-frontend.

avive avatar avive commented on June 3, 2024

Please use these:

  • Layer - BLUE #1776E3
  • Transaction - GREEN #65B042
  • Reward - #24AEA6
  • Epoch - Orange #F79F53
  • Account - #DF32AF
  • Smesher - #F7D353
  • Block - Dark blue #1744E3
  • Vault - Dark Red #DF3266
  • Activation - #5C09AF

from explorer-frontend.

avive avatar avive commented on June 3, 2024

Smeshers right-side module background color is bad. See:

Screen Shot 2020-10-11 at 11 18 03 AM

from explorer-frontend.

Motzart avatar Motzart commented on June 3, 2024

color has been updated, but we need background color for Activation and Smesher

from explorer-frontend.

avive avatar avive commented on June 3, 2024

@vomcent please provide background colors spec for activations and smeshers. The darker shade of the entity color - similar to what we have in the mocks for other entities such as transactions.

from explorer-frontend.

vomcent avatar vomcent commented on June 3, 2024

hey! smesher bg is #4F4731 and atx is #301F44. for future reference the background darker shade is just the result of taking the main color at 20% opacity over the dark grey bg color.

from explorer-frontend.

Motzart avatar Motzart commented on June 3, 2024

fix

from explorer-frontend.

avive avatar avive commented on June 3, 2024

What I see in explorer now is both activations and smeshers using the activations color - they should each have their own color... @Motzart

from explorer-frontend.

Motzart avatar Motzart commented on June 3, 2024

ok, my opinion - https://stage-explore.spacemesh.io/smeshers/0x02b968108db1f9c58a2fadd8c5a7d16c83f931b2357ac9f3f63ba49c21b2ecae/atxs - this is smesher page(because main page is smesher) and should use smesher colors, but this is activation page and should use activation colors https://stage-explore.spacemesh.io/atxs/0xa5f7196dd36fa634e3d3d4e3fef7f46259552ac0c8c612a7f765880ffdb287c5,
correct me please, if I'm wrong @avive

from explorer-frontend.

avive avatar avive commented on June 3, 2024

You are correct.
@vomcent - please have a look at the activation color: https://stage-explore.spacemesh.io/atxs/0x01d74e41c9be232bf146322a78843769dba10fdfa3e12305b09ec44d13efe9c1
The dark purple doesn't look good over the black background... more contrast is needed

Screen Shot 2020-10-27 at 2 51 40 PM

from explorer-frontend.

avive avatar avive commented on June 3, 2024

Please update the activations color to this:
New purple: #7B42F4
Dark purple bg: #362A52
light purple bg: #DBD0F3

Please update the yellow entity with these colors:

New Yellow: #F7D353
Dark Yellow BG: #4F4731
Light Yellow BG: #F4EDD3

from explorer-frontend.

Motzart avatar Motzart commented on June 3, 2024

fix

from explorer-frontend.

avive avatar avive commented on June 3, 2024

confirmed.

from explorer-frontend.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.