Oslo

color 1:

#546E7A

color 2:

#82AAFF

color 3:

#89DDFF

color 4:

#B2CCD6

color 5:

#C3E88D

color 6:

#C792EA

color 7:

#EEFFFF

color 8:

#f07178

color 9:

#F78C6C

color 10:

#FF5370

color 11:

#FFCB6B

color 12:

#ffffff

editor bg:

#24272F

sidebar bg:

#1D1F26

sidebar text:

#CCCCCC

activity bar bg:

#18191C

activity bar text:

#D1D1D1

// @see https://github.com/exah/promise-anime
const $nodes = document.querySelectorAll('.js-animate')

const animations = Array.from($nodes).reduce(
  (promise, $el) => promise.then(() =>
    promiseAnime({
      targets: $el,
      opacity: [0, 1],
      translateY: [50, 0],
      func: function() {
        return this.targets;
      }
    })
  ),
  Promise.resolve()
)

animations.then(() => console.log('complete'))

// @exah/promise-anime module content:
const isFn = el => typeof el === 'function'

function promiseAnime (options, handleInstance) {
  return new (resolve => {
    const { complete } = options

    const animeInstance  = anime({
      ...options,
      complete (animation) {
        if (isFn(complete)) complete(animation)
        resolve(animation)
      }
    })

    if (isFn(handleInstance)) handleInsstance(animeInstance)
  })
}