Figma Variables: Build Dark Mode Like a Pro 🌙 (+ File Template )

Поделиться
HTML-код
  • Опубликовано: 10 ноя 2024

Комментарии • 20

  • @SashaNEV
    @SashaNEV 4 месяца назад +1

    The best videos about libraris, variables, all this diabolical stuff. Got it finally!! Thank you!

    • @UICollectiveDesign
      @UICollectiveDesign  4 месяца назад

      Glad they helped! Please subscribe and share our channel where you can :)

  • @lerg8557
    @lerg8557 6 месяцев назад +1

    Thank you so much! I'm struggling with it so much but your elaborate explanation is immensely helpful

    • @UICollectiveDesign
      @UICollectiveDesign  6 месяцев назад

      Glad to have helped! Please subscribe and share our video if you can :)

  • @gizemusta8393
    @gizemusta8393 3 месяца назад +2

    you are the best

    • @UICollectiveDesign
      @UICollectiveDesign  3 месяца назад

      Thanks! Please subscribe and share our channel/this video where you can :)

  • @javadsaberi_afroo
    @javadsaberi_afroo 3 месяца назад +1

    Hello my friend, thank you for your good explanation.
    What happened to the default colors? such as neutral, primary, error ...

    • @UICollectiveDesign
      @UICollectiveDesign  3 месяца назад +1

      Just not included in this example :)

    • @javadsaberi_afroo
      @javadsaberi_afroo 3 месяца назад

      @@UICollectiveDesign @UICollectiveDesign Can you tell me what to do? Let's leave them without touching. Example Highlight!

  • @afroogroup-709
    @afroogroup-709 3 месяца назад +1

    I went ahead with this combination and it was very good. You didn't say what we should do just for the default colors. Should we leave it as it is and use it in the dark theme?
    Please tell him a rule

    • @UICollectiveDesign
      @UICollectiveDesign  3 месяца назад

      No need to add dark mode to brand collection :)

    • @afroogroup-709
      @afroogroup-709 3 месяца назад +1

      @@UICollectiveDesign My question was in mapped collection!

    • @UICollectiveDesign
      @UICollectiveDesign  3 месяца назад +1

      @@afroogroup-709 You can add it there as well but the combination will depend if you're working with multi-brand themes or not. Whatever works for you is just fine :)
      Some choose to define at Alias, others at Mapped.

    • @afroogroup-709
      @afroogroup-709 3 месяца назад +1

      ​@@UICollectiveDesign thank you friend
      You did not understand the meaning of my question.
      My question about the dark theme is that you said that wherever we have light, we dark it, wherever we have lighter, we darker it, wherever we have white, we blacken it, but for the default mode such as neutral color,success,warning,primary,secondary,... , you did not say what to do with those colors. What to do with these colors in the dark theme?

    • @UICollectiveDesign
      @UICollectiveDesign  3 месяца назад +1

      @@afroogroup-709 It's stll just a reverse of the same color scheme. Primary-darker would become primary-lighter

  • @javadsaberi_afroo
    @javadsaberi_afroo 3 месяца назад +1

    What exactly do you mean by "on action" and "on disable"?

    • @UICollectiveDesign
      @UICollectiveDesign  3 месяца назад +1

      I would watch our token/variable naming setup guide but these are referring to specific types of tokens in the mapped collection.