Git Product home page Git Product logo

Comments (3)

EddieAtOlive avatar EddieAtOlive commented on August 31, 2024 1

design kit mismatch

Sorry about the current inconsistencies of the design kit vs what's actually available in the LDK today. We intend to keep adding features to match up with those styles and also incorporate that kit directly into the LDK docs to keep them in-sync.

Loop Logo / Icon

I misspoke a little earlier when describing the current state of how the logo in the bottom left is set/shown. The Loop logo that you pick when creating your Loop is what will be shown in the top left corner. The logo that will show in the bottom left will be your organization logo (once the change mentioned above is released in the next few weeks). That logo can only be set by us at Olive for now. The feature to allow Authors to set their own organization logo is on our list, but that work hasn't been started yet. For now, we've set it to the logo shown in your website header. We'll work with you directly to make sure that's the right one before you submit your Loop for publishing.

from loop-development-kit.

EddieAtOlive avatar EddieAtOlive commented on August 31, 2024

Is it possible to change the icon?

You can choose what logo to show in the bottom left of the Whisper when you add your Loop and when you submit it to be published. However, the work to make it actually change what's in the Whisper has not been completed yet. If you've already set it to be your own logo, once that work is complete by the Olive Helps team, it will automatically start showing correctly. That work is scheduled for this sprint, so you can expect it within the next few weeks. For reference, we're tracking this task as SIDE-1371 internally.

Is it possible to change the foreground color of the text?

No, it is not possible to change the colors of the text right now. At this stage of the product, we want to make sure we're delivering a very consistent visual experience across all the Loops a user might use. To get an overall feel for the visual experience, you can visit the Olive Helps Design Kit.

from loop-development-kit.

hans-hsieh-asus avatar hans-hsieh-asus commented on August 31, 2024

Thanks, I checked the design kit already. But some components look different from what I actually see for now.
For example, from the design kit, it looks like there're several kinds of buttons: primary, secondary, reversed, etc. But it looks like we are only able to create the primary button for now?
And for the icon, do you mean the bottom left one will become the Loop Logo we use?

from loop-development-kit.

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.