mirror of
https://github.com/plausible/analytics.git
synced 2024-11-26 23:27:54 +03:00
b64f9de51a
* Adds New Dark Mode Assets * Moves triangle for dropdown to a reasonable position * Majority .eex dark implementation * Fixes Logo Positioning * Adds theme flag to user schema, uses it * Uses correct variables for theme applicator script * Minor missed theme changes/fallbacks * Individual Component Support + Theme Context * Sources Tab Support This was a pain to test D: * Partial Stats Sections Support * More of stats modules supported * Modal +table support * Improves some Flatpickr in light theme, supports dark theme * Fixes missed settings tab colors * Finishes Devices module support * Fixes bar graph colors * Better colorizes maps module * Undoes colorized bars (they looked bad, on second thought) * Fixes loading indicator * Finishes conversions module * Adds changelog entry The PR number could be wrong, will double check * Fixes missed header color * Fixes naming of migration and removes static alter * Does migration correctly As I said, my Elixir is pretty weak heh * Adds support for spike notifications setting * Improves contrast and visibility for email settings * Add initial implementation for sticky header * Minor mobile formatting improvements * Finishes (probably) pinned header feature * Adds changelog entry for pinned header * Updates PR number in sticky header changelog entry * Wraps up code cleanup + feature * Merge conflicts are hard, apparently * Removes extraneous tailwind variants * Fixes mentioned issues * Removes option to unsticky * py-3 * Tailwind in CSS
50 lines
1016 B
JavaScript
50 lines
1016 B
JavaScript
const colors = require('tailwindcss/colors')
|
|
|
|
module.exports = {
|
|
purge: [
|
|
'./js/**/*.js',
|
|
'../lib/plausible_web/templates/**/*.html.eex',
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
container: {
|
|
center: true,
|
|
padding: '1rem',
|
|
},
|
|
extend: {
|
|
colors: {
|
|
orange: colors.orange,
|
|
'gray-850': 'rgb(26, 32, 44)',
|
|
'gray-825': 'rgb(37, 47, 63)'
|
|
},
|
|
spacing: {
|
|
'44': '11rem'
|
|
},
|
|
width: {
|
|
'31percent': '31%',
|
|
},
|
|
opacity: {
|
|
'15': '0.15',
|
|
},
|
|
zIndex: {
|
|
'9': 9,
|
|
}
|
|
},
|
|
},
|
|
variants: {
|
|
textColor: ['responsive', 'hover', 'focus', 'group-hover'],
|
|
display: ['responsive', 'hover', 'focus', 'group-hover'],
|
|
extend: {
|
|
textColor: ['dark'],
|
|
borderWidth: ['dark'],
|
|
backgroundOpacity: ['dark'],
|
|
display: ['dark'],
|
|
}
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/forms'),
|
|
require('@tailwindcss/typography'),
|
|
require('@tailwindcss/aspect-ratio'),
|
|
]
|
|
}
|