First commit of os-league-tools-master

os-league-tools-master/tailwind.config.js

@@ -0,0 +1,62 @@
+/* eslint-disable global-require */
+const plugin = require('tailwindcss/plugin');
+
+module.exports = {
+  content: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
+  darkMode: 'class',
+  theme: {
+    extend: {
+      colors: {
+        'tl-lime': '#a4ce27',
+        'tl-sage': '#649044',
+        'tb-sand': '#e5d993',
+        'tb-brown': '#634228',
+        'sl-ecto': '#13d591',
+        'sl-teal': '#008076',
+        'tr-orange': '#dc8B36',
+        'tr-umber': '#b44a1e',
+        're-sky': '#20c3fe',
+        're-ocean': '#034f92',
+        'mono-dark': '#f9fafb',
+        'mono-white': '#374151',
+        gray: {
+          150: '#f1f2f5',
+        },
+        zinc: {
+          550: '#46464e',
+          750: '#35353b',
+        },
+      },
+      dropShadow: {
+        overlay: '0 8px 4px rgba(0, 0, 0, 0.3)',
+      },
+      fontFamily: {
+        'sans-alt': ['Inconsolata', 'sans-serif'],
+      },
+    },
+  },
+  plugins: [
+    require('@tailwindcss/forms')({
+      strategy: 'class',
+    }),
+    plugin(({ addVariant }) => {
+      const themes = [
+        'tl-dark',
+        'tb-dark',
+        'sl-dark',
+        'tr-dark',
+        're-dark',
+        'mono-dark',
+        'tl-light',
+        'tb-light',
+        'tr-light',
+        'sl-light',
+        're-light',
+        'mono-light',
+      ];
+      themes.forEach(theme => {
+        addVariant(theme, `.theme-${theme} &`);
+      });
+    }),
+  ],
+};