@magic-themes/reader

reader mode for @magic.

used on explain.webboot

demo

install:

npm install --save --save-exact @magic-themes/reader

usage:

declare usage:

// config.mjs:

module.exports = {
  //... other config
  THEME: 'reader',

  // multiple themes
  // we recommend using the @magic-themes/project as a base for the reader theme.
  // THEME: ['project', 'reader']
}

@magic will then import and use the theme automagically.

overwrite

you can overwrite any style in this theme with your own.

create /assets/themes/reader/index.mjs, any css there will overwrite the theme css

export default vars => ({
  body: {
    color: vars.colors.orange[900],
  },
})

changelog

0.0.1

first release

0.0.2

remove max height from pages. pages are as big as they have to be, this is not a pdf, fortunately :)

0.0.3

remove dependence on @magic-themes/project, add Logo and state to theme.

0.0.4

• remove max height from pages on all screen sizes
• Header now is centered both when menu is closed and when it is open

0.0.5

bump required node version to 14.2.0

0.0.6

• bug: lightswitch and cookie btn where invisible.
• update dependencies

0.0.7

bump required node version to 14.15.4

0.0.8

• update dependencies
• update Header api for @magic/core 0.0.105

0.0.9

• update dependencies
• add ThemeVars module to homepage

0.0.10 - unreleased

...