Themes v3 Part 1 "2.1" codenamed "One step for themes, a giant burder for code reviewers" Closes #750 and #774 See merge request pleroma/pleroma-fe!1037test-shm
commit
3ddf7ebe2c
@ -0,0 +1,68 @@
|
||||
@import '../../_variables.scss';
|
||||
|
||||
.color-input {
|
||||
display: inline-flex;
|
||||
|
||||
&-field.input {
|
||||
display: inline-flex;
|
||||
flex: 0 0 0;
|
||||
max-width: 9em;
|
||||
align-items: stretch;
|
||||
padding: .2em 8px;
|
||||
|
||||
input {
|
||||
background: none;
|
||||
color: $fallback--lightText;
|
||||
color: var(--inputText, $fallback--lightText);
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
&.textColor {
|
||||
flex: 1 0 3em;
|
||||
min-width: 3em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&.nativeColor {
|
||||
flex: 0 0 2em;
|
||||
min-width: 2em;
|
||||
align-self: center;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.computedIndicator,
|
||||
.transparentIndicator {
|
||||
flex: 0 0 2em;
|
||||
min-width: 2em;
|
||||
align-self: center;
|
||||
height: 100%;
|
||||
}
|
||||
.transparentIndicator {
|
||||
// forgot to install counter-strike source, ooops
|
||||
background-color: #FF00FF;
|
||||
position: relative;
|
||||
&::before, &::after {
|
||||
display: block;
|
||||
content: '';
|
||||
background-color: #000000;
|
||||
position: absolute;
|
||||
height: 50%;
|
||||
width: 50%;
|
||||
}
|
||||
&::after {
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
&::before {
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
}
|
@ -1,101 +1,117 @@
|
||||
<template>
|
||||
<div class="panel dummy">
|
||||
<div class="panel-heading">
|
||||
<div class="title">
|
||||
{{ $t('settings.style.preview.header') }}
|
||||
<span class="badge badge-notification">
|
||||
99
|
||||
<div class="preview-container">
|
||||
<div class="underlay underlay-preview" />
|
||||
<div class="panel dummy">
|
||||
<div class="panel-heading">
|
||||
<div class="title">
|
||||
{{ $t('settings.style.preview.header') }}
|
||||
<span class="badge badge-notification">
|
||||
99
|
||||
</span>
|
||||
</div>
|
||||
<span class="faint">
|
||||
{{ $t('settings.style.preview.header_faint') }}
|
||||
</span>
|
||||
<span class="alert error">
|
||||
{{ $t('settings.style.preview.error') }}
|
||||
</span>
|
||||
<button class="btn">
|
||||
{{ $t('settings.style.preview.button') }}
|
||||
</button>
|
||||
</div>
|
||||
<span class="faint">
|
||||
{{ $t('settings.style.preview.header_faint') }}
|
||||
</span>
|
||||
<span class="alert error">
|
||||
{{ $t('settings.style.preview.error') }}
|
||||
</span>
|
||||
<button class="btn">
|
||||
{{ $t('settings.style.preview.button') }}
|
||||
</button>
|
||||
</div>
|
||||
<div class="panel-body theme-preview-content">
|
||||
<div class="post">
|
||||
<div class="avatar">
|
||||
( ͡° ͜ʖ ͡°)
|
||||
</div>
|
||||
<div class="content">
|
||||
<h4>
|
||||
{{ $t('settings.style.preview.content') }}
|
||||
</h4>
|
||||
<div class="panel-body theme-preview-content">
|
||||
<div class="post">
|
||||
<div class="avatar still-image">
|
||||
( ͡° ͜ʖ ͡°)
|
||||
</div>
|
||||
<div class="content">
|
||||
<h4>
|
||||
{{ $t('settings.style.preview.content') }}
|
||||
</h4>
|
||||
|
||||
<i18n path="settings.style.preview.text">
|
||||
<code style="font-family: var(--postCodeFont)">
|
||||
{{ $t('settings.style.preview.mono') }}
|
||||
</code>
|
||||
<a style="color: var(--link)">
|
||||
{{ $t('settings.style.preview.link') }}
|
||||
</a>
|
||||
</i18n>
|
||||
<i18n path="settings.style.preview.text">
|
||||
<code style="font-family: var(--postCodeFont)">
|
||||
{{ $t('settings.style.preview.mono') }}
|
||||
</code>
|
||||
<a style="color: var(--link)">
|
||||
{{ $t('settings.style.preview.link') }}
|
||||
</a>
|
||||
</i18n>
|
||||
|
||||
<div class="icons">
|
||||
<i
|
||||
style="color: var(--cBlue)"
|
||||
class="button-icon icon-reply"
|
||||
/>
|
||||
<i
|
||||
style="color: var(--cGreen)"
|
||||
class="button-icon icon-retweet"
|
||||
/>
|
||||
<i
|
||||
style="color: var(--cOrange)"
|
||||
class="button-icon icon-star"
|
||||
/>
|
||||
<i
|
||||
style="color: var(--cRed)"
|
||||
class="button-icon icon-cancel"
|
||||
/>
|
||||
<div class="icons">
|
||||
<i
|
||||
style="color: var(--cBlue)"
|
||||
class="button-icon icon-reply"
|
||||
/>
|
||||
<i
|
||||
style="color: var(--cGreen)"
|
||||
class="button-icon icon-retweet"
|
||||
/>
|
||||
<i
|
||||
style="color: var(--cOrange)"
|
||||
class="button-icon icon-star"
|
||||
/>
|
||||
<i
|
||||
style="color: var(--cRed)"
|
||||
class="button-icon icon-cancel"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="after-post">
|
||||
<div class="avatar-alt">
|
||||
:^)
|
||||
</div>
|
||||
<div class="content">
|
||||
<i18n
|
||||
path="settings.style.preview.fine_print"
|
||||
tag="span"
|
||||
class="faint"
|
||||
>
|
||||
<a style="color: var(--faintLink)">
|
||||
{{ $t('settings.style.preview.faint_link') }}
|
||||
</a>
|
||||
</i18n>
|
||||
<div class="after-post">
|
||||
<div class="avatar-alt">
|
||||
:^)
|
||||
</div>
|
||||
<div class="content">
|
||||
<i18n
|
||||
path="settings.style.preview.fine_print"
|
||||
tag="span"
|
||||
class="faint"
|
||||
>
|
||||
<a style="color: var(--faintLink)">
|
||||
{{ $t('settings.style.preview.faint_link') }}
|
||||
</a>
|
||||
</i18n>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator" />
|
||||
<div class="separator" />
|
||||
|
||||
<span class="alert error">
|
||||
{{ $t('settings.style.preview.error') }}
|
||||
</span>
|
||||
<input
|
||||
:value="$t('settings.style.preview.input')"
|
||||
type="text"
|
||||
>
|
||||
|
||||
<div class="actions">
|
||||
<span class="checkbox">
|
||||
<input
|
||||
id="preview_checkbox"
|
||||
checked="very yes"
|
||||
type="checkbox"
|
||||
>
|
||||
<label for="preview_checkbox">{{ $t('settings.style.preview.checkbox') }}</label>
|
||||
<span class="alert error">
|
||||
{{ $t('settings.style.preview.error') }}
|
||||
</span>
|
||||
<button class="btn">
|
||||
{{ $t('settings.style.preview.button') }}
|
||||
</button>
|
||||
<input
|
||||
:value="$t('settings.style.preview.input')"
|
||||
type="text"
|
||||
>
|
||||
|
||||
<div class="actions">
|
||||
<span class="checkbox">
|
||||
<input
|
||||
id="preview_checkbox"
|
||||
checked="very yes"
|
||||
type="checkbox"
|
||||
>
|
||||
<label for="preview_checkbox">{{ $t('settings.style.preview.checkbox') }}</label>
|
||||
</span>
|
||||
<button class="btn">
|
||||
{{ $t('settings.style.preview.button') }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
.preview-container {
|
||||
position: relative;
|
||||
}
|
||||
.underlay-preview {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
</style>
|
||||
|
@ -0,0 +1,615 @@
|
||||
import { invertLightness, brightness } from 'chromatism'
|
||||
import { alphaBlend, mixrgb } from '../color_convert/color_convert.js'
|
||||
/* This is a definition of all layer combinations
|
||||
* each key is a topmost layer, each value represents layer underneath
|
||||
* this is essentially a simplified tree
|
||||
*/
|
||||
export const LAYERS = {
|
||||
undelay: null, // root
|
||||
topBar: null, // no transparency support
|
||||
badge: null, // no transparency support
|
||||
fg: null,
|
||||
bg: 'underlay',
|
||||
highlight: 'bg',
|
||||
panel: 'bg',
|
||||
popover: 'bg',
|
||||
selectedMenu: 'popover',
|
||||
btn: 'bg',
|
||||
btnPanel: 'panel',
|
||||
btnTopBar: 'topBar',
|
||||
input: 'bg',
|
||||
inputPanel: 'panel',
|
||||
inputTopBar: 'topBar',
|
||||
alert: 'bg',
|
||||
alertPanel: 'panel',
|
||||
poll: 'bg'
|
||||
}
|
||||
|
||||
/* By default opacity slots have 1 as default opacity
|
||||
* this allows redefining it to something else
|
||||
*/
|
||||
export const DEFAULT_OPACITY = {
|
||||
alert: 0.5,
|
||||
input: 0.5,
|
||||
faint: 0.5,
|
||||
underlay: 0.15
|
||||
}
|
||||
|
||||
/** SUBJECT TO CHANGE IN THE FUTURE, this is all beta
|
||||
* Color and opacity slots definitions. Each key represents a slot.
|
||||
*
|
||||
* Short-hands:
|
||||
* String beginning with `--` - value after dashes treated as sole
|
||||
* dependency - i.e. `--value` equivalent to { depends: ['value']}
|
||||
* String beginning with `#` - value would be treated as solid color
|
||||
* defined in hexadecimal representation (i.e. #FFFFFF) and will be
|
||||
* used as default. `#FFFFFF` is equivalent to { default: '#FFFFFF'}
|
||||
*
|
||||
* Full definition:
|
||||
* @property {String[]} depends - color slot names this color depends ones.
|
||||
* cyclic dependencies are supported to some extent but not recommended.
|
||||
* @property {String} [opacity] - opacity slot used by this color slot.
|
||||
* opacity is inherited from parents. To break inheritance graph use null
|
||||
* @property {Number} [priority] - EXPERIMENTAL. used to pre-sort slots so
|
||||
* that slots with higher priority come earlier
|
||||
* @property {Function(mod, ...colors)} [color] - function that will be
|
||||
* used to determine the color. By default it just copies first color in
|
||||
* dependency list.
|
||||
* @argument {Number} mod - `1` (light-on-dark) or `-1` (dark-on-light)
|
||||
* depending on background color (for textColor)/given color.
|
||||
* @argument {...Object} deps - each argument after mod represents each
|
||||
* color from `depends` array. All colors take user customizations into
|
||||
* account and represented by { r, g, b } objects.
|
||||
* @returns {Object} resulting color, should be in { r, g, b } form
|
||||
*
|
||||
* @property {Boolean|String} [textColor] - true to mark color slot as text
|
||||
* color. This enables automatic text color generation for the slot. Use
|
||||
* 'preserve' string if you don't want text color to fall back to
|
||||
* black/white. Use 'bw' to only ever use black or white. This also makes
|
||||
* following properties required:
|
||||
* @property {String} [layer] - which layer the text sit on top on - used
|
||||
* to account for transparency in text color calculation
|
||||
* layer is inherited from parents. To break inheritance graph use null
|
||||
* @property {String} [variant] - which color slot is background (same as
|
||||
* above, used to account for transparency)
|
||||
*/
|
||||
export const SLOT_INHERITANCE = {
|
||||
bg: {
|
||||
depends: [],
|
||||
opacity: 'bg',
|
||||
priority: 1
|
||||
},
|
||||
fg: {
|
||||
depends: [],
|
||||
priority: 1
|
||||
},
|
||||
text: {
|
||||
depends: [],
|
||||
layer: 'bg',
|
||||
opacity: null,
|
||||
priority: 1
|
||||
},
|
||||
underlay: {
|
||||
default: '#000000',
|
||||
opacity: 'underlay'
|
||||
},
|
||||
link: {
|
||||
depends: ['accent'],
|
||||
priority: 1
|
||||
},
|
||||
accent: {
|
||||
depends: ['link'],
|
||||
priority: 1
|
||||
},
|
||||
faint: {
|
||||
depends: ['text'],
|
||||
opacity: 'faint'
|
||||
},
|
||||
faintLink: {
|
||||
depends: ['link'],
|
||||
opacity: 'faint'
|
||||
},
|
||||
postFaintLink: {
|
||||
depends: ['postLink'],
|
||||
opacity: 'faint'
|
||||
},
|
||||
|
||||
cBlue: '#0000ff',
|
||||
cRed: '#FF0000',
|
||||
cGreen: '#00FF00',
|
||||
cOrange: '#E3FF00',
|
||||
|
||||
highlight: {
|
||||
depends: ['bg'],
|
||||
color: (mod, bg) => brightness(5 * mod, bg).rgb
|
||||
},
|
||||
highlightLightText: {
|
||||
depends: ['lightText'],
|
||||
layer: 'highlight',
|
||||
textColor: true
|
||||
},
|
||||
highlightPostLink: {
|
||||
depends: ['postLink'],
|
||||
layer: 'highlight',
|
||||
textColor: 'preserve'
|
||||
},
|
||||
highlightFaintText: {
|
||||
depends: ['faint'],
|
||||
layer: 'highlight',
|
||||
textColor: true
|
||||
},
|
||||
highlightFaintLink: {
|
||||
depends: ['faintLink'],
|
||||
layer: 'highlight',
|
||||
textColor: 'preserve'
|
||||
},
|
||||
highlightPostFaintLink: {
|
||||
depends: ['postFaintLink'],
|
||||
layer: 'highlight',
|
||||
textColor: 'preserve'
|
||||
},
|
||||
highlightText: {
|
||||
depends: ['text'],
|
||||
layer: 'highlight',
|
||||
textColor: true
|
||||
},
|
||||
highlightLink: {
|
||||
depends: ['link'],
|
||||
layer: 'highlight',
|
||||
textColor: 'preserve'
|
||||
},
|
||||
highlightIcon: {
|
||||
depends: ['highlight', 'highlightText'],
|
||||
color: (mod, bg, text) => mixrgb(bg, text)
|
||||
},
|
||||
|
||||
popover: {
|
||||
depends: ['bg'],
|
||||
opacity: 'popover'
|
||||
},
|
||||
popoverLightText: {
|
||||
depends: ['lightText'],
|
||||
layer: 'popover',
|
||||
textColor: true
|
||||
},
|
||||
popoverPostLink: {
|
||||
depends: ['postLink'],
|
||||
layer: 'popover',
|
||||
textColor: 'preserve'
|
||||
},
|
||||
popoverFaintText: {
|
||||
depends: ['faint'],
|
||||
layer: 'popover',
|
||||
textColor: true
|
||||
},
|
||||
popoverFaintLink: {
|
||||
depends: ['faintLink'],
|
||||
layer: 'popover',
|
||||
textColor: 'preserve'
|
||||
},
|
||||
popoverPostFaintLink: {
|
||||
depends: ['postFaintLink'],
|
||||
layer: 'popover',
|
||||
textColor: 'preserve'
|
||||
},
|
||||
popoverText: {
|
||||
depends: ['text'],
|
||||
layer: 'popover',
|
||||
textColor: true
|
||||
},
|
||||
popoverLink: {
|
||||
depends: ['link'],
|
||||
layer: 'popover',
|
||||
textColor: 'preserve'
|
||||
},
|
||||
popoverIcon: {
|
||||
depends: ['popover', 'popoverText'],
|
||||
color: (mod, bg, text) => mixrgb(bg, text)
|
||||
},
|
||||
|
||||
selectedPost: '--highlight',
|
||||
selectedPostFaintText: {
|
||||
depends: ['highlightFaintText'],
|
||||
layer: 'highlight',
|
||||
variant: 'selectedPost',
|
||||
textColor: true
|
||||
},
|
||||
selectedPostLightText: {
|
||||
depends: ['highlightLightText'],
|
||||
layer: 'highlight',
|
||||
variant: 'selectedPost',
|
||||
textColor: true
|
||||
},
|
||||
selectedPostPostLink: {
|
||||
depends: ['highlightPostLink'],
|
||||
layer: 'highlight',
|
||||
variant: 'selectedPost',
|
||||
textColor: 'preserve'
|
||||
},
|
||||
selectedPostFaintLink: {
|
||||
depends: ['highlightFaintLink'],
|
||||
layer: 'highlight',
|
||||
variant: 'selectedPost',
|
||||
textColor: 'preserve'
|
||||
},
|
||||
selectedPostText: {
|
||||
depends: ['highlightText'],
|
||||
layer: 'highlight',
|
||||
variant: 'selectedPost',
|
||||
textColor: true
|
||||
},
|
||||
selectedPostLink: {
|
||||
depends: ['highlightLink'],
|
||||
layer: 'highlight',
|
||||
variant: 'selectedPost',
|
||||
textColor: 'preserve'
|
||||
},
|
||||
selectedPostIcon: {
|
||||
depends: ['selectedPost', 'selectedPostText'],
|
||||
color: (mod, bg, text) => mixrgb(bg, text)
|
||||
},
|
||||
|
||||
selectedMenu: {
|
||||
depends: ['bg'],
|
||||
color: (mod, bg) => brightness(5 * mod, bg).rgb
|
||||
},
|
||||
selectedMenuLightText: {
|
||||
depends: ['highlightLightText'],
|
||||
layer: 'selectedMenu',
|
||||
variant: 'selectedMenu',
|
||||
textColor: true
|
||||
},
|
||||
selectedMenuFaintText: {
|
||||
depends: ['highlightFaintText'],
|
||||
layer: 'selectedMenu',
|
||||
variant: 'selectedMenu',
|
||||
textColor: true
|
||||
},
|
||||
selectedMenuFaintLink: {
|
||||
depends: ['highlightFaintLink'],
|
||||
layer: 'selectedMenu',
|
||||
variant: 'selectedMenu',
|
||||
textColor: 'preserve'
|
||||
},
|
||||
selectedMenuText: {
|
||||
depends: ['highlightText'],
|
||||
layer: 'selectedMenu',
|
||||
variant: 'selectedMenu',
|
||||
textColor: true
|
||||
},
|
||||
selectedMenuLink: {
|
||||
depends: ['highlightLink'],
|
||||
layer: 'selectedMenu',
|
||||
variant: 'selectedMenu',
|
||||
textColor: 'preserve'
|
||||
},
|
||||
selectedMenuIcon: {
|
||||
depends: ['selectedMenu', 'selectedMenuText'],
|
||||
color: (mod, bg, text) => mixrgb(bg, text)
|
||||
},
|
||||
|
||||
selectedMenuPopover: {
|
||||
depends: ['popover'],
|
||||
color: (mod, bg) => brightness(5 * mod, bg).rgb
|
||||
},
|
||||
selectedMenuPopoverLightText: {
|
||||
depends: ['selectedMenuLightText'],
|
||||
layer: 'selectedMenuPopover',
|
||||
variant: 'selectedMenuPopover',
|
||||
textColor: true
|
||||
},
|
||||
selectedMenuPopoverFaintText: {
|
||||
depends: ['selectedMenuFaintText'],
|
||||
layer: 'selectedMenuPopover',
|
||||
variant: 'selectedMenuPopover',
|
||||
textColor: true
|
||||
},
|
||||
selectedMenuPopoverFaintLink: {
|
||||
depends: ['selectedMenuFaintLink'],
|
||||
layer: 'selectedMenuPopover',
|
||||
variant: 'selectedMenuPopover',
|
||||
textColor: 'preserve'
|
||||
},
|
||||
selectedMenuPopoverText: {
|
||||
depends: ['selectedMenuText'],
|
||||
layer: 'selectedMenuPopover',
|
||||
variant: 'selectedMenuPopover',
|
||||
textColor: true
|
||||
},
|
||||
selectedMenuPopoverLink: {
|
||||
depends: ['selectedMenuLink'],
|
||||
layer: 'selectedMenuPopover',
|
||||
variant: 'selectedMenuPopover',
|
||||
textColor: 'preserve'
|
||||
},
|
||||
selectedMenuPopoverIcon: {
|
||||
depends: ['selectedMenuPopover', 'selectedMenuText'],
|
||||
color: (mod, bg, text) => mixrgb(bg, text)
|
||||
},
|
||||
|
||||
lightText: {
|
||||
depends: ['text'],
|
||||
layer: 'bg',
|
||||
textColor: 'preserve',
|
||||
color: (mod, text) => brightness(20 * mod, text).rgb
|
||||
},
|
||||
|
||||
postLink: {
|
||||
depends: ['link'],
|
||||
layer: 'bg',
|
||||
textColor: 'preserve'
|
||||
},
|
||||
|
||||
border: {
|
||||
depends: ['fg'],
|
||||
opacity: 'border',
|
||||
color: (mod, fg) => brightness(2 * mod, fg).rgb
|
||||
},
|
||||
|
||||
poll: {
|
||||
depends: ['accent', 'bg'],
|
||||
copacity: 'poll',
|
||||
color: (mod, accent, bg) => alphaBlend(accent, 0.4, bg)
|
||||
},
|
||||
pollText: {
|
||||
depends: ['text'],
|
||||
layer: 'poll',
|
||||
textColor: true
|
||||
},
|
||||
|
||||
icon: {
|
||||
depends: ['bg', 'text'],
|
||||
inheritsOpacity: false,
|
||||
color: (mod, bg, text) => mixrgb(bg, text)
|
||||
},
|
||||
|
||||
// Foreground
|
||||
fgText: {
|
||||
depends: ['text'],
|
||||
layer: 'fg',
|
||||
textColor: true
|
||||
},
|
||||
fgLink: {
|
||||
depends: ['link'],
|
||||
layer: 'fg',
|
||||
textColor: 'preserve'
|
||||
},
|
||||
|
||||
// Panel header
|
||||
panel: {
|
||||
depends: ['fg'],
|
||||
opacity: 'panel'
|
||||
},
|
||||
panelText: {
|
||||
depends: ['text'],
|
||||
layer: 'panel',
|
||||
textColor: true
|
||||
},
|
||||
panelFaint: {
|
||||
depends: ['fgText'],
|
||||
layer: 'panel',
|
||||
opacity: 'faint',
|
||||
textColor: true
|
||||
},
|
||||
panelLink: {
|
||||
depends: ['fgLink'],
|
||||
layer: 'panel',
|
||||
textColor: 'preserve'
|
||||
},
|
||||
|
||||
// Top bar
|
||||
topBar: '--fg',
|
||||
topBarText: {
|
||||
depends: ['fgText'],
|
||||
layer: 'topBar',
|
||||
textColor: true
|
||||
},
|
||||
topBarLink: {
|
||||
depends: ['fgLink'],
|
||||
layer: 'topBar',
|
||||
textColor: 'preserve'
|
||||
},
|
||||
|
||||
// Tabs
|
||||
tab: {
|
||||
depends: ['btn']
|
||||
},
|
||||
tabText: {
|
||||
depends: ['btnText'],
|
||||
layer: 'btn',
|
||||
textColor: true
|
||||
},
|
||||
tabActiveText: {
|
||||
depends: ['text'],
|
||||
layer: 'bg',
|
||||
textColor: true
|
||||
},
|
||||
|
||||
// Buttons
|
||||
btn: {
|
||||
depends: ['fg'],
|
||||
variant: 'btn',
|
||||
opacity: 'btn'
|
||||
},
|
||||
btnText: {
|
||||
depends: ['fgText'],
|
||||
layer: 'btn',
|
||||
textColor: true
|
||||
},
|
||||
btnPanelText: {
|
||||
depends: ['btnText'],
|
||||
layer: 'btnPanel',
|
||||
variant: 'btn',
|
||||
textColor: true
|
||||
},
|
||||
btnTopBarText: {
|
||||
depends: ['btnText'],
|
||||
layer: 'btnTopBar',
|
||||
variant: 'btn',
|
||||
textColor: true
|
||||
},
|
||||
|
||||
// Buttons: pressed
|
||||
btnPressed: {
|
||||
depends: ['btn'],
|
||||
layer: 'btn'
|
||||
},
|
||||
btnPressedText: {
|
||||
depends: ['btnText'],
|
||||
layer: 'btn',
|
||||
variant: 'btnPressed',
|
||||
textColor: true
|
||||
},
|
||||
btnPressedPanel: {
|
||||
depends: ['btnPressed'],
|
||||
layer: 'btn'
|
||||
},
|
||||
btnPressedPanelText: {
|
||||
depends: ['btnPanelText'],
|
||||
layer: 'btnPanel',
|
||||
variant: 'btnPressed',
|
||||
textColor: true
|
||||
},
|
||||
btnPressedTopBar: {
|
||||
depends: ['btnPressed'],
|
||||
layer: 'btn'
|
||||
},
|
||||
btnPressedTopBarText: {
|
||||
depends: ['btnTopBarText'],
|
||||
layer: 'btnTopBar',
|
||||
variant: 'btnPressed',
|
||||
textColor: true
|
||||
},
|
||||
|
||||
// Buttons: toggled
|
||||
btnToggled: {
|
||||
depends: ['btn'],
|
||||
layer: 'btn',
|
||||
color: (mod, btn) => brightness(mod * 20, btn).rgb
|
||||
},
|
||||
btnToggledText: {
|
||||
depends: ['btnText'],
|
||||
layer: 'btn',
|
||||
variant: 'btnToggled',
|
||||
textColor: true
|
||||
},
|
||||
btnToggledPanelText: {
|
||||
depends: ['btnPanelText'],
|
||||
layer: 'btnPanel',
|
||||
variant: 'btnToggled',
|
||||
textColor: true
|
||||
},
|
||||
btnToggledTopBarText: {
|
||||
depends: ['btnTopBarText'],
|
||||
layer: 'btnTopBar',
|
||||
variant: 'btnToggled',
|
||||
textColor: true
|
||||
},
|
||||
|
||||
// Buttons: disabled
|
||||
btnDisabled: {
|
||||
depends: ['btn', 'bg'],
|
||||
color: (mod, btn, bg) => alphaBlend(btn, 0.25, bg)
|
||||
},
|
||||
btnDisabledText: {
|
||||
depends: ['btnText', 'btnDisabled'],
|
||||
layer: 'btn',
|
||||
variant: 'btnDisabled',
|
||||
color: (mod, text, btn) => alphaBlend(text, 0.25, btn)
|
||||
},
|
||||
btnDisabledPanelText: {
|
||||
depends: ['btnPanelText', 'btnDisabled'],
|
||||
layer: 'btnPanel',
|
||||
variant: 'btnDisabled',
|
||||
color: (mod, text, btn) => alphaBlend(text, 0.25, btn)
|
||||
},
|
||||
btnDisabledTopBarText: {
|
||||
depends: ['btnTopBarText', 'btnDisabled'],
|
||||
layer: 'btnTopBar',
|
||||
variant: 'btnDisabled',
|
||||
color: (mod, text, btn) => alphaBlend(text, 0.25, btn)
|
||||
},
|
||||
|
||||
// Input fields
|
||||
input: {
|
||||
depends: ['fg'],
|
||||
opacity: 'input'
|
||||
},
|
||||
inputText: {
|
||||
depends: ['text'],
|
||||
layer: 'input',
|
||||
textColor: true
|
||||
},
|
||||
inputPanelText: {
|
||||
depends: ['panelText'],
|
||||
layer: 'inputPanel',
|
||||
variant: 'input',
|
||||
textColor: true
|
||||
},
|
||||
inputTopbarText: {
|
||||
depends: ['topBarText'],
|
||||
layer: 'inputTopBar',
|
||||
variant: 'input',
|
||||
textColor: true
|
||||
},
|
||||
|
||||
alertError: {
|
||||
depends: ['cRed'],
|
||||
opacity: 'alert'
|
||||
},
|
||||
alertErrorText: {
|
||||
depends: ['text'],
|
||||
layer: 'alert',
|
||||
variant: 'alertError',
|
||||
textColor: true
|
||||
},
|
||||
alertErrorPanelText: {
|
||||
depends: ['panelText'],
|
||||
layer: 'alertPanel',
|
||||
variant: 'alertError',
|
||||
textColor: true
|
||||
},
|
||||
|
||||
alertWarning: {
|
||||
depends: ['cOrange'],
|
||||
opacity: 'alert'
|
||||
},
|
||||
alertWarningText: {
|
||||
depends: ['text'],
|
||||
layer: 'alert',
|
||||
variant: 'alertWarning',
|
||||
textColor: true
|
||||
},
|
||||
alertWarningPanelText: {
|
||||
depends: ['panelText'],
|
||||
layer: 'alertPanel',
|
||||
variant: 'alertWarning',
|
||||
textColor: true
|
||||
},
|
||||
|
||||
alertNeutral: {
|
||||
depends: ['text'],
|
||||
opacity: 'alert'
|
||||
},
|
||||
alertNeutralText: {
|
||||
depends: ['text'],
|
||||
layer: 'alert',
|
||||
variant: 'alertNeutral',
|
||||
color: (mod, text) => invertLightness(text).rgb,
|
||||
textColor: true
|
||||
},
|
||||
alertNeutralPanelText: {
|
||||
depends: ['panelText'],
|
||||
layer: 'alertPanel',
|
||||
variant: 'alertNeutral',
|
||||
textColor: true
|
||||
},
|
||||
|
||||
badgeNotification: '--cRed',
|
||||
badgeNotificationText: {
|
||||
depends: ['text', 'badgeNotification'],
|
||||
layer: 'badge',
|
||||
variant: 'badgeNotification',
|
||||
textColor: 'bw'
|
||||
}
|
||||
}
|
@ -0,0 +1,373 @@
|
||||
import { convert, brightness, contrastRatio } from 'chromatism'
|
||||
import { alphaBlendLayers, getTextColor, relativeLuminance } from '../color_convert/color_convert.js'
|
||||
import { LAYERS, DEFAULT_OPACITY, SLOT_INHERITANCE } from './pleromafe.js'
|
||||
|
||||
/*
|
||||
* # What's all this?
|
||||
* Here be theme engine for pleromafe. All of this supposed to ease look
|
||||
* and feel customization, making widget styles and make developer's life
|
||||
* easier when it comes to supporting themes. Like many other theme systems
|
||||
* it operates on color definitions, or "slots" - for example you define
|
||||
* "button" color slot and then in UI component Button's CSS you refer to
|
||||
* it as a CSS3 Variable.
|
||||
*
|
||||
* Some applications allow you to customize colors for certain things.
|
||||
* Some UI toolkits allow you to define colors for each type of widget.
|
||||
* Most of them are pretty barebones and have no assistance for common
|
||||
* problems and cases, and in general themes themselves are very hard to
|
||||
* maintain in all aspects. This theme engine tries to solve all of the
|
||||
* common problems with themes.
|
||||
*
|
||||
* You don't have redefine several similar colors if you just want to
|
||||
* change one color - all color slots are derived from other ones, so you
|
||||
* can have at least one or two "basic" colors defined and have all other
|
||||
* components inherit and modify basic ones.
|
||||
*
|
||||
* You don't have to test contrast ratio for colors or pick text color for
|
||||
* each element even if you have light-on-dark elements in dark-on-light
|
||||
* theme.
|
||||
*
|
||||
* You don't have to maintain order of code for inheriting slots from othet
|
||||
* slots - dependency graph resolving does it for you.
|
||||
*/
|
||||
|
||||
/* This indicates that this version of code outputs similar theme data and
|
||||
* should be incremented if output changes - for instance if getTextColor
|
||||
* function changes and older themes no longer render text colors as
|
||||
* author intended previously.
|
||||
*/
|
||||
export const CURRENT_VERSION = 3
|
||||
|
||||
export const getLayersArray = (layer, data = LAYERS) => {
|
||||
let array = [layer]
|
||||
let parent = data[layer]
|
||||
while (parent) {
|
||||
array.unshift(parent)
|
||||
parent = data[parent]
|
||||
}
|
||||
return array
|
||||
}
|
||||
|
||||
export const getLayers = (layer, variant = layer, opacitySlot, colors, opacity) => {
|
||||
return getLayersArray(layer).map((currentLayer) => ([
|
||||
currentLayer === layer
|
||||
? colors[variant]
|
||||
: colors[currentLayer],
|
||||
currentLayer === layer
|
||||
? opacity[opacitySlot] || 1
|
||||
: opacity[currentLayer]
|
||||
]))
|
||||
}
|
||||
|
||||
const getDependencies = (key, inheritance) => {
|
||||
const data = inheritance[key]
|
||||
if (typeof data === 'string' && data.startsWith('--')) {
|
||||
return [data.substring(2)]
|
||||
} else {
|
||||
if (data === null) return []
|
||||
const { depends, layer, variant } = data
|
||||
const layerDeps = layer
|
||||
? getLayersArray(layer).map(currentLayer => {
|
||||
return currentLayer === layer
|
||||
? variant || layer
|
||||
: currentLayer
|
||||
})
|
||||
: []
|
||||
if (Array.isArray(depends)) {
|
||||
return [...depends, ...layerDeps]
|
||||
} else {
|
||||
return [...layerDeps]
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Sorts inheritance object topologically - dependant slots come after
|
||||
* dependencies
|
||||
*
|
||||
* @property {Object} inheritance - object defining the nodes
|
||||
* @property {Function} getDeps - function that returns dependencies for
|
||||
* given value and inheritance object.
|
||||
* @returns {String[]} keys of inheritance object, sorted in topological
|
||||
* order. Additionally, dependency-less nodes will always be first in line
|
||||
*/
|
||||
export const topoSort = (
|
||||
inheritance = SLOT_INHERITANCE,
|
||||
getDeps = getDependencies
|
||||
) => {
|
||||
// This is an implementation of https://en.wikipedia.org/wiki/Tarjan%27s_strongly_connected_components_algorithm
|
||||
|
||||
const allKeys = Object.keys(inheritance)
|
||||
const whites = new Set(allKeys)
|
||||
const grays = new Set()
|
||||
const blacks = new Set()
|
||||
const unprocessed = [...allKeys]
|
||||
const output = []
|
||||
|
||||
const step = (node) => {
|
||||
if (whites.has(node)) {
|
||||
// Make node "gray"
|
||||
whites.delete(node)
|
||||
grays.add(node)
|
||||
// Do step for each node connected to it (one way)
|
||||
getDeps(node, inheritance).forEach(step)
|
||||
// Make node "black"
|
||||
grays.delete(node)
|
||||
blacks.add(node)
|
||||
// Put it into the output list
|
||||
output.push(node)
|
||||
} else if (grays.has(node)) {
|
||||
console.debug('Cyclic depenency in topoSort, ignoring')
|
||||
output.push(node)
|
||||
} else if (blacks.has(node)) {
|
||||
// do nothing
|
||||
} else {
|
||||
throw new Error('Unintended condition in topoSort!')
|
||||
}
|
||||
}
|
||||
while (unprocessed.length > 0) {
|
||||
step(unprocessed.pop())
|
||||
}
|
||||
return output.sort((a, b) => {
|
||||
const depsA = getDeps(a, inheritance).length
|
||||
const depsB = getDeps(b, inheritance).length
|
||||
|
||||
if (depsA === depsB || (depsB !== 0 && depsA !== 0)) return 0
|
||||
if (depsA === 0 && depsB !== 0) return -1
|
||||
if (depsB === 0 && depsA !== 0) return 1
|
||||
})
|
||||
}
|
||||
|
||||
const expandSlotValue = (value) => {
|
||||
if (typeof value === 'object') return value
|
||||
return {
|
||||
depends: value.startsWith('--') ? [value.substring(2)] : [],
|
||||
default: value.startsWith('#') ? value : undefined
|
||||
}
|
||||
}
|
||||
/**
|
||||
* retrieves opacity slot for given slot. This goes up the depenency graph
|
||||
* to find which parent has opacity slot defined for it.
|
||||
* TODO refactor this
|
||||
*/
|
||||
export const getOpacitySlot = (
|
||||
k,
|
||||
inheritance = SLOT_INHERITANCE,
|
||||
getDeps = getDependencies
|
||||
) => {
|
||||
const value = expandSlotValue(inheritance[k])
|
||||
if (value.opacity === null) return
|
||||
if (value.opacity) return value.opacity
|
||||
const findInheritedOpacity = (key, visited = [k]) => {
|
||||
const depSlot = getDeps(key, inheritance)[0]
|
||||
if (depSlot === undefined) return
|
||||
const dependency = inheritance[depSlot]
|
||||
if (dependency === undefined) return
|
||||
if (dependency.opacity || dependency === null) {
|
||||
return dependency.opacity
|
||||
} else if (dependency.depends && visited.includes(depSlot)) {
|
||||
return findInheritedOpacity(depSlot, [...visited, depSlot])
|
||||
} else {
|
||||
return null
|
||||
}
|
||||
}
|
||||
if (value.depends) {
|
||||
return findInheritedOpacity(k)
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* retrieves layer slot for given slot. This goes up the depenency graph
|
||||
* to find which parent has opacity slot defined for it.
|
||||
* this is basically copypaste of getOpacitySlot except it checks if key is
|
||||
* in LAYERS
|
||||
* TODO refactor this
|
||||
*/
|
||||
export const getLayerSlot = (
|
||||
k,
|
||||
inheritance = SLOT_INHERITANCE,
|
||||
getDeps = getDependencies
|
||||
) => {
|
||||
const value = expandSlotValue(inheritance[k])
|
||||
if (LAYERS[k]) return k
|
||||
if (value.layer === null) return
|
||||
if (value.layer) return value.layer
|
||||
const findInheritedLayer = (key, visited = [k]) => {
|
||||
const depSlot = getDeps(key, inheritance)[0]
|
||||
if (depSlot === undefined) return
|
||||
const dependency = inheritance[depSlot]
|
||||
if (dependency === undefined) return
|
||||
if (dependency.layer || dependency === null) {
|
||||
return dependency.layer
|
||||
} else if (dependency.depends) {
|
||||
return findInheritedLayer(dependency, [...visited, depSlot])
|
||||
} else {
|
||||
return null
|
||||
}
|
||||
}
|
||||
if (value.depends) {
|
||||
return findInheritedLayer(k)
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* topologically sorted SLOT_INHERITANCE
|
||||
*/
|
||||
export const SLOT_ORDERED = topoSort(
|
||||
Object.entries(SLOT_INHERITANCE)
|
||||
.sort(([aK, aV], [bK, bV]) => ((aV && aV.priority) || 0) - ((bV && bV.priority) || 0))
|
||||
.reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {})
|
||||
)
|
||||
|
||||
/**
|
||||
* All opacity slots used in color slots, their default values and affected
|
||||
* color slots.
|
||||
*/
|
||||
export const OPACITIES = Object.entries(SLOT_INHERITANCE).reduce((acc, [k, v]) => {
|
||||
const opacity = getOpacitySlot(k, SLOT_INHERITANCE, getDependencies)
|
||||
if (opacity) {
|
||||
return {
|
||||
...acc,
|
||||
[opacity]: {
|
||||
defaultValue: DEFAULT_OPACITY[opacity] || 1,
|
||||
affectedSlots: [...((acc[opacity] && acc[opacity].affectedSlots) || []), k]
|
||||
}
|
||||
}
|
||||
} else {
|
||||
return acc
|
||||
}
|
||||
}, {})
|
||||
|
||||
/**
|
||||
* Handle dynamic color
|
||||
*/
|
||||
export const computeDynamicColor = (sourceColor, getColor, mod) => {
|
||||
if (typeof sourceColor !== 'string' || !sourceColor.startsWith('--')) return sourceColor
|
||||
let targetColor = null
|
||||
// Color references other color
|
||||
const [variable, modifier] = sourceColor.split(/,/g).map(str => str.trim())
|
||||
const variableSlot = variable.substring(2)
|
||||
targetColor = getColor(variableSlot)
|
||||
if (modifier) {
|
||||
targetColor = brightness(Number.parseFloat(modifier) * mod, targetColor).rgb
|
||||
}
|
||||
return targetColor
|
||||
}
|
||||
|
||||
/**
|
||||
* THE function you want to use. Takes provided colors and opacities
|
||||
* value and uses inheritance data to figure out color needed for the slot.
|
||||
*/
|
||||
export const getColors = (sourceColors, sourceOpacity) => SLOT_ORDERED.reduce(({ colors, opacity }, key) => {
|
||||
const sourceColor = sourceColors[key]
|
||||
const value = expandSlotValue(SLOT_INHERITANCE[key])
|
||||
const deps = getDependencies(key, SLOT_INHERITANCE)
|
||||
const isTextColor = !!value.textColor
|
||||
const variant = value.variant || value.layer
|
||||
|
||||
let backgroundColor = null
|
||||
|
||||
if (isTextColor) {
|
||||
backgroundColor = alphaBlendLayers(
|
||||
{ ...(colors[deps[0]] || convert(sourceColors[key] || '#FF00FF').rgb) },
|
||||
getLayers(
|
||||
getLayerSlot(key) || 'bg',
|
||||
variant || 'bg',
|
||||
getOpacitySlot(variant),
|
||||
colors,
|
||||
opacity
|
||||
)
|
||||
)
|
||||
} else if (variant && variant !== key) {
|
||||
backgroundColor = colors[variant] || convert(sourceColors[variant]).rgb
|
||||
} else {
|
||||
backgroundColor = colors.bg || convert(sourceColors.bg)
|
||||
}
|
||||
|
||||
const isLightOnDark = relativeLuminance(backgroundColor) < 0.5
|
||||
const mod = isLightOnDark ? 1 : -1
|
||||
|
||||
let outputColor = null
|
||||
if (sourceColor) {
|
||||
// Color is defined in source color
|
||||
let targetColor = sourceColor
|
||||
if (targetColor === 'transparent') {
|
||||
// We take only layers below current one
|
||||
const layers = getLayers(
|
||||
getLayerSlot(key),
|
||||
key,
|
||||
getOpacitySlot(key) || key,
|
||||
colors,
|
||||
opacity
|
||||
).slice(0, -1)
|
||||
targetColor = {
|
||||
...alphaBlendLayers(
|
||||
convert('#FF00FF').rgb,
|
||||
layers
|
||||
),
|
||||
a: 0
|
||||
}
|
||||
} else if (typeof sourceColor === 'string' && sourceColor.startsWith('--')) {
|
||||
targetColor = computeDynamicColor(
|
||||
sourceColor,
|
||||
variableSlot => colors[variableSlot] || sourceColors[variableSlot],
|
||||
mod
|
||||
)
|
||||
} else if (typeof sourceColor === 'string' && sourceColor.startsWith('#')) {
|
||||
targetColor = convert(targetColor).rgb
|
||||
}
|
||||
outputColor = { ...targetColor }
|
||||
} else if (value.default) {
|
||||
// same as above except in object form
|
||||
outputColor = convert(value.default).rgb
|
||||
} else {
|
||||
// calculate color
|
||||
const defaultColorFunc = (mod, dep) => ({ ...dep })
|
||||
const colorFunc = value.color || defaultColorFunc
|
||||
|
||||
if (value.textColor) {
|
||||
if (value.textColor === 'bw') {
|
||||
outputColor = contrastRatio(backgroundColor).rgb
|
||||
} else {
|
||||
let color = { ...colors[deps[0]] }
|
||||
if (value.color) {
|
||||
color = colorFunc(mod, ...deps.map((dep) => ({ ...colors[dep] })))
|
||||
}
|
||||
outputColor = getTextColor(
|
||||
backgroundColor,
|
||||
{ ...color },
|
||||
value.textColor === 'preserve'
|
||||
)
|
||||
}
|
||||
} else {
|
||||
// background color case
|
||||
outputColor = colorFunc(
|
||||
mod,
|
||||
...deps.map((dep) => ({ ...colors[dep] }))
|
||||
)
|
||||
}
|
||||
}
|
||||
if (!outputColor) {
|
||||
throw new Error('Couldn\'t generate color for ' + key)
|
||||
}
|
||||
const opacitySlot = getOpacitySlot(key)
|
||||
if (opacitySlot && outputColor.a === undefined) {
|
||||
const dependencySlot = deps[0]
|
||||
if (dependencySlot && colors[dependencySlot] === 'transparent') {
|
||||
outputColor.a = 0
|
||||
} else {
|
||||
outputColor.a = Number(sourceOpacity[opacitySlot]) || OPACITIES[opacitySlot].defaultValue || 1
|
||||
}
|
||||
}
|
||||
if (opacitySlot) {
|
||||
return {
|
||||
colors: { ...colors, [key]: outputColor },
|
||||
opacity: { ...opacity, [opacitySlot]: outputColor.a }
|
||||
}
|
||||
} else {
|
||||
return {
|
||||
colors: { ...colors, [key]: outputColor },
|
||||
opacity
|
||||
}
|
||||
}
|
||||
}, { colors: {}, opacity: {} })
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #090300; }
|
||||
.base01-background { background-color: #3a3432; }
|
||||
.base02-background { background-color: #4a4543; }
|
||||
.base03-background { background-color: #5c5855; }
|
||||
.base04-background { background-color: #807d7c; }
|
||||
.base05-background { background-color: #a5a2a2; }
|
||||
.base06-background { background-color: #d6d5d4; }
|
||||
.base07-background { background-color: #f7f7f7; }
|
||||
.base08-background { background-color: #db2d20; }
|
||||
.base09-background { background-color: #e8bbd0; }
|
||||
.base0A-background { background-color: #fded02; }
|
||||
.base0B-background { background-color: #01a252; }
|
||||
.base0C-background { background-color: #b5e4f4; }
|
||||
.base0D-background { background-color: #01a0e4; }
|
||||
.base0E-background { background-color: #a16a94; }
|
||||
.base0F-background { background-color: #cdab53; }
|
||||
|
||||
.base00 { color: #090300; }
|
||||
.base01 { color: #3a3432; }
|
||||
.base02 { color: #4a4543; }
|
||||
.base03 { color: #5c5855; }
|
||||
.base04 { color: #807d7c; }
|
||||
.base05 { color: #a5a2a2; }
|
||||
.base06 { color: #d6d5d4; }
|
||||
.base07 { color: #f7f7f7; }
|
||||
.base08 { color: #db2d20; }
|
||||
.base09 { color: #e8bbd0; }
|
||||
.base0A { color: #fded02; }
|
||||
.base0B { color: #01a252; }
|
||||
.base0C { color: #b5e4f4; }
|
||||
.base0D { color: #01a0e4; }
|
||||
.base0E { color: #a16a94; }
|
||||
.base0F { color: #cdab53; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #031A16; }
|
||||
.base01-background { background-color: #0B342D; }
|
||||
.base02-background { background-color: #184E45; }
|
||||
.base03-background { background-color: #2B685E; }
|
||||
.base04-background { background-color: #5F9C92; }
|
||||
.base05-background { background-color: #81B5AC; }
|
||||
.base06-background { background-color: #A7CEC8; }
|
||||
.base07-background { background-color: #D2E7E4; }
|
||||
.base08-background { background-color: #3E9688; }
|
||||
.base09-background { background-color: #3E7996; }
|
||||
.base0A-background { background-color: #3E4C96; }
|
||||
.base0B-background { background-color: #883E96; }
|
||||
.base0C-background { background-color: #963E4C; }
|
||||
.base0D-background { background-color: #96883E; }
|
||||
.base0E-background { background-color: #4C963E; }
|
||||
.base0F-background { background-color: #3E965B; }
|
||||
|
||||
.base00 { color: #031A16; }
|
||||
.base01 { color: #0B342D; }
|
||||
.base02 { color: #184E45; }
|
||||
.base03 { color: #2B685E; }
|
||||
.base04 { color: #5F9C92; }
|
||||
.base05 { color: #81B5AC; }
|
||||
.base06 { color: #A7CEC8; }
|
||||
.base07 { color: #D2E7E4; }
|
||||
.base08 { color: #3E9688; }
|
||||
.base09 { color: #3E7996; }
|
||||
.base0A { color: #3E4C96; }
|
||||
.base0B { color: #883E96; }
|
||||
.base0C { color: #963E4C; }
|
||||
.base0D { color: #96883E; }
|
||||
.base0E { color: #4C963E; }
|
||||
.base0F { color: #3E965B; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #1C2023; }
|
||||
.base01-background { background-color: #393F45; }
|
||||
.base02-background { background-color: #565E65; }
|
||||
.base03-background { background-color: #747C84; }
|
||||
.base04-background { background-color: #ADB3BA; }
|
||||
.base05-background { background-color: #C7CCD1; }
|
||||
.base06-background { background-color: #DFE2E5; }
|
||||
.base07-background { background-color: #F3F4F5; }
|
||||
.base08-background { background-color: #C7AE95; }
|
||||
.base09-background { background-color: #C7C795; }
|
||||
.base0A-background { background-color: #AEC795; }
|
||||
.base0B-background { background-color: #95C7AE; }
|
||||
.base0C-background { background-color: #95AEC7; }
|
||||
.base0D-background { background-color: #AE95C7; }
|
||||
.base0E-background { background-color: #C795AE; }
|
||||
.base0F-background { background-color: #C79595; }
|
||||
|
||||
.base00 { color: #1C2023; }
|
||||
.base01 { color: #393F45; }
|
||||
.base02 { color: #565E65; }
|
||||
.base03 { color: #747C84; }
|
||||
.base04 { color: #ADB3BA; }
|
||||
.base05 { color: #C7CCD1; }
|
||||
.base06 { color: #DFE2E5; }
|
||||
.base07 { color: #F3F4F5; }
|
||||
.base08 { color: #C7AE95; }
|
||||
.base09 { color: #C7C795; }
|
||||
.base0A { color: #AEC795; }
|
||||
.base0B { color: #95C7AE; }
|
||||
.base0C { color: #95AEC7; }
|
||||
.base0D { color: #AE95C7; }
|
||||
.base0E { color: #C795AE; }
|
||||
.base0F { color: #C79595; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #19171c; }
|
||||
.base01-background { background-color: #26232a; }
|
||||
.base02-background { background-color: #585260; }
|
||||
.base03-background { background-color: #655f6d; }
|
||||
.base04-background { background-color: #7e7887; }
|
||||
.base05-background { background-color: #8b8792; }
|
||||
.base06-background { background-color: #e2dfe7; }
|
||||
.base07-background { background-color: #efecf4; }
|
||||
.base08-background { background-color: #be4678; }
|
||||
.base09-background { background-color: #aa573c; }
|
||||
.base0A-background { background-color: #a06e3b; }
|
||||
.base0B-background { background-color: #2a9292; }
|
||||
.base0C-background { background-color: #398bc6; }
|
||||
.base0D-background { background-color: #576ddb; }
|
||||
.base0E-background { background-color: #955ae7; }
|
||||
.base0F-background { background-color: #bf40bf; }
|
||||
|
||||
.base00 { color: #19171c; }
|
||||
.base01 { color: #26232a; }
|
||||
.base02 { color: #585260; }
|
||||
.base03 { color: #655f6d; }
|
||||
.base04 { color: #7e7887; }
|
||||
.base05 { color: #8b8792; }
|
||||
.base06 { color: #e2dfe7; }
|
||||
.base07 { color: #efecf4; }
|
||||
.base08 { color: #be4678; }
|
||||
.base09 { color: #aa573c; }
|
||||
.base0A { color: #a06e3b; }
|
||||
.base0B { color: #2a9292; }
|
||||
.base0C { color: #398bc6; }
|
||||
.base0D { color: #576ddb; }
|
||||
.base0E { color: #955ae7; }
|
||||
.base0F { color: #bf40bf; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #20201d; }
|
||||
.base01-background { background-color: #292824; }
|
||||
.base02-background { background-color: #6e6b5e; }
|
||||
.base03-background { background-color: #7d7a68; }
|
||||
.base04-background { background-color: #999580; }
|
||||
.base05-background { background-color: #a6a28c; }
|
||||
.base06-background { background-color: #e8e4cf; }
|
||||
.base07-background { background-color: #fefbec; }
|
||||
.base08-background { background-color: #d73737; }
|
||||
.base09-background { background-color: #b65611; }
|
||||
.base0A-background { background-color: #ae9513; }
|
||||
.base0B-background { background-color: #60ac39; }
|
||||
.base0C-background { background-color: #1fad83; }
|
||||
.base0D-background { background-color: #6684e1; }
|
||||
.base0E-background { background-color: #b854d4; }
|
||||
.base0F-background { background-color: #d43552; }
|
||||
|
||||
.base00 { color: #20201d; }
|
||||
.base01 { color: #292824; }
|
||||
.base02 { color: #6e6b5e; }
|
||||
.base03 { color: #7d7a68; }
|
||||
.base04 { color: #999580; }
|
||||
.base05 { color: #a6a28c; }
|
||||
.base06 { color: #e8e4cf; }
|
||||
.base07 { color: #fefbec; }
|
||||
.base08 { color: #d73737; }
|
||||
.base09 { color: #b65611; }
|
||||
.base0A { color: #ae9513; }
|
||||
.base0B { color: #60ac39; }
|
||||
.base0C { color: #1fad83; }
|
||||
.base0D { color: #6684e1; }
|
||||
.base0E { color: #b854d4; }
|
||||
.base0F { color: #d43552; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #22221b; }
|
||||
.base01-background { background-color: #302f27; }
|
||||
.base02-background { background-color: #5f5e4e; }
|
||||
.base03-background { background-color: #6c6b5a; }
|
||||
.base04-background { background-color: #878573; }
|
||||
.base05-background { background-color: #929181; }
|
||||
.base06-background { background-color: #e7e6df; }
|
||||
.base07-background { background-color: #f4f3ec; }
|
||||
.base08-background { background-color: #ba6236; }
|
||||
.base09-background { background-color: #ae7313; }
|
||||
.base0A-background { background-color: #a5980d; }
|
||||
.base0B-background { background-color: #7d9726; }
|
||||
.base0C-background { background-color: #5b9d48; }
|
||||
.base0D-background { background-color: #36a166; }
|
||||
.base0E-background { background-color: #5f9182; }
|
||||
.base0F-background { background-color: #9d6c7c; }
|
||||
|
||||
.base00 { color: #22221b; }
|
||||
.base01 { color: #302f27; }
|
||||
.base02 { color: #5f5e4e; }
|
||||
.base03 { color: #6c6b5a; }
|
||||
.base04 { color: #878573; }
|
||||
.base05 { color: #929181; }
|
||||
.base06 { color: #e7e6df; }
|
||||
.base07 { color: #f4f3ec; }
|
||||
.base08 { color: #ba6236; }
|
||||
.base09 { color: #ae7313; }
|
||||
.base0A { color: #a5980d; }
|
||||
.base0B { color: #7d9726; }
|
||||
.base0C { color: #5b9d48; }
|
||||
.base0D { color: #36a166; }
|
||||
.base0E { color: #5f9182; }
|
||||
.base0F { color: #9d6c7c; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #1b1918; }
|
||||
.base01-background { background-color: #2c2421; }
|
||||
.base02-background { background-color: #68615e; }
|
||||
.base03-background { background-color: #766e6b; }
|
||||
.base04-background { background-color: #9c9491; }
|
||||
.base05-background { background-color: #a8a19f; }
|
||||
.base06-background { background-color: #e6e2e0; }
|
||||
.base07-background { background-color: #f1efee; }
|
||||
.base08-background { background-color: #f22c40; }
|
||||
.base09-background { background-color: #df5320; }
|
||||
.base0A-background { background-color: #c38418; }
|
||||
.base0B-background { background-color: #7b9726; }
|
||||
.base0C-background { background-color: #3d97b8; }
|
||||
.base0D-background { background-color: #407ee7; }
|
||||
.base0E-background { background-color: #6666ea; }
|
||||
.base0F-background { background-color: #c33ff3; }
|
||||
|
||||
.base00 { color: #1b1918; }
|
||||
.base01 { color: #2c2421; }
|
||||
.base02 { color: #68615e; }
|
||||
.base03 { color: #766e6b; }
|
||||
.base04 { color: #9c9491; }
|
||||
.base05 { color: #a8a19f; }
|
||||
.base06 { color: #e6e2e0; }
|
||||
.base07 { color: #f1efee; }
|
||||
.base08 { color: #f22c40; }
|
||||
.base09 { color: #df5320; }
|
||||
.base0A { color: #c38418; }
|
||||
.base0B { color: #7b9726; }
|
||||
.base0C { color: #3d97b8; }
|
||||
.base0D { color: #407ee7; }
|
||||
.base0E { color: #6666ea; }
|
||||
.base0F { color: #c33ff3; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #1b181b; }
|
||||
.base01-background { background-color: #292329; }
|
||||
.base02-background { background-color: #695d69; }
|
||||
.base03-background { background-color: #776977; }
|
||||
.base04-background { background-color: #9e8f9e; }
|
||||
.base05-background { background-color: #ab9bab; }
|
||||
.base06-background { background-color: #d8cad8; }
|
||||
.base07-background { background-color: #f7f3f7; }
|
||||
.base08-background { background-color: #ca402b; }
|
||||
.base09-background { background-color: #a65926; }
|
||||
.base0A-background { background-color: #bb8a35; }
|
||||
.base0B-background { background-color: #918b3b; }
|
||||
.base0C-background { background-color: #159393; }
|
||||
.base0D-background { background-color: #516aec; }
|
||||
.base0E-background { background-color: #7b59c0; }
|
||||
.base0F-background { background-color: #cc33cc; }
|
||||
|
||||
.base00 { color: #1b181b; }
|
||||
.base01 { color: #292329; }
|
||||
.base02 { color: #695d69; }
|
||||
.base03 { color: #776977; }
|
||||
.base04 { color: #9e8f9e; }
|
||||
.base05 { color: #ab9bab; }
|
||||
.base06 { color: #d8cad8; }
|
||||
.base07 { color: #f7f3f7; }
|
||||
.base08 { color: #ca402b; }
|
||||
.base09 { color: #a65926; }
|
||||
.base0A { color: #bb8a35; }
|
||||
.base0B { color: #918b3b; }
|
||||
.base0C { color: #159393; }
|
||||
.base0D { color: #516aec; }
|
||||
.base0E { color: #7b59c0; }
|
||||
.base0F { color: #cc33cc; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #161b1d; }
|
||||
.base01-background { background-color: #1f292e; }
|
||||
.base02-background { background-color: #516d7b; }
|
||||
.base03-background { background-color: #5a7b8c; }
|
||||
.base04-background { background-color: #7195a8; }
|
||||
.base05-background { background-color: #7ea2b4; }
|
||||
.base06-background { background-color: #c1e4f6; }
|
||||
.base07-background { background-color: #ebf8ff; }
|
||||
.base08-background { background-color: #d22d72; }
|
||||
.base09-background { background-color: #935c25; }
|
||||
.base0A-background { background-color: #8a8a0f; }
|
||||
.base0B-background { background-color: #568c3b; }
|
||||
.base0C-background { background-color: #2d8f6f; }
|
||||
.base0D-background { background-color: #257fad; }
|
||||
.base0E-background { background-color: #6b6bb8; }
|
||||
.base0F-background { background-color: #b72dd2; }
|
||||
|
||||
.base00 { color: #161b1d; }
|
||||
.base01 { color: #1f292e; }
|
||||
.base02 { color: #516d7b; }
|
||||
.base03 { color: #5a7b8c; }
|
||||
.base04 { color: #7195a8; }
|
||||
.base05 { color: #7ea2b4; }
|
||||
.base06 { color: #c1e4f6; }
|
||||
.base07 { color: #ebf8ff; }
|
||||
.base08 { color: #d22d72; }
|
||||
.base09 { color: #935c25; }
|
||||
.base0A { color: #8a8a0f; }
|
||||
.base0B { color: #568c3b; }
|
||||
.base0C { color: #2d8f6f; }
|
||||
.base0D { color: #257fad; }
|
||||
.base0E { color: #6b6bb8; }
|
||||
.base0F { color: #b72dd2; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #1b1818; }
|
||||
.base01-background { background-color: #292424; }
|
||||
.base02-background { background-color: #585050; }
|
||||
.base03-background { background-color: #655d5d; }
|
||||
.base04-background { background-color: #7e7777; }
|
||||
.base05-background { background-color: #8a8585; }
|
||||
.base06-background { background-color: #e7dfdf; }
|
||||
.base07-background { background-color: #f4ecec; }
|
||||
.base08-background { background-color: #ca4949; }
|
||||
.base09-background { background-color: #b45a3c; }
|
||||
.base0A-background { background-color: #a06e3b; }
|
||||
.base0B-background { background-color: #4b8b8b; }
|
||||
.base0C-background { background-color: #5485b6; }
|
||||
.base0D-background { background-color: #7272ca; }
|
||||
.base0E-background { background-color: #8464c4; }
|
||||
.base0F-background { background-color: #bd5187; }
|
||||
|
||||
.base00 { color: #1b1818; }
|
||||
.base01 { color: #292424; }
|
||||
.base02 { color: #585050; }
|
||||
.base03 { color: #655d5d; }
|
||||
.base04 { color: #7e7777; }
|
||||
.base05 { color: #8a8585; }
|
||||
.base06 { color: #e7dfdf; }
|
||||
.base07 { color: #f4ecec; }
|
||||
.base08 { color: #ca4949; }
|
||||
.base09 { color: #b45a3c; }
|
||||
.base0A { color: #a06e3b; }
|
||||
.base0B { color: #4b8b8b; }
|
||||
.base0C { color: #5485b6; }
|
||||
.base0D { color: #7272ca; }
|
||||
.base0E { color: #8464c4; }
|
||||
.base0F { color: #bd5187; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #171c19; }
|
||||
.base01-background { background-color: #232a25; }
|
||||
.base02-background { background-color: #526057; }
|
||||
.base03-background { background-color: #5f6d64; }
|
||||
.base04-background { background-color: #78877d; }
|
||||
.base05-background { background-color: #87928a; }
|
||||
.base06-background { background-color: #dfe7e2; }
|
||||
.base07-background { background-color: #ecf4ee; }
|
||||
.base08-background { background-color: #b16139; }
|
||||
.base09-background { background-color: #9f713c; }
|
||||
.base0A-background { background-color: #a07e3b; }
|
||||
.base0B-background { background-color: #489963; }
|
||||
.base0C-background { background-color: #1c9aa0; }
|
||||
.base0D-background { background-color: #478c90; }
|
||||
.base0E-background { background-color: #55859b; }
|
||||
.base0F-background { background-color: #867469; }
|
||||
|
||||
.base00 { color: #171c19; }
|
||||
.base01 { color: #232a25; }
|
||||
.base02 { color: #526057; }
|
||||
.base03 { color: #5f6d64; }
|
||||
.base04 { color: #78877d; }
|
||||
.base05 { color: #87928a; }
|
||||
.base06 { color: #dfe7e2; }
|
||||
.base07 { color: #ecf4ee; }
|
||||
.base08 { color: #b16139; }
|
||||
.base09 { color: #9f713c; }
|
||||
.base0A { color: #a07e3b; }
|
||||
.base0B { color: #489963; }
|
||||
.base0C { color: #1c9aa0; }
|
||||
.base0D { color: #478c90; }
|
||||
.base0E { color: #55859b; }
|
||||
.base0F { color: #867469; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #131513; }
|
||||
.base01-background { background-color: #242924; }
|
||||
.base02-background { background-color: #5e6e5e; }
|
||||
.base03-background { background-color: #687d68; }
|
||||
.base04-background { background-color: #809980; }
|
||||
.base05-background { background-color: #8ca68c; }
|
||||
.base06-background { background-color: #cfe8cf; }
|
||||
.base07-background { background-color: #f4fbf4; }
|
||||
.base08-background { background-color: #e6193c; }
|
||||
.base09-background { background-color: #87711d; }
|
||||
.base0A-background { background-color: #98981b; }
|
||||
.base0B-background { background-color: #29a329; }
|
||||
.base0C-background { background-color: #1999b3; }
|
||||
.base0D-background { background-color: #3d62f5; }
|
||||
.base0E-background { background-color: #ad2bee; }
|
||||
.base0F-background { background-color: #e619c3; }
|
||||
|
||||
.base00 { color: #131513; }
|
||||
.base01 { color: #242924; }
|
||||
.base02 { color: #5e6e5e; }
|
||||
.base03 { color: #687d68; }
|
||||
.base04 { color: #809980; }
|
||||
.base05 { color: #8ca68c; }
|
||||
.base06 { color: #cfe8cf; }
|
||||
.base07 { color: #f4fbf4; }
|
||||
.base08 { color: #e6193c; }
|
||||
.base09 { color: #87711d; }
|
||||
.base0A { color: #98981b; }
|
||||
.base0B { color: #29a329; }
|
||||
.base0C { color: #1999b3; }
|
||||
.base0D { color: #3d62f5; }
|
||||
.base0E { color: #ad2bee; }
|
||||
.base0F { color: #e619c3; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #202746; }
|
||||
.base01-background { background-color: #293256; }
|
||||
.base02-background { background-color: #5e6687; }
|
||||
.base03-background { background-color: #6b7394; }
|
||||
.base04-background { background-color: #898ea4; }
|
||||
.base05-background { background-color: #979db4; }
|
||||
.base06-background { background-color: #dfe2f1; }
|
||||
.base07-background { background-color: #f5f7ff; }
|
||||
.base08-background { background-color: #c94922; }
|
||||
.base09-background { background-color: #c76b29; }
|
||||
.base0A-background { background-color: #c08b30; }
|
||||
.base0B-background { background-color: #ac9739; }
|
||||
.base0C-background { background-color: #22a2c9; }
|
||||
.base0D-background { background-color: #3d8fd1; }
|
||||
.base0E-background { background-color: #6679cc; }
|
||||
.base0F-background { background-color: #9c637a; }
|
||||
|
||||
.base00 { color: #202746; }
|
||||
.base01 { color: #293256; }
|
||||
.base02 { color: #5e6687; }
|
||||
.base03 { color: #6b7394; }
|
||||
.base04 { color: #898ea4; }
|
||||
.base05 { color: #979db4; }
|
||||
.base06 { color: #dfe2f1; }
|
||||
.base07 { color: #f5f7ff; }
|
||||
.base08 { color: #c94922; }
|
||||
.base09 { color: #c76b29; }
|
||||
.base0A { color: #c08b30; }
|
||||
.base0B { color: #ac9739; }
|
||||
.base0C { color: #22a2c9; }
|
||||
.base0D { color: #3d8fd1; }
|
||||
.base0E { color: #6679cc; }
|
||||
.base0F { color: #9c637a; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #28211c; }
|
||||
.base01-background { background-color: #36312e; }
|
||||
.base02-background { background-color: #5e5d5c; }
|
||||
.base03-background { background-color: #666666; }
|
||||
.base04-background { background-color: #797977; }
|
||||
.base05-background { background-color: #8a8986; }
|
||||
.base06-background { background-color: #9d9b97; }
|
||||
.base07-background { background-color: #baae9e; }
|
||||
.base08-background { background-color: #cf6a4c; }
|
||||
.base09-background { background-color: #cf7d34; }
|
||||
.base0A-background { background-color: #f9ee98; }
|
||||
.base0B-background { background-color: #54be0d; }
|
||||
.base0C-background { background-color: #afc4db; }
|
||||
.base0D-background { background-color: #5ea6ea; }
|
||||
.base0E-background { background-color: #9b859d; }
|
||||
.base0F-background { background-color: #937121; }
|
||||
|
||||
.base00 { color: #28211c; }
|
||||
.base01 { color: #36312e; }
|
||||
.base02 { color: #5e5d5c; }
|
||||
.base03 { color: #666666; }
|
||||
.base04 { color: #797977; }
|
||||
.base05 { color: #8a8986; }
|
||||
.base06 { color: #9d9b97; }
|
||||
.base07 { color: #baae9e; }
|
||||
.base08 { color: #cf6a4c; }
|
||||
.base09 { color: #cf7d34; }
|
||||
.base0A { color: #f9ee98; }
|
||||
.base0B { color: #54be0d; }
|
||||
.base0C { color: #afc4db; }
|
||||
.base0D { color: #5ea6ea; }
|
||||
.base0E { color: #9b859d; }
|
||||
.base0F { color: #937121; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #0c0d0e; }
|
||||
.base01-background { background-color: #2e2f30; }
|
||||
.base02-background { background-color: #515253; }
|
||||
.base03-background { background-color: #737475; }
|
||||
.base04-background { background-color: #959697; }
|
||||
.base05-background { background-color: #b7b8b9; }
|
||||
.base06-background { background-color: #dadbdc; }
|
||||
.base07-background { background-color: #fcfdfe; }
|
||||
.base08-background { background-color: #e31a1c; }
|
||||
.base09-background { background-color: #e6550d; }
|
||||
.base0A-background { background-color: #dca060; }
|
||||
.base0B-background { background-color: #31a354; }
|
||||
.base0C-background { background-color: #80b1d3; }
|
||||
.base0D-background { background-color: #3182bd; }
|
||||
.base0E-background { background-color: #756bb1; }
|
||||
.base0F-background { background-color: #b15928; }
|
||||
|
||||
.base00 { color: #0c0d0e; }
|
||||
.base01 { color: #2e2f30; }
|
||||
.base02 { color: #515253; }
|
||||
.base03 { color: #737475; }
|
||||
.base04 { color: #959697; }
|
||||
.base05 { color: #b7b8b9; }
|
||||
.base06 { color: #dadbdc; }
|
||||
.base07 { color: #fcfdfe; }
|
||||
.base08 { color: #e31a1c; }
|
||||
.base09 { color: #e6550d; }
|
||||
.base0A { color: #dca060; }
|
||||
.base0B { color: #31a354; }
|
||||
.base0C { color: #80b1d3; }
|
||||
.base0D { color: #3182bd; }
|
||||
.base0E { color: #756bb1; }
|
||||
.base0F { color: #b15928; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #000000; }
|
||||
.base01-background { background-color: #303030; }
|
||||
.base02-background { background-color: #505050; }
|
||||
.base03-background { background-color: #b0b0b0; }
|
||||
.base04-background { background-color: #d0d0d0; }
|
||||
.base05-background { background-color: #e0e0e0; }
|
||||
.base06-background { background-color: #f5f5f5; }
|
||||
.base07-background { background-color: #ffffff; }
|
||||
.base08-background { background-color: #fb0120; }
|
||||
.base09-background { background-color: #fc6d24; }
|
||||
.base0A-background { background-color: #fda331; }
|
||||
.base0B-background { background-color: #a1c659; }
|
||||
.base0C-background { background-color: #76c7b7; }
|
||||
.base0D-background { background-color: #6fb3d2; }
|
||||
.base0E-background { background-color: #d381c3; }
|
||||
.base0F-background { background-color: #be643c; }
|
||||
|
||||
.base00 { color: #000000; }
|
||||
.base01 { color: #303030; }
|
||||
.base02 { color: #505050; }
|
||||
.base03 { color: #b0b0b0; }
|
||||
.base04 { color: #d0d0d0; }
|
||||
.base05 { color: #e0e0e0; }
|
||||
.base06 { color: #f5f5f5; }
|
||||
.base07 { color: #ffffff; }
|
||||
.base08 { color: #fb0120; }
|
||||
.base09 { color: #fc6d24; }
|
||||
.base0A { color: #fda331; }
|
||||
.base0B { color: #a1c659; }
|
||||
.base0C { color: #76c7b7; }
|
||||
.base0D { color: #6fb3d2; }
|
||||
.base0E { color: #d381c3; }
|
||||
.base0F { color: #be643c; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #151515; }
|
||||
.base01-background { background-color: #202020; }
|
||||
.base02-background { background-color: #303030; }
|
||||
.base03-background { background-color: #505050; }
|
||||
.base04-background { background-color: #b0b0b0; }
|
||||
.base05-background { background-color: #d0d0d0; }
|
||||
.base06-background { background-color: #e0e0e0; }
|
||||
.base07-background { background-color: #f5f5f5; }
|
||||
.base08-background { background-color: #fb9fb1; }
|
||||
.base09-background { background-color: #eda987; }
|
||||
.base0A-background { background-color: #ddb26f; }
|
||||
.base0B-background { background-color: #acc267; }
|
||||
.base0C-background { background-color: #12cfc0; }
|
||||
.base0D-background { background-color: #6fc2ef; }
|
||||
.base0E-background { background-color: #e1a3ee; }
|
||||
.base0F-background { background-color: #deaf8f; }
|
||||
|
||||
.base00 { color: #151515; }
|
||||
.base01 { color: #202020; }
|
||||
.base02 { color: #303030; }
|
||||
.base03 { color: #505050; }
|
||||
.base04 { color: #b0b0b0; }
|
||||
.base05 { color: #d0d0d0; }
|
||||
.base06 { color: #e0e0e0; }
|
||||
.base07 { color: #f5f5f5; }
|
||||
.base08 { color: #fb9fb1; }
|
||||
.base09 { color: #eda987; }
|
||||
.base0A { color: #ddb26f; }
|
||||
.base0B { color: #acc267; }
|
||||
.base0C { color: #12cfc0; }
|
||||
.base0D { color: #6fc2ef; }
|
||||
.base0E { color: #e1a3ee; }
|
||||
.base0F { color: #deaf8f; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #232c31; }
|
||||
.base01-background { background-color: #1c3657; }
|
||||
.base02-background { background-color: #2a343a; }
|
||||
.base03-background { background-color: #3f4944; }
|
||||
.base04-background { background-color: #84898c; }
|
||||
.base05-background { background-color: #9ea7a6; }
|
||||
.base06-background { background-color: #a7cfa3; }
|
||||
.base07-background { background-color: #b5d8f6; }
|
||||
.base08-background { background-color: #2a5491; }
|
||||
.base09-background { background-color: #43820d; }
|
||||
.base0A-background { background-color: #a03b1e; }
|
||||
.base0B-background { background-color: #237986; }
|
||||
.base0C-background { background-color: #b02f30; }
|
||||
.base0D-background { background-color: #484d79; }
|
||||
.base0E-background { background-color: #c59820; }
|
||||
.base0F-background { background-color: #c98344; }
|
||||
|
||||
.base00 { color: #232c31; }
|
||||
.base01 { color: #1c3657; }
|
||||
.base02 { color: #2a343a; }
|
||||
.base03 { color: #3f4944; }
|
||||
.base04 { color: #84898c; }
|
||||
.base05 { color: #9ea7a6; }
|
||||
.base06 { color: #a7cfa3; }
|
||||
.base07 { color: #b5d8f6; }
|
||||
.base08 { color: #2a5491; }
|
||||
.base09 { color: #43820d; }
|
||||
.base0A { color: #a03b1e; }
|
||||
.base0B { color: #237986; }
|
||||
.base0C { color: #b02f30; }
|
||||
.base0D { color: #484d79; }
|
||||
.base0E { color: #c59820; }
|
||||
.base0F { color: #c98344; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #1D2021; }
|
||||
.base01-background { background-color: #32302F; }
|
||||
.base02-background { background-color: #504945; }
|
||||
.base03-background { background-color: #665C54; }
|
||||
.base04-background { background-color: #928374; }
|
||||
.base05-background { background-color: #A89984; }
|
||||
.base06-background { background-color: #D5C4A1; }
|
||||
.base07-background { background-color: #FDF4C1; }
|
||||
.base08-background { background-color: #FB543F; }
|
||||
.base09-background { background-color: #FE8625; }
|
||||
.base0A-background { background-color: #FAC03B; }
|
||||
.base0B-background { background-color: #95C085; }
|
||||
.base0C-background { background-color: #8BA59B; }
|
||||
.base0D-background { background-color: #0D6678; }
|
||||
.base0E-background { background-color: #8F4673; }
|
||||
.base0F-background { background-color: #A87322; }
|
||||
|
||||
.base00 { color: #1D2021; }
|
||||
.base01 { color: #32302F; }
|
||||
.base02 { color: #504945; }
|
||||
.base03 { color: #665C54; }
|
||||
.base04 { color: #928374; }
|
||||
.base05 { color: #A89984; }
|
||||
.base06 { color: #D5C4A1; }
|
||||
.base07 { color: #FDF4C1; }
|
||||
.base08 { color: #FB543F; }
|
||||
.base09 { color: #FE8625; }
|
||||
.base0A { color: #FAC03B; }
|
||||
.base0B { color: #95C085; }
|
||||
.base0C { color: #8BA59B; }
|
||||
.base0D { color: #0D6678; }
|
||||
.base0E { color: #8F4673; }
|
||||
.base0F { color: #A87322; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #181818; }
|
||||
.base01-background { background-color: #282828; }
|
||||
.base02-background { background-color: #383838; }
|
||||
.base03-background { background-color: #585858; }
|
||||
.base04-background { background-color: #b8b8b8; }
|
||||
.base05-background { background-color: #d8d8d8; }
|
||||
.base06-background { background-color: #e8e8e8; }
|
||||
.base07-background { background-color: #f8f8f8; }
|
||||
.base08-background { background-color: #ab4642; }
|
||||
.base09-background { background-color: #dc9656; }
|
||||
.base0A-background { background-color: #f7ca88; }
|
||||
.base0B-background { background-color: #a1b56c; }
|
||||
.base0C-background { background-color: #86c1b9; }
|
||||
.base0D-background { background-color: #7cafc2; }
|
||||
.base0E-background { background-color: #ba8baf; }
|
||||
.base0F-background { background-color: #a16946; }
|
||||
|
||||
.base00 { color: #181818; }
|
||||
.base01 { color: #282828; }
|
||||
.base02 { color: #383838; }
|
||||
.base03 { color: #585858; }
|
||||
.base04 { color: #b8b8b8; }
|
||||
.base05 { color: #d8d8d8; }
|
||||
.base06 { color: #e8e8e8; }
|
||||
.base07 { color: #f8f8f8; }
|
||||
.base08 { color: #ab4642; }
|
||||
.base09 { color: #dc9656; }
|
||||
.base0A { color: #f7ca88; }
|
||||
.base0B { color: #a1b56c; }
|
||||
.base0C { color: #86c1b9; }
|
||||
.base0D { color: #7cafc2; }
|
||||
.base0E { color: #ba8baf; }
|
||||
.base0F { color: #a16946; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #f8f8f8; }
|
||||
.base01-background { background-color: #e8e8e8; }
|
||||
.base02-background { background-color: #d8d8d8; }
|
||||
.base03-background { background-color: #b8b8b8; }
|
||||
.base04-background { background-color: #585858; }
|
||||
.base05-background { background-color: #383838; }
|
||||
.base06-background { background-color: #282828; }
|
||||
.base07-background { background-color: #181818; }
|
||||
.base08-background { background-color: #ab4642; }
|
||||
.base09-background { background-color: #dc9656; }
|
||||
.base0A-background { background-color: #f7ca88; }
|
||||
.base0B-background { background-color: #a1b56c; }
|
||||
.base0C-background { background-color: #86c1b9; }
|
||||
.base0D-background { background-color: #7cafc2; }
|
||||
.base0E-background { background-color: #ba8baf; }
|
||||
.base0F-background { background-color: #a16946; }
|
||||
|
||||
.base00 { color: #f8f8f8; }
|
||||
.base01 { color: #e8e8e8; }
|
||||
.base02 { color: #d8d8d8; }
|
||||
.base03 { color: #b8b8b8; }
|
||||
.base04 { color: #585858; }
|
||||
.base05 { color: #383838; }
|
||||
.base06 { color: #282828; }
|
||||
.base07 { color: #181818; }
|
||||
.base08 { color: #ab4642; }
|
||||
.base09 { color: #dc9656; }
|
||||
.base0A { color: #f7ca88; }
|
||||
.base0B { color: #a1b56c; }
|
||||
.base0C { color: #86c1b9; }
|
||||
.base0D { color: #7cafc2; }
|
||||
.base0E { color: #ba8baf; }
|
||||
.base0F { color: #a16946; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #2d2d2d; }
|
||||
.base01-background { background-color: #393939; }
|
||||
.base02-background { background-color: #515151; }
|
||||
.base03-background { background-color: #747369; }
|
||||
.base04-background { background-color: #a09f93; }
|
||||
.base05-background { background-color: #d3d0c8; }
|
||||
.base06-background { background-color: #e8e6df; }
|
||||
.base07-background { background-color: #f2f0ec; }
|
||||
.base08-background { background-color: #f2777a; }
|
||||
.base09-background { background-color: #f99157; }
|
||||
.base0A-background { background-color: #ffcc66; }
|
||||
.base0B-background { background-color: #99cc99; }
|
||||
.base0C-background { background-color: #66cccc; }
|
||||
.base0D-background { background-color: #6699cc; }
|
||||
.base0E-background { background-color: #cc99cc; }
|
||||
.base0F-background { background-color: #d27b53; }
|
||||
|
||||
.base00 { color: #2d2d2d; }
|
||||
.base01 { color: #393939; }
|
||||
.base02 { color: #515151; }
|
||||
.base03 { color: #747369; }
|
||||
.base04 { color: #a09f93; }
|
||||
.base05 { color: #d3d0c8; }
|
||||
.base06 { color: #e8e6df; }
|
||||
.base07 { color: #f2f0ec; }
|
||||
.base08 { color: #f2777a; }
|
||||
.base09 { color: #f99157; }
|
||||
.base0A { color: #ffcc66; }
|
||||
.base0B { color: #99cc99; }
|
||||
.base0C { color: #66cccc; }
|
||||
.base0D { color: #6699cc; }
|
||||
.base0E { color: #cc99cc; }
|
||||
.base0F { color: #d27b53; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #16130F; }
|
||||
.base01-background { background-color: #2C2620; }
|
||||
.base02-background { background-color: #433B32; }
|
||||
.base03-background { background-color: #5A5047; }
|
||||
.base04-background { background-color: #8A8075; }
|
||||
.base05-background { background-color: #A39A90; }
|
||||
.base06-background { background-color: #BEB6AE; }
|
||||
.base07-background { background-color: #DBD6D1; }
|
||||
.base08-background { background-color: #826D57; }
|
||||
.base09-background { background-color: #828257; }
|
||||
.base0A-background { background-color: #6D8257; }
|
||||
.base0B-background { background-color: #57826D; }
|
||||
.base0C-background { background-color: #576D82; }
|
||||
.base0D-background { background-color: #6D5782; }
|
||||
.base0E-background { background-color: #82576D; }
|
||||
.base0F-background { background-color: #825757; }
|
||||
|
||||
.base00 { color: #16130F; }
|
||||
.base01 { color: #2C2620; }
|
||||
.base02 { color: #433B32; }
|
||||
.base03 { color: #5A5047; }
|
||||
.base04 { color: #8A8075; }
|
||||
.base05 { color: #A39A90; }
|
||||
.base06 { color: #BEB6AE; }
|
||||
.base07 { color: #DBD6D1; }
|
||||
.base08 { color: #826D57; }
|
||||
.base09 { color: #828257; }
|
||||
.base0A { color: #6D8257; }
|
||||
.base0B { color: #57826D; }
|
||||
.base0C { color: #576D82; }
|
||||
.base0D { color: #6D5782; }
|
||||
.base0E { color: #82576D; }
|
||||
.base0F { color: #825757; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #2C3E50; }
|
||||
.base01-background { background-color: #34495E; }
|
||||
.base02-background { background-color: #7F8C8D; }
|
||||
.base03-background { background-color: #95A5A6; }
|
||||
.base04-background { background-color: #BDC3C7; }
|
||||
.base05-background { background-color: #e0e0e0; }
|
||||
.base06-background { background-color: #f5f5f5; }
|
||||
.base07-background { background-color: #ECF0F1; }
|
||||
.base08-background { background-color: #E74C3C; }
|
||||
.base09-background { background-color: #E67E22; }
|
||||
.base0A-background { background-color: #F1C40F; }
|
||||
.base0B-background { background-color: #2ECC71; }
|
||||
.base0C-background { background-color: #1ABC9C; }
|
||||
.base0D-background { background-color: #3498DB; }
|
||||
.base0E-background { background-color: #9B59B6; }
|
||||
.base0F-background { background-color: #be643c; }
|
||||
|
||||
.base00 { color: #2C3E50; }
|
||||
.base01 { color: #34495E; }
|
||||
.base02 { color: #7F8C8D; }
|
||||
.base03 { color: #95A5A6; }
|
||||
.base04 { color: #BDC3C7; }
|
||||
.base05 { color: #e0e0e0; }
|
||||
.base06 { color: #f5f5f5; }
|
||||
.base07 { color: #ECF0F1; }
|
||||
.base08 { color: #E74C3C; }
|
||||
.base09 { color: #E67E22; }
|
||||
.base0A { color: #F1C40F; }
|
||||
.base0B { color: #2ECC71; }
|
||||
.base0C { color: #1ABC9C; }
|
||||
.base0D { color: #3498DB; }
|
||||
.base0E { color: #9B59B6; }
|
||||
.base0F { color: #be643c; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #ffffff; }
|
||||
.base01-background { background-color: #f5f5f5; }
|
||||
.base02-background { background-color: #c8c8fa; }
|
||||
.base03-background { background-color: #969896; }
|
||||
.base04-background { background-color: #e8e8e8; }
|
||||
.base05-background { background-color: #333333; }
|
||||
.base06-background { background-color: #ffffff; }
|
||||
.base07-background { background-color: #ffffff; }
|
||||
.base08-background { background-color: #ed6a43; }
|
||||
.base09-background { background-color: #0086b3; }
|
||||
.base0A-background { background-color: #795da3; }
|
||||
.base0B-background { background-color: #183691; }
|
||||
.base0C-background { background-color: #183691; }
|
||||
.base0D-background { background-color: #795da3; }
|
||||
.base0E-background { background-color: #a71d5d; }
|
||||
.base0F-background { background-color: #333333; }
|
||||
|
||||
.base00 { color: #ffffff; }
|
||||
.base01 { color: #f5f5f5; }
|
||||
.base02 { color: #c8c8fa; }
|
||||
.base03 { color: #969896; }
|
||||
.base04 { color: #e8e8e8; }
|
||||
.base05 { color: #333333; }
|
||||
.base06 { color: #ffffff; }
|
||||
.base07 { color: #ffffff; }
|
||||
.base08 { color: #ed6a43; }
|
||||
.base09 { color: #0086b3; }
|
||||
.base0A { color: #795da3; }
|
||||
.base0B { color: #183691; }
|
||||
.base0C { color: #183691; }
|
||||
.base0D { color: #795da3; }
|
||||
.base0E { color: #a71d5d; }
|
||||
.base0F { color: #333333; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #1d1f21; }
|
||||
.base01-background { background-color: #282a2e; }
|
||||
.base02-background { background-color: #373b41; }
|
||||
.base03-background { background-color: #969896; }
|
||||
.base04-background { background-color: #b4b7b4; }
|
||||
.base05-background { background-color: #c5c8c6; }
|
||||
.base06-background { background-color: #e0e0e0; }
|
||||
.base07-background { background-color: #ffffff; }
|
||||
.base08-background { background-color: #CC342B; }
|
||||
.base09-background { background-color: #F96A38; }
|
||||
.base0A-background { background-color: #FBA922; }
|
||||
.base0B-background { background-color: #198844; }
|
||||
.base0C-background { background-color: #3971ED; }
|
||||
.base0D-background { background-color: #3971ED; }
|
||||
.base0E-background { background-color: #A36AC7; }
|
||||
.base0F-background { background-color: #3971ED; }
|
||||
|
||||
.base00 { color: #1d1f21; }
|
||||
.base01 { color: #282a2e; }
|
||||
.base02 { color: #373b41; }
|
||||
.base03 { color: #969896; }
|
||||
.base04 { color: #b4b7b4; }
|
||||
.base05 { color: #c5c8c6; }
|
||||
.base06 { color: #e0e0e0; }
|
||||
.base07 { color: #ffffff; }
|
||||
.base08 { color: #CC342B; }
|
||||
.base09 { color: #F96A38; }
|
||||
.base0A { color: #FBA922; }
|
||||
.base0B { color: #198844; }
|
||||
.base0C { color: #3971ED; }
|
||||
.base0D { color: #3971ED; }
|
||||
.base0E { color: #A36AC7; }
|
||||
.base0F { color: #3971ED; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #ffffff; }
|
||||
.base01-background { background-color: #e0e0e0; }
|
||||
.base02-background { background-color: #c5c8c6; }
|
||||
.base03-background { background-color: #b4b7b4; }
|
||||
.base04-background { background-color: #969896; }
|
||||
.base05-background { background-color: #373b41; }
|
||||
.base06-background { background-color: #282a2e; }
|
||||
.base07-background { background-color: #1d1f21; }
|
||||
.base08-background { background-color: #CC342B; }
|
||||
.base09-background { background-color: #F96A38; }
|
||||
.base0A-background { background-color: #FBA922; }
|
||||
.base0B-background { background-color: #198844; }
|
||||
.base0C-background { background-color: #3971ED; }
|
||||
.base0D-background { background-color: #3971ED; }
|
||||
.base0E-background { background-color: #A36AC7; }
|
||||
.base0F-background { background-color: #3971ED; }
|
||||
|
||||
.base00 { color: #ffffff; }
|
||||
.base01 { color: #e0e0e0; }
|
||||
.base02 { color: #c5c8c6; }
|
||||
.base03 { color: #b4b7b4; }
|
||||
.base04 { color: #969896; }
|
||||
.base05 { color: #373b41; }
|
||||
.base06 { color: #282a2e; }
|
||||
.base07 { color: #1d1f21; }
|
||||
.base08 { color: #CC342B; }
|
||||
.base09 { color: #F96A38; }
|
||||
.base0A { color: #FBA922; }
|
||||
.base0B { color: #198844; }
|
||||
.base0C { color: #3971ED; }
|
||||
.base0D { color: #3971ED; }
|
||||
.base0E { color: #A36AC7; }
|
||||
.base0F { color: #3971ED; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #101010; }
|
||||
.base01-background { background-color: #252525; }
|
||||
.base02-background { background-color: #464646; }
|
||||
.base03-background { background-color: #525252; }
|
||||
.base04-background { background-color: #ababab; }
|
||||
.base05-background { background-color: #b9b9b9; }
|
||||
.base06-background { background-color: #e3e3e3; }
|
||||
.base07-background { background-color: #f7f7f7; }
|
||||
.base08-background { background-color: #7c7c7c; }
|
||||
.base09-background { background-color: #999999; }
|
||||
.base0A-background { background-color: #a0a0a0; }
|
||||
.base0B-background { background-color: #8e8e8e; }
|
||||
.base0C-background { background-color: #868686; }
|
||||
.base0D-background { background-color: #686868; }
|
||||
.base0E-background { background-color: #747474; }
|
||||
.base0F-background { background-color: #5e5e5e; }
|
||||
|
||||
.base00 { color: #101010; }
|
||||
.base01 { color: #252525; }
|
||||
.base02 { color: #464646; }
|
||||
.base03 { color: #525252; }
|
||||
.base04 { color: #ababab; }
|
||||
.base05 { color: #b9b9b9; }
|
||||
.base06 { color: #e3e3e3; }
|
||||
.base07 { color: #f7f7f7; }
|
||||
.base08 { color: #7c7c7c; }
|
||||
.base09 { color: #999999; }
|
||||
.base0A { color: #a0a0a0; }
|
||||
.base0B { color: #8e8e8e; }
|
||||
.base0C { color: #868686; }
|
||||
.base0D { color: #686868; }
|
||||
.base0E { color: #747474; }
|
||||
.base0F { color: #5e5e5e; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #f7f7f7; }
|
||||
.base01-background { background-color: #e3e3e3; }
|
||||
.base02-background { background-color: #b9b9b9; }
|
||||
.base03-background { background-color: #ababab; }
|
||||
.base04-background { background-color: #525252; }
|
||||
.base05-background { background-color: #464646; }
|
||||
.base06-background { background-color: #252525; }
|
||||
.base07-background { background-color: #101010; }
|
||||
.base08-background { background-color: #7c7c7c; }
|
||||
.base09-background { background-color: #999999; }
|
||||
.base0A-background { background-color: #a0a0a0; }
|
||||
.base0B-background { background-color: #8e8e8e; }
|
||||
.base0C-background { background-color: #868686; }
|
||||
.base0D-background { background-color: #686868; }
|
||||
.base0E-background { background-color: #747474; }
|
||||
.base0F-background { background-color: #5e5e5e; }
|
||||
|
||||
.base00 { color: #f7f7f7; }
|
||||
.base01 { color: #e3e3e3; }
|
||||
.base02 { color: #b9b9b9; }
|
||||
.base03 { color: #ababab; }
|
||||
.base04 { color: #525252; }
|
||||
.base05 { color: #464646; }
|
||||
.base06 { color: #252525; }
|
||||
.base07 { color: #101010; }
|
||||
.base08 { color: #7c7c7c; }
|
||||
.base09 { color: #999999; }
|
||||
.base0A { color: #a0a0a0; }
|
||||
.base0B { color: #8e8e8e; }
|
||||
.base0C { color: #868686; }
|
||||
.base0D { color: #686868; }
|
||||
.base0E { color: #747474; }
|
||||
.base0F { color: #5e5e5e; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #001100; }
|
||||
.base01-background { background-color: #003300; }
|
||||
.base02-background { background-color: #005500; }
|
||||
.base03-background { background-color: #007700; }
|
||||
.base04-background { background-color: #009900; }
|
||||
.base05-background { background-color: #00bb00; }
|
||||
.base06-background { background-color: #00dd00; }
|
||||
.base07-background { background-color: #00ff00; }
|
||||
.base08-background { background-color: #007700; }
|
||||
.base09-background { background-color: #009900; }
|
||||
.base0A-background { background-color: #007700; }
|
||||
.base0B-background { background-color: #00bb00; }
|
||||
.base0C-background { background-color: #005500; }
|
||||
.base0D-background { background-color: #009900; }
|
||||
.base0E-background { background-color: #00bb00; }
|
||||
.base0F-background { background-color: #005500; }
|
||||
|
||||
.base00 { color: #001100; }
|
||||
.base01 { color: #003300; }
|
||||
.base02 { color: #005500; }
|
||||
.base03 { color: #007700; }
|
||||
.base04 { color: #009900; }
|
||||
.base05 { color: #00bb00; }
|
||||
.base06 { color: #00dd00; }
|
||||
.base07 { color: #00ff00; }
|
||||
.base08 { color: #007700; }
|
||||
.base09 { color: #009900; }
|
||||
.base0A { color: #007700; }
|
||||
.base0B { color: #00bb00; }
|
||||
.base0C { color: #005500; }
|
||||
.base0D { color: #009900; }
|
||||
.base0E { color: #00bb00; }
|
||||
.base0F { color: #005500; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #0b1c2c; }
|
||||
.base01-background { background-color: #223b54; }
|
||||
.base02-background { background-color: #405c79; }
|
||||
.base03-background { background-color: #627e99; }
|
||||
.base04-background { background-color: #aabcce; }
|
||||
.base05-background { background-color: #cbd6e2; }
|
||||
.base06-background { background-color: #e5ebf1; }
|
||||
.base07-background { background-color: #f7f9fb; }
|
||||
.base08-background { background-color: #bf8b56; }
|
||||
.base09-background { background-color: #bfbf56; }
|
||||
.base0A-background { background-color: #8bbf56; }
|
||||
.base0B-background { background-color: #56bf8b; }
|
||||
.base0C-background { background-color: #568bbf; }
|
||||
.base0D-background { background-color: #8b56bf; }
|
||||
.base0E-background { background-color: #bf568b; }
|
||||
.base0F-background { background-color: #bf5656; }
|
||||
|
||||
.base00 { color: #0b1c2c; }
|
||||
.base01 { color: #223b54; }
|
||||
.base02 { color: #405c79; }
|
||||
.base03 { color: #627e99; }
|
||||
.base04 { color: #aabcce; }
|
||||
.base05 { color: #cbd6e2; }
|
||||
.base06 { color: #e5ebf1; }
|
||||
.base07 { color: #f7f9fb; }
|
||||
.base08 { color: #bf8b56; }
|
||||
.base09 { color: #bfbf56; }
|
||||
.base0A { color: #8bbf56; }
|
||||
.base0B { color: #56bf8b; }
|
||||
.base0C { color: #568bbf; }
|
||||
.base0D { color: #8b56bf; }
|
||||
.base0E { color: #bf568b; }
|
||||
.base0F { color: #bf5656; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #f7f9fb; }
|
||||
.base01-background { background-color: #e5ebf1; }
|
||||
.base02-background { background-color: #cbd6e2; }
|
||||
.base03-background { background-color: #aabcce; }
|
||||
.base04-background { background-color: #627e99; }
|
||||
.base05-background { background-color: #405c79; }
|
||||
.base06-background { background-color: #223b54; }
|
||||
.base07-background { background-color: #0b1c2c; }
|
||||
.base08-background { background-color: #bf8b56; }
|
||||
.base09-background { background-color: #bfbf56; }
|
||||
.base0A-background { background-color: #8bbf56; }
|
||||
.base0B-background { background-color: #56bf8b; }
|
||||
.base0C-background { background-color: #568bbf; }
|
||||
.base0D-background { background-color: #8b56bf; }
|
||||
.base0E-background { background-color: #bf568b; }
|
||||
.base0F-background { background-color: #bf5656; }
|
||||
|
||||
.base00 { color: #f7f9fb; }
|
||||
.base01 { color: #e5ebf1; }
|
||||
.base02 { color: #cbd6e2; }
|
||||
.base03 { color: #aabcce; }
|
||||
.base04 { color: #627e99; }
|
||||
.base05 { color: #405c79; }
|
||||
.base06 { color: #223b54; }
|
||||
.base07 { color: #0b1c2c; }
|
||||
.base08 { color: #bf8b56; }
|
||||
.base09 { color: #bfbf56; }
|
||||
.base0A { color: #8bbf56; }
|
||||
.base0B { color: #56bf8b; }
|
||||
.base0C { color: #568bbf; }
|
||||
.base0D { color: #8b56bf; }
|
||||
.base0E { color: #bf568b; }
|
||||
.base0F { color: #bf5656; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #322931; }
|
||||
.base01-background { background-color: #433b42; }
|
||||
.base02-background { background-color: #5c545b; }
|
||||
.base03-background { background-color: #797379; }
|
||||
.base04-background { background-color: #989498; }
|
||||
.base05-background { background-color: #b9b5b8; }
|
||||
.base06-background { background-color: #d5d3d5; }
|
||||
.base07-background { background-color: #ffffff; }
|
||||
.base08-background { background-color: #dd464c; }
|
||||
.base09-background { background-color: #fd8b19; }
|
||||
.base0A-background { background-color: #fdcc59; }
|
||||
.base0B-background { background-color: #8fc13e; }
|
||||
.base0C-background { background-color: #149b93; }
|
||||
.base0D-background { background-color: #1290bf; }
|
||||
.base0E-background { background-color: #c85e7c; }
|
||||
.base0F-background { background-color: #b33508; }
|
||||
|
||||
.base00 { color: #322931; }
|
||||
.base01 { color: #433b42; }
|
||||
.base02 { color: #5c545b; }
|
||||
.base03 { color: #797379; }
|
||||
.base04 { color: #989498; }
|
||||
.base05 { color: #b9b5b8; }
|
||||
.base06 { color: #d5d3d5; }
|
||||
.base07 { color: #ffffff; }
|
||||
.base08 { color: #dd464c; }
|
||||
.base09 { color: #fd8b19; }
|
||||
.base0A { color: #fdcc59; }
|
||||
.base0B { color: #8fc13e; }
|
||||
.base0C { color: #149b93; }
|
||||
.base0D { color: #1290bf; }
|
||||
.base0E { color: #c85e7c; }
|
||||
.base0F { color: #b33508; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #000000; }
|
||||
.base01-background { background-color: #242422; }
|
||||
.base02-background { background-color: #484844; }
|
||||
.base03-background { background-color: #6c6c66; }
|
||||
.base04-background { background-color: #918f88; }
|
||||
.base05-background { background-color: #b5b3aa; }
|
||||
.base06-background { background-color: #d9d7cc; }
|
||||
.base07-background { background-color: #fdfbee; }
|
||||
.base08-background { background-color: #ff6c60; }
|
||||
.base09-background { background-color: #e9c062; }
|
||||
.base0A-background { background-color: #ffffb6; }
|
||||
.base0B-background { background-color: #a8ff60; }
|
||||
.base0C-background { background-color: #c6c5fe; }
|
||||
.base0D-background { background-color: #96cbfe; }
|
||||
.base0E-background { background-color: #ff73fd; }
|
||||
.base0F-background { background-color: #b18a3d; }
|
||||
|
||||
.base00 { color: #000000; }
|
||||
.base01 { color: #242422; }
|
||||
.base02 { color: #484844; }
|
||||
.base03 { color: #6c6c66; }
|
||||
.base04 { color: #918f88; }
|
||||
.base05 { color: #b5b3aa; }
|
||||
.base06 { color: #d9d7cc; }
|
||||
.base07 { color: #fdfbee; }
|
||||
.base08 { color: #ff6c60; }
|
||||
.base09 { color: #e9c062; }
|
||||
.base0A { color: #ffffb6; }
|
||||
.base0B { color: #a8ff60; }
|
||||
.base0C { color: #c6c5fe; }
|
||||
.base0D { color: #96cbfe; }
|
||||
.base0E { color: #ff73fd; }
|
||||
.base0F { color: #b18a3d; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #000000; }
|
||||
.base01-background { background-color: #404040; }
|
||||
.base02-background { background-color: #606060; }
|
||||
.base03-background { background-color: #808080; }
|
||||
.base04-background { background-color: #c0c0c0; }
|
||||
.base05-background { background-color: #d0d0d0; }
|
||||
.base06-background { background-color: #e0e0e0; }
|
||||
.base07-background { background-color: #ffffff; }
|
||||
.base08-background { background-color: #ff0000; }
|
||||
.base09-background { background-color: #ff9900; }
|
||||
.base0A-background { background-color: #ff0099; }
|
||||
.base0B-background { background-color: #33ff00; }
|
||||
.base0C-background { background-color: #00ffff; }
|
||||
.base0D-background { background-color: #0066ff; }
|
||||
.base0E-background { background-color: #cc00ff; }
|
||||
.base0F-background { background-color: #3300ff; }
|
||||
|
||||
.base00 { color: #000000; }
|
||||
.base01 { color: #404040; }
|
||||
.base02 { color: #606060; }
|
||||
.base03 { color: #808080; }
|
||||
.base04 { color: #c0c0c0; }
|
||||
.base05 { color: #d0d0d0; }
|
||||
.base06 { color: #e0e0e0; }
|
||||
.base07 { color: #ffffff; }
|
||||
.base08 { color: #ff0000; }
|
||||
.base09 { color: #ff9900; }
|
||||
.base0A { color: #ff0099; }
|
||||
.base0B { color: #33ff00; }
|
||||
.base0C { color: #00ffff; }
|
||||
.base0D { color: #0066ff; }
|
||||
.base0E { color: #cc00ff; }
|
||||
.base0F { color: #3300ff; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #231f20; }
|
||||
.base01-background { background-color: #1c3f95; }
|
||||
.base02-background { background-color: #5a5758; }
|
||||
.base03-background { background-color: #737171; }
|
||||
.base04-background { background-color: #959ca1; }
|
||||
.base05-background { background-color: #d9d8d8; }
|
||||
.base06-background { background-color: #e7e7e8; }
|
||||
.base07-background { background-color: #ffffff; }
|
||||
.base08-background { background-color: #ee2e24; }
|
||||
.base09-background { background-color: #f386a1; }
|
||||
.base0A-background { background-color: #ffd204; }
|
||||
.base0B-background { background-color: #00853e; }
|
||||
.base0C-background { background-color: #85cebc; }
|
||||
.base0D-background { background-color: #009ddc; }
|
||||
.base0E-background { background-color: #98005d; }
|
||||
.base0F-background { background-color: #b06110; }
|
||||
|
||||
.base00 { color: #231f20; }
|
||||
.base01 { color: #1c3f95; }
|
||||
.base02 { color: #5a5758; }
|
||||
.base03 { color: #737171; }
|
||||
.base04 { color: #959ca1; }
|
||||
.base05 { color: #d9d8d8; }
|
||||
.base06 { color: #e7e7e8; }
|
||||
.base07 { color: #ffffff; }
|
||||
.base08 { color: #ee2e24; }
|
||||
.base09 { color: #f386a1; }
|
||||
.base0A { color: #ffd204; }
|
||||
.base0B { color: #00853e; }
|
||||
.base0C { color: #85cebc; }
|
||||
.base0D { color: #009ddc; }
|
||||
.base0E { color: #98005d; }
|
||||
.base0F { color: #b06110; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #000000; }
|
||||
.base01-background { background-color: #404040; }
|
||||
.base02-background { background-color: #404040; }
|
||||
.base03-background { background-color: #808080; }
|
||||
.base04-background { background-color: #808080; }
|
||||
.base05-background { background-color: #c0c0c0; }
|
||||
.base06-background { background-color: #c0c0c0; }
|
||||
.base07-background { background-color: #ffffff; }
|
||||
.base08-background { background-color: #dd0907; }
|
||||
.base09-background { background-color: #ff6403; }
|
||||
.base0A-background { background-color: #fbf305; }
|
||||
.base0B-background { background-color: #1fb714; }
|
||||
.base0C-background { background-color: #02abea; }
|
||||
.base0D-background { background-color: #0000d3; }
|
||||
.base0E-background { background-color: #4700a5; }
|
||||
.base0F-background { background-color: #90713a; }
|
||||
|
||||
.base00 { color: #000000; }
|
||||
.base01 { color: #404040; }
|
||||
.base02 { color: #404040; }
|
||||
.base03 { color: #808080; }
|
||||
.base04 { color: #808080; }
|
||||
.base05 { color: #c0c0c0; }
|
||||
.base06 { color: #c0c0c0; }
|
||||
.base07 { color: #ffffff; }
|
||||
.base08 { color: #dd0907; }
|
||||
.base09 { color: #ff6403; }
|
||||
.base0A { color: #fbf305; }
|
||||
.base0B { color: #1fb714; }
|
||||
.base0C { color: #02abea; }
|
||||
.base0D { color: #0000d3; }
|
||||
.base0E { color: #4700a5; }
|
||||
.base0F { color: #90713a; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #201602; }
|
||||
.base01-background { background-color: #302e00; }
|
||||
.base02-background { background-color: #5f5b17; }
|
||||
.base03-background { background-color: #6c6823; }
|
||||
.base04-background { background-color: #86813b; }
|
||||
.base05-background { background-color: #948e48; }
|
||||
.base06-background { background-color: #ccc37a; }
|
||||
.base07-background { background-color: #faf0a5; }
|
||||
.base08-background { background-color: #c35359; }
|
||||
.base09-background { background-color: #b36144; }
|
||||
.base0A-background { background-color: #a88339; }
|
||||
.base0B-background { background-color: #18974e; }
|
||||
.base0C-background { background-color: #75a738; }
|
||||
.base0D-background { background-color: #477ca1; }
|
||||
.base0E-background { background-color: #8868b3; }
|
||||
.base0F-background { background-color: #b3588e; }
|
||||
|
||||
.base00 { color: #201602; }
|
||||
.base01 { color: #302e00; }
|
||||
.base02 { color: #5f5b17; }
|
||||
.base03 { color: #6c6823; }
|
||||
.base04 { color: #86813b; }
|
||||
.base05 { color: #948e48; }
|
||||
.base06 { color: #ccc37a; }
|
||||
.base07 { color: #faf0a5; }
|
||||
.base08 { color: #c35359; }
|
||||
.base09 { color: #b36144; }
|
||||
.base0A { color: #a88339; }
|
||||
.base0B { color: #18974e; }
|
||||
.base0C { color: #75a738; }
|
||||
.base0D { color: #477ca1; }
|
||||
.base0E { color: #8868b3; }
|
||||
.base0F { color: #b3588e; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #263238; }
|
||||
.base01-background { background-color: #2C393F; }
|
||||
.base02-background { background-color: #37474F; }
|
||||
.base03-background { background-color: #707880; }
|
||||
.base04-background { background-color: #C9CCD3; }
|
||||
.base05-background { background-color: #CDD3DE; }
|
||||
.base06-background { background-color: #D5DBE5; }
|
||||
.base07-background { background-color: #FFFFFF; }
|
||||
.base08-background { background-color: #EC5F67; }
|
||||
.base09-background { background-color: #EA9560; }
|
||||
.base0A-background { background-color: #FFCC00; }
|
||||
.base0B-background { background-color: #8BD649; }
|
||||
.base0C-background { background-color: #80CBC4; }
|
||||
.base0D-background { background-color: #89DDFF; }
|
||||
.base0E-background { background-color: #82AAFF; }
|
||||
.base0F-background { background-color: #EC5F67; }
|
||||
|
||||
.base00 { color: #263238; }
|
||||
.base01 { color: #2C393F; }
|
||||
.base02 { color: #37474F; }
|
||||
.base03 { color: #707880; }
|
||||
.base04 { color: #C9CCD3; }
|
||||
.base05 { color: #CDD3DE; }
|
||||
.base06 { color: #D5DBE5; }
|
||||
.base07 { color: #FFFFFF; }
|
||||
.base08 { color: #EC5F67; }
|
||||
.base09 { color: #EA9560; }
|
||||
.base0A { color: #FFCC00; }
|
||||
.base0B { color: #8BD649; }
|
||||
.base0C { color: #80CBC4; }
|
||||
.base0D { color: #89DDFF; }
|
||||
.base0E { color: #82AAFF; }
|
||||
.base0F { color: #EC5F67; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #f8f8f8; }
|
||||
.base01-background { background-color: #e8e8e8; }
|
||||
.base02-background { background-color: #d8d8d8; }
|
||||
.base03-background { background-color: #b8b8b8; }
|
||||
.base04-background { background-color: #585858; }
|
||||
.base05-background { background-color: #383838; }
|
||||
.base06-background { background-color: #282828; }
|
||||
.base07-background { background-color: #181818; }
|
||||
.base08-background { background-color: #ab4642; }
|
||||
.base09-background { background-color: #dc9656; }
|
||||
.base0A-background { background-color: #f79a0e; }
|
||||
.base0B-background { background-color: #538947; }
|
||||
.base0C-background { background-color: #4b8093; }
|
||||
.base0D-background { background-color: #7cafc2; }
|
||||
.base0E-background { background-color: #96609e; }
|
||||
.base0F-background { background-color: #a16946; }
|
||||
|
||||
.base00 { color: #f8f8f8; }
|
||||
.base01 { color: #e8e8e8; }
|
||||
.base02 { color: #d8d8d8; }
|
||||
.base03 { color: #b8b8b8; }
|
||||
.base04 { color: #585858; }
|
||||
.base05 { color: #383838; }
|
||||
.base06 { color: #282828; }
|
||||
.base07 { color: #181818; }
|
||||
.base08 { color: #ab4642; }
|
||||
.base09 { color: #dc9656; }
|
||||
.base0A { color: #f79a0e; }
|
||||
.base0B { color: #538947; }
|
||||
.base0C { color: #4b8093; }
|
||||
.base0D { color: #7cafc2; }
|
||||
.base0E { color: #96609e; }
|
||||
.base0F { color: #a16946; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #3B3228; }
|
||||
.base01-background { background-color: #534636; }
|
||||
.base02-background { background-color: #645240; }
|
||||
.base03-background { background-color: #7e705a; }
|
||||
.base04-background { background-color: #b8afad; }
|
||||
.base05-background { background-color: #d0c8c6; }
|
||||
.base06-background { background-color: #e9e1dd; }
|
||||
.base07-background { background-color: #f5eeeb; }
|
||||
.base08-background { background-color: #cb6077; }
|
||||
.base09-background { background-color: #d28b71; }
|
||||
.base0A-background { background-color: #f4bc87; }
|
||||
.base0B-background { background-color: #beb55b; }
|
||||
.base0C-background { background-color: #7bbda4; }
|
||||
.base0D-background { background-color: #8ab3b5; }
|
||||
.base0E-background { background-color: #a89bb9; }
|
||||
.base0F-background { background-color: #bb9584; }
|
||||
|
||||
.base00 { color: #3B3228; }
|
||||
.base01 { color: #534636; }
|
||||
.base02 { color: #645240; }
|
||||
.base03 { color: #7e705a; }
|
||||
.base04 { color: #b8afad; }
|
||||
.base05 { color: #d0c8c6; }
|
||||
.base06 { color: #e9e1dd; }
|
||||
.base07 { color: #f5eeeb; }
|
||||
.base08 { color: #cb6077; }
|
||||
.base09 { color: #d28b71; }
|
||||
.base0A { color: #f4bc87; }
|
||||
.base0B { color: #beb55b; }
|
||||
.base0C { color: #7bbda4; }
|
||||
.base0D { color: #8ab3b5; }
|
||||
.base0E { color: #a89bb9; }
|
||||
.base0F { color: #bb9584; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #272822; }
|
||||
.base01-background { background-color: #383830; }
|
||||
.base02-background { background-color: #49483e; }
|
||||
.base03-background { background-color: #75715e; }
|
||||
.base04-background { background-color: #a59f85; }
|
||||
.base05-background { background-color: #f8f8f2; }
|
||||
.base06-background { background-color: #f5f4f1; }
|
||||
.base07-background { background-color: #f9f8f5; }
|
||||
.base08-background { background-color: #f92672; }
|
||||
.base09-background { background-color: #fd971f; }
|
||||
.base0A-background { background-color: #f4bf75; }
|
||||
.base0B-background { background-color: #a6e22e; }
|
||||
.base0C-background { background-color: #a1efe4; }
|
||||
.base0D-background { background-color: #66d9ef; }
|
||||
.base0E-background { background-color: #ae81ff; }
|
||||
.base0F-background { background-color: #cc6633; }
|
||||
|
||||
.base00 { color: #272822; }
|
||||
.base01 { color: #383830; }
|
||||
.base02 { color: #49483e; }
|
||||
.base03 { color: #75715e; }
|
||||
.base04 { color: #a59f85; }
|
||||
.base05 { color: #f8f8f2; }
|
||||
.base06 { color: #f5f4f1; }
|
||||
.base07 { color: #f9f8f5; }
|
||||
.base08 { color: #f92672; }
|
||||
.base09 { color: #fd971f; }
|
||||
.base0A { color: #f4bf75; }
|
||||
.base0B { color: #a6e22e; }
|
||||
.base0C { color: #a1efe4; }
|
||||
.base0D { color: #66d9ef; }
|
||||
.base0E { color: #ae81ff; }
|
||||
.base0F { color: #cc6633; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #2b303b; }
|
||||
.base01-background { background-color: #343d46; }
|
||||
.base02-background { background-color: #4f5b66; }
|
||||
.base03-background { background-color: #65737e; }
|
||||
.base04-background { background-color: #a7adba; }
|
||||
.base05-background { background-color: #c0c5ce; }
|
||||
.base06-background { background-color: #dfe1e8; }
|
||||
.base07-background { background-color: #eff1f5; }
|
||||
.base08-background { background-color: #bf616a; }
|
||||
.base09-background { background-color: #d08770; }
|
||||
.base0A-background { background-color: #ebcb8b; }
|
||||
.base0B-background { background-color: #a3be8c; }
|
||||
.base0C-background { background-color: #96b5b4; }
|
||||
.base0D-background { background-color: #8fa1b3; }
|
||||
.base0E-background { background-color: #b48ead; }
|
||||
.base0F-background { background-color: #ab7967; }
|
||||
|
||||
.base00 { color: #2b303b; }
|
||||
.base01 { color: #343d46; }
|
||||
.base02 { color: #4f5b66; }
|
||||
.base03 { color: #65737e; }
|
||||
.base04 { color: #a7adba; }
|
||||
.base05 { color: #c0c5ce; }
|
||||
.base06 { color: #dfe1e8; }
|
||||
.base07 { color: #eff1f5; }
|
||||
.base08 { color: #bf616a; }
|
||||
.base09 { color: #d08770; }
|
||||
.base0A { color: #ebcb8b; }
|
||||
.base0B { color: #a3be8c; }
|
||||
.base0C { color: #96b5b4; }
|
||||
.base0D { color: #8fa1b3; }
|
||||
.base0E { color: #b48ead; }
|
||||
.base0F { color: #ab7967; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #1B2B34; }
|
||||
.base01-background { background-color: #343D46; }
|
||||
.base02-background { background-color: #4F5B66; }
|
||||
.base03-background { background-color: #65737E; }
|
||||
.base04-background { background-color: #A7ADBA; }
|
||||
.base05-background { background-color: #C0C5CE; }
|
||||
.base06-background { background-color: #CDD3DE; }
|
||||
.base07-background { background-color: #D8DEE9; }
|
||||
.base08-background { background-color: #EC5f67; }
|
||||
.base09-background { background-color: #F99157; }
|
||||
.base0A-background { background-color: #FAC863; }
|
||||
.base0B-background { background-color: #99C794; }
|
||||
.base0C-background { background-color: #5FB3B3; }
|
||||
.base0D-background { background-color: #6699CC; }
|
||||
.base0E-background { background-color: #C594C5; }
|
||||
.base0F-background { background-color: #AB7967; }
|
||||
|
||||
.base00 { color: #1B2B34; }
|
||||
.base01 { color: #343D46; }
|
||||
.base02 { color: #4F5B66; }
|
||||
.base03 { color: #65737E; }
|
||||
.base04 { color: #A7ADBA; }
|
||||
.base05 { color: #C0C5CE; }
|
||||
.base06 { color: #CDD3DE; }
|
||||
.base07 { color: #D8DEE9; }
|
||||
.base08 { color: #EC5f67; }
|
||||
.base09 { color: #F99157; }
|
||||
.base0A { color: #FAC863; }
|
||||
.base0B { color: #99C794; }
|
||||
.base0C { color: #5FB3B3; }
|
||||
.base0D { color: #6699CC; }
|
||||
.base0E { color: #C594C5; }
|
||||
.base0F { color: #AB7967; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #2f1e2e; }
|
||||
.base01-background { background-color: #41323f; }
|
||||
.base02-background { background-color: #4f424c; }
|
||||
.base03-background { background-color: #776e71; }
|
||||
.base04-background { background-color: #8d8687; }
|
||||
.base05-background { background-color: #a39e9b; }
|
||||
.base06-background { background-color: #b9b6b0; }
|
||||
.base07-background { background-color: #e7e9db; }
|
||||
.base08-background { background-color: #ef6155; }
|
||||
.base09-background { background-color: #f99b15; }
|
||||
.base0A-background { background-color: #fec418; }
|
||||
.base0B-background { background-color: #48b685; }
|
||||
.base0C-background { background-color: #5bc4bf; }
|
||||
.base0D-background { background-color: #06b6ef; }
|
||||
.base0E-background { background-color: #815ba4; }
|
||||
.base0F-background { background-color: #e96ba8; }
|
||||
|
||||
.base00 { color: #2f1e2e; }
|
||||
.base01 { color: #41323f; }
|
||||
.base02 { color: #4f424c; }
|
||||
.base03 { color: #776e71; }
|
||||
.base04 { color: #8d8687; }
|
||||
.base05 { color: #a39e9b; }
|
||||
.base06 { color: #b9b6b0; }
|
||||
.base07 { color: #e7e9db; }
|
||||
.base08 { color: #ef6155; }
|
||||
.base09 { color: #f99b15; }
|
||||
.base0A { color: #fec418; }
|
||||
.base0B { color: #48b685; }
|
||||
.base0C { color: #5bc4bf; }
|
||||
.base0D { color: #06b6ef; }
|
||||
.base0E { color: #815ba4; }
|
||||
.base0F { color: #e96ba8; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #061229; }
|
||||
.base01-background { background-color: #2a3448; }
|
||||
.base02-background { background-color: #4d5666; }
|
||||
.base03-background { background-color: #717885; }
|
||||
.base04-background { background-color: #9a99a3; }
|
||||
.base05-background { background-color: #b8bbc2; }
|
||||
.base06-background { background-color: #dbdde0; }
|
||||
.base07-background { background-color: #ffffff; }
|
||||
.base08-background { background-color: #d07346; }
|
||||
.base09-background { background-color: #f0a000; }
|
||||
.base0A-background { background-color: #fbd461; }
|
||||
.base0B-background { background-color: #99bf52; }
|
||||
.base0C-background { background-color: #72b9bf; }
|
||||
.base0D-background { background-color: #5299bf; }
|
||||
.base0E-background { background-color: #9989cc; }
|
||||
.base0F-background { background-color: #b08060; }
|
||||
|
||||
.base00 { color: #061229; }
|
||||
.base01 { color: #2a3448; }
|
||||
.base02 { color: #4d5666; }
|
||||
.base03 { color: #717885; }
|
||||
.base04 { color: #9a99a3; }
|
||||
.base05 { color: #b8bbc2; }
|
||||
.base06 { color: #dbdde0; }
|
||||
.base07 { color: #ffffff; }
|
||||
.base08 { color: #d07346; }
|
||||
.base09 { color: #f0a000; }
|
||||
.base0A { color: #fbd461; }
|
||||
.base0B { color: #99bf52; }
|
||||
.base0C { color: #72b9bf; }
|
||||
.base0D { color: #5299bf; }
|
||||
.base0E { color: #9989cc; }
|
||||
.base0F { color: #b08060; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #000000; }
|
||||
.base01-background { background-color: #1d2b53; }
|
||||
.base02-background { background-color: #7e2553; }
|
||||
.base03-background { background-color: #008751; }
|
||||
.base04-background { background-color: #ab5236; }
|
||||
.base05-background { background-color: #5f574f; }
|
||||
.base06-background { background-color: #c2c3c7; }
|
||||
.base07-background { background-color: #fff1e8; }
|
||||
.base08-background { background-color: #ff004d; }
|
||||
.base09-background { background-color: #ffa300; }
|
||||
.base0A-background { background-color: #fff024; }
|
||||
.base0B-background { background-color: #00e756; }
|
||||
.base0C-background { background-color: #29adff; }
|
||||
.base0D-background { background-color: #83769c; }
|
||||
.base0E-background { background-color: #ff77a8; }
|
||||
.base0F-background { background-color: #ffccaa; }
|
||||
|
||||
.base00 { color: #000000; }
|
||||
.base01 { color: #1d2b53; }
|
||||
.base02 { color: #7e2553; }
|
||||
.base03 { color: #008751; }
|
||||
.base04 { color: #ab5236; }
|
||||
.base05 { color: #5f574f; }
|
||||
.base06 { color: #c2c3c7; }
|
||||
.base07 { color: #fff1e8; }
|
||||
.base08 { color: #ff004d; }
|
||||
.base09 { color: #ffa300; }
|
||||
.base0A { color: #fff024; }
|
||||
.base0B { color: #00e756; }
|
||||
.base0C { color: #29adff; }
|
||||
.base0D { color: #83769c; }
|
||||
.base0E { color: #ff77a8; }
|
||||
.base0F { color: #ffccaa; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #161c20; }
|
||||
.base01-background { background-color: #282e32; }
|
||||
.base02-background { background-color: #343a3f; }
|
||||
.base03-background { background-color: #4e5256; }
|
||||
.base04-background { background-color: #ababab; }
|
||||
.base05-background { background-color: #b9b9b9; }
|
||||
.base06-background { background-color: #d0d0d0; }
|
||||
.base07-background { background-color: #e7e7e7; }
|
||||
.base08-background { background-color: #baaa9c; }
|
||||
.base09-background { background-color: #999999; }
|
||||
.base0A-background { background-color: #a0a0a0; }
|
||||
.base0B-background { background-color: #8e8e8e; }
|
||||
.base0C-background { background-color: #868686; }
|
||||
.base0D-background { background-color: #686868; }
|
||||
.base0E-background { background-color: #747474; }
|
||||
.base0F-background { background-color: #5e5e5e; }
|
||||
|
||||
.base00 { color: #161c20; }
|
||||
.base01 { color: #282e32; }
|
||||
.base02 { color: #343a3f; }
|
||||
.base03 { color: #4e5256; }
|
||||
.base04 { color: #ababab; }
|
||||
.base05 { color: #b9b9b9; }
|
||||
.base06 { color: #d0d0d0; }
|
||||
.base07 { color: #e7e7e7; }
|
||||
.base08 { color: #baaa9c; }
|
||||
.base09 { color: #999999; }
|
||||
.base0A { color: #a0a0a0; }
|
||||
.base0B { color: #8e8e8e; }
|
||||
.base0C { color: #868686; }
|
||||
.base0D { color: #686868; }
|
||||
.base0E { color: #747474; }
|
||||
.base0F { color: #5e5e5e; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #f2f4f6; }
|
||||
.base01-background { background-color: #dde2e6; }
|
||||
.base02-background { background-color: #c0c6cb; }
|
||||
.base03-background { background-color: #a4a4a4; }
|
||||
.base04-background { background-color: #545454; }
|
||||
.base05-background { background-color: #304055; }
|
||||
.base06-background { background-color: #040404; }
|
||||
.base07-background { background-color: #000000; }
|
||||
.base08-background { background-color: #e92f2f; }
|
||||
.base09-background { background-color: #e09448; }
|
||||
.base0A-background { background-color: #dddd13; }
|
||||
.base0B-background { background-color: #0ed839; }
|
||||
.base0C-background { background-color: #23edda; }
|
||||
.base0D-background { background-color: #3b48e3; }
|
||||
.base0E-background { background-color: #f996e2; }
|
||||
.base0F-background { background-color: #69542d; }
|
||||
|
||||
.base00 { color: #f2f4f6; }
|
||||
.base01 { color: #dde2e6; }
|
||||
.base02 { color: #c0c6cb; }
|
||||
.base03 { color: #a4a4a4; }
|
||||
.base04 { color: #545454; }
|
||||
.base05 { color: #304055; }
|
||||
.base06 { color: #040404; }
|
||||
.base07 { color: #000000; }
|
||||
.base08 { color: #e46f0f; }
|
||||
.base09 { color: #e09448; }
|
||||
.base0A { color: #dddd13; }
|
||||
.base0B { color: #0ed839; }
|
||||
.base0C { color: #23edda; }
|
||||
.base0D { color: #3b48e3; }
|
||||
.base0E { color: #f996e2; }
|
||||
.base0F { color: #69542d; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #000000; }
|
||||
.base01-background { background-color: #202020; }
|
||||
.base02-background { background-color: #303030; }
|
||||
.base03-background { background-color: #505050; }
|
||||
.base04-background { background-color: #b0b0b0; }
|
||||
.base05-background { background-color: #d0d0d0; }
|
||||
.base06-background { background-color: #e0e0e0; }
|
||||
.base07-background { background-color: #ffffff; }
|
||||
.base08-background { background-color: #eb008a; }
|
||||
.base09-background { background-color: #f29333; }
|
||||
.base0A-background { background-color: #f8ca12; }
|
||||
.base0B-background { background-color: #37b349; }
|
||||
.base0C-background { background-color: #00aabb; }
|
||||
.base0D-background { background-color: #0e5a94; }
|
||||
.base0E-background { background-color: #b31e8d; }
|
||||
.base0F-background { background-color: #7a2d00; }
|
||||
|
||||
.base00 { color: #000000; }
|
||||
.base01 { color: #202020; }
|
||||
.base02 { color: #303030; }
|
||||
.base03 { color: #505050; }
|
||||
.base04 { color: #b0b0b0; }
|
||||
.base05 { color: #d0d0d0; }
|
||||
.base06 { color: #e0e0e0; }
|
||||
.base07 { color: #ffffff; }
|
||||
.base08 { color: #eb008a; }
|
||||
.base09 { color: #f29333; }
|
||||
.base0A { color: #f8ca12; }
|
||||
.base0B { color: #37b349; }
|
||||
.base0C { color: #00aabb; }
|
||||
.base0D { color: #0e5a94; }
|
||||
.base0E { color: #b31e8d; }
|
||||
.base0F { color: #7a2d00; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #2b2b2b; }
|
||||
.base01-background { background-color: #272935; }
|
||||
.base02-background { background-color: #3a4055; }
|
||||
.base03-background { background-color: #5a647e; }
|
||||
.base04-background { background-color: #d4cfc9; }
|
||||
.base05-background { background-color: #e6e1dc; }
|
||||
.base06-background { background-color: #f4f1ed; }
|
||||
.base07-background { background-color: #f9f7f3; }
|
||||
.base08-background { background-color: #da4939; }
|
||||
.base09-background { background-color: #cc7833; }
|
||||
.base0A-background { background-color: #ffc66d; }
|
||||
.base0B-background { background-color: #a5c261; }
|
||||
.base0C-background { background-color: #519f50; }
|
||||
.base0D-background { background-color: #6d9cbe; }
|
||||
.base0E-background { background-color: #b6b3eb; }
|
||||
.base0F-background { background-color: #bc9458; }
|
||||
|
||||
.base00 { color: #2b2b2b; }
|
||||
.base01 { color: #272935; }
|
||||
.base02 { color: #3a4055; }
|
||||
.base03 { color: #5a647e; }
|
||||
.base04 { color: #d4cfc9; }
|
||||
.base05 { color: #e6e1dc; }
|
||||
.base06 { color: #f4f1ed; }
|
||||
.base07 { color: #f9f7f3; }
|
||||
.base08 { color: #da4939; }
|
||||
.base09 { color: #cc7833; }
|
||||
.base0A { color: #ffc66d; }
|
||||
.base0B { color: #a5c261; }
|
||||
.base0C { color: #519f50; }
|
||||
.base0D { color: #6d9cbe; }
|
||||
.base0E { color: #b6b3eb; }
|
||||
.base0F { color: #bc9458; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #151718; }
|
||||
.base01-background { background-color: #8ec43d; }
|
||||
.base02-background { background-color: #3B758C; }
|
||||
.base03-background { background-color: #41535B; }
|
||||
.base04-background { background-color: #43a5d5; }
|
||||
.base05-background { background-color: #d6d6d6; }
|
||||
.base06-background { background-color: #eeeeee; }
|
||||
.base07-background { background-color: #ffffff; }
|
||||
.base08-background { background-color: #Cd3f45; }
|
||||
.base09-background { background-color: #db7b55; }
|
||||
.base0A-background { background-color: #e6cd69; }
|
||||
.base0B-background { background-color: #9fca56; }
|
||||
.base0C-background { background-color: #55dbbe; }
|
||||
.base0D-background { background-color: #55b5db; }
|
||||
.base0E-background { background-color: #a074c4; }
|
||||
.base0F-background { background-color: #8a553f; }
|
||||
|
||||
.base00 { color: #151718; }
|
||||
.base01 { color: #8ec43d; }
|
||||
.base02 { color: #3B758C; }
|
||||
.base03 { color: #41535B; }
|
||||
.base04 { color: #43a5d5; }
|
||||
.base05 { color: #d6d6d6; }
|
||||
.base06 { color: #eeeeee; }
|
||||
.base07 { color: #ffffff; }
|
||||
.base08 { color: #Cd3f45; }
|
||||
.base09 { color: #db7b55; }
|
||||
.base0A { color: #e6cd69; }
|
||||
.base0B { color: #9fca56; }
|
||||
.base0C { color: #55dbbe; }
|
||||
.base0D { color: #55b5db; }
|
||||
.base0E { color: #a074c4; }
|
||||
.base0F { color: #8a553f; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #f9f9f9; }
|
||||
.base01-background { background-color: #e0e0e0; }
|
||||
.base02-background { background-color: #ababab; }
|
||||
.base03-background { background-color: #555555; }
|
||||
.base04-background { background-color: #343434; }
|
||||
.base05-background { background-color: #102015; }
|
||||
.base06-background { background-color: #040404; }
|
||||
.base07-background { background-color: #000000; }
|
||||
.base08-background { background-color: #e92f2f; }
|
||||
.base09-background { background-color: #e09448; }
|
||||
.base0A-background { background-color: #dddd13; }
|
||||
.base0B-background { background-color: #0ed839; }
|
||||
.base0C-background { background-color: #23edda; }
|
||||
.base0D-background { background-color: #3b48e3; }
|
||||
.base0E-background { background-color: #f996e2; }
|
||||
.base0F-background { background-color: #69542d; }
|
||||
|
||||
.base00 { color: #f9f9f9; }
|
||||
.base01 { color: #e0e0e0; }
|
||||
.base02 { color: #ababab; }
|
||||
.base03 { color: #555555; }
|
||||
.base04 { color: #343434; }
|
||||
.base05 { color: #102015; }
|
||||
.base06 { color: #040404; }
|
||||
.base07 { color: #000000; }
|
||||
.base08 { color: #e92f2f; }
|
||||
.base09 { color: #e09448; }
|
||||
.base0A { color: #dddd13; }
|
||||
.base0B { color: #0ed839; }
|
||||
.base0C { color: #23edda; }
|
||||
.base0D { color: #3b48e3; }
|
||||
.base0E { color: #f996e2; }
|
||||
.base0F { color: #69542d; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #18262F; }
|
||||
.base01-background { background-color: #222E38; }
|
||||
.base02-background { background-color: #586875; }
|
||||
.base03-background { background-color: #667581; }
|
||||
.base04-background { background-color: #85939E; }
|
||||
.base05-background { background-color: #A6AFB8; }
|
||||
.base06-background { background-color: #E8E9ED; }
|
||||
.base07-background { background-color: #F5F7FA; }
|
||||
.base08-background { background-color: #EF5253; }
|
||||
.base09-background { background-color: #E66B2B; }
|
||||
.base0A-background { background-color: #E4B51C; }
|
||||
.base0B-background { background-color: #7CC844; }
|
||||
.base0C-background { background-color: #52CBB0; }
|
||||
.base0D-background { background-color: #33B5E1; }
|
||||
.base0E-background { background-color: #A363D5; }
|
||||
.base0F-background { background-color: #D73C9A; }
|
||||
|
||||
.base00 { color: #18262F; }
|
||||
.base01 { color: #222E38; }
|
||||
.base02 { color: #586875; }
|
||||
.base03 { color: #667581; }
|
||||
.base04 { color: #85939E; }
|
||||
.base05 { color: #A6AFB8; }
|
||||
.base06 { color: #E8E9ED; }
|
||||
.base07 { color: #F5F7FA; }
|
||||
.base08 { color: #EF5253; }
|
||||
.base09 { color: #E66B2B; }
|
||||
.base0A { color: #E4B51C; }
|
||||
.base0B { color: #7CC844; }
|
||||
.base0C { color: #52CBB0; }
|
||||
.base0D { color: #33B5E1; }
|
||||
.base0E { color: #A363D5; }
|
||||
.base0F { color: #D73C9A; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #002b36; }
|
||||
.base01-background { background-color: #073642; }
|
||||
.base02-background { background-color: #586e75; }
|
||||
.base03-background { background-color: #657b83; }
|
||||
.base04-background { background-color: #839496; }
|
||||
.base05-background { background-color: #93a1a1; }
|
||||
.base06-background { background-color: #eee8d5; }
|
||||
.base07-background { background-color: #fdf6e3; }
|
||||
.base08-background { background-color: #dc322f; }
|
||||
.base09-background { background-color: #cb4b16; }
|
||||
.base0A-background { background-color: #b58900; }
|
||||
.base0B-background { background-color: #859900; }
|
||||
.base0C-background { background-color: #2aa198; }
|
||||
.base0D-background { background-color: #268bd2; }
|
||||
.base0E-background { background-color: #6c71c4; }
|
||||
.base0F-background { background-color: #d33682; }
|
||||
|
||||
.base00 { color: #002b36; }
|
||||
.base01 { color: #073642; }
|
||||
.base02 { color: #586e75; }
|
||||
.base03 { color: #657b83; }
|
||||
.base04 { color: #839496; }
|
||||
.base05 { color: #93a1a1; }
|
||||
.base06 { color: #eee8d5; }
|
||||
.base07 { color: #fdf6e3; }
|
||||
.base08 { color: #dc322f; }
|
||||
.base09 { color: #cb4b16; }
|
||||
.base0A { color: #b58900; }
|
||||
.base0B { color: #859900; }
|
||||
.base0C { color: #2aa198; }
|
||||
.base0D { color: #268bd2; }
|
||||
.base0E { color: #6c71c4; }
|
||||
.base0F { color: #d33682; }
|
@ -1,33 +0,0 @@
|
||||
.base00-background { background-color: #fdf6e3; }
|
||||
.base01-background { background-color: #eee8d5; }
|
||||
.base02-background { background-color: #93a1a1; }
|
||||
.base03-background { background-color: #839496; }
|
||||
.base04-background { background-color: #657b83; }
|
||||
.base05-background { background-color: #586e75; }
|
||||
.base06-background { background-color: #073642; }
|
||||
.base07-background { background-color: #002b36; }
|
||||
.base08-background { background-color: #dc322f; }
|
||||
.base09-background { background-color: #cb4b16; }
|
||||
.base0A-background { background-color: #b58900; }
|
||||
.base0B-background { background-color: #859900; }
|
||||
.base0C-background { background-color: #2aa198; }
|
||||
.base0D-background { background-color: #268bd2; }
|
||||
.base0E-background { background-color: #6c71c4; }
|
||||
.base0F-background { background-color: #d33682; }
|
||||
|
||||
.base00 { color: #fdf6e3; }
|
||||
.base01 { color: #eee8d5; }
|
||||
.base02 { color: #93a1a1; }
|
||||
.base03 { color: #839496; }
|
||||
.base04 { color: #657b83; }
|
||||
.base05 { color: #586e75; }
|
||||
.base06 { color: #073642; }
|
||||
.base07 { color: #002b36; }
|
||||
.base08 { color: #dc322f; }
|
||||
.base09 { color: #cb4b16; }
|
||||
.base0A { color: #b58900; }
|
||||
.base0B { color: #859900; }
|
||||
.base0C { color: #2aa198; }
|
||||
.base0D { color: #268bd2; }
|
||||
.base0E { color: #6c71c4; }
|
||||
.base0F { color: #d33682; }
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue