@dream-of-components/react v0.0.37

Dream of Components React Lib

These are components I wrote for Dream of Five's site, free to use for your hackroms and other fire emblem fanprojects and what not. Proper documentation to come.

CSS variables

I use css variables to color my components. Set these variables in your projects to customize to whatever colors you want.

--lb-button-icon-color
--lb-button-hover-color

--lb-sprite-sheet-font-color
--lb-sprite-sheet-header-font-color
--lb-sprite-sheet-bg
--lb-sprite-sheet-base-font-size

--lb-char-overlay-bg-color
--lb-char-overlay-icon-button-color 
--lb-char-overlay-button-hover-color
--lb-char-overlay-footer-border-color
--lb-char-overlay-font-color
--lb-char-overlay-font-size

--lb-npc-stat-border-color
--lb-npc-stat-header-border-color
--lb-npc-stat-class-color
--lb-npc-stat-talk-color
--lb-npc-stat-optional-color
--lb-npc-stat-gameover-color
--lb-npc-stat-stat-label-color
--lb-npc-stat-weapon-border-color

--lb-overlay-color // expects r, g, b ex: 0, 0, 0 no quotes no brackets whatever

--lb-averages-main-border // write a full border for this not just color
--lb-averages-row-label-size
--lb-averages-data-size
--lb-averages-header-color
--lb-averages-blossom-1
--lb-averages-blossom-2
--lb-averages-input-border-color
--lb-averages-input-bg-color
--lb-averages-input-font-color
--lb-averages-input-border-focus
--lb-averages-input-bg-focus
--lb-averages-capped-bg
--lb-averages-caps-bg
--lb-averages-caps-font-color
--lb-averages-avgs-bg
--lb-averages-avgs-font-color
--lb-averages-blossom-plus-button
--lb-averages-blossom-bg
--lb-averages-blossom-bg-rm

--lb-toggle-active-background
--lb-toggle-active-knob
--lb-toggle-border

--lb-unit-sheet-sprite-name-font
--lb-unit-sheet-sprite-font-size
--lb-unit-sheet-default-1
--lb-unit-sheet-default-2
--lb-unit-sheet-player-1
--lb-unit-sheet-player-2
--lb-unit-sheet-enemy-1
--lb-unit-sheet-enemy-2
--lb-unit-sheet-npc-1
--lb-unit-sheet-npc-2
--lb-unit-sheet-generic-1
--lb-unit-sheet-generic-2
--lb-unit-sheet-background-1
--lb-unit-sheet-background-2
--lb-unit-sheet-sprite-tooltip-font-color
--lb-unit-sheet-sprite-tooltip-color