app.css (4115B)
1 /* See the Tailwind configuration guide for advanced usage 2 https://tailwindcss.com/docs/configuration */ 3 4 @import "tailwindcss" source(none); 5 @source "../css"; 6 @source "../js"; 7 @source "../../lib/daily_tracker_web"; 8 9 /* A Tailwind plugin that makes "hero-#{ICON}" classes available. 10 The heroicons installation itself is managed by your mix.exs */ 11 @plugin "../vendor/heroicons"; 12 13 /* daisyUI Tailwind Plugin. You can update this file by fetching the latest version with: 14 curl -sLO https://github.com/saadeghi/daisyui/releases/latest/download/daisyui.js 15 Make sure to look at the daisyUI changelog: https://daisyui.com/docs/changelog/ */ 16 @plugin "../vendor/daisyui" { 17 themes: false; 18 } 19 20 /* daisyUI theme plugin. You can update this file by fetching the latest version with: 21 curl -sLO https://github.com/saadeghi/daisyui/releases/latest/download/daisyui-theme.js 22 We ship with two themes, a light one inspired on Phoenix colors and a dark one inspired 23 on Elixir colors. Build your own at: https://daisyui.com/theme-generator/ */ 24 @plugin "../vendor/daisyui-theme" { 25 name: "dark"; 26 default: false; 27 prefersdark: true; 28 color-scheme: "dark"; 29 --color-base-100: oklch(30.33% 0.016 252.42); 30 --color-base-200: oklch(25.26% 0.014 253.1); 31 --color-base-300: oklch(20.15% 0.012 254.09); 32 --color-base-content: oklch(97.807% 0.029 256.847); 33 --color-primary: oklch(58% 0.233 277.117); 34 --color-primary-content: oklch(96% 0.018 272.314); 35 --color-secondary: oklch(58% 0.233 277.117); 36 --color-secondary-content: oklch(96% 0.018 272.314); 37 --color-accent: oklch(60% 0.25 292.717); 38 --color-accent-content: oklch(96% 0.016 293.756); 39 --color-neutral: oklch(37% 0.044 257.287); 40 --color-neutral-content: oklch(98% 0.003 247.858); 41 --color-info: oklch(58% 0.158 241.966); 42 --color-info-content: oklch(97% 0.013 236.62); 43 --color-success: oklch(60% 0.118 184.704); 44 --color-success-content: oklch(98% 0.014 180.72); 45 --color-warning: oklch(66% 0.179 58.318); 46 --color-warning-content: oklch(98% 0.022 95.277); 47 --color-error: oklch(58% 0.253 17.585); 48 --color-error-content: oklch(96% 0.015 12.422); 49 --radius-selector: 0.25rem; 50 --radius-field: 0.25rem; 51 --radius-box: 0.5rem; 52 --size-selector: 0.21875rem; 53 --size-field: 0.21875rem; 54 --border: 1.5px; 55 --depth: 1; 56 --noise: 0; 57 } 58 59 @plugin "../vendor/daisyui-theme" { 60 name: "light"; 61 default: true; 62 prefersdark: false; 63 color-scheme: "light"; 64 --color-base-100: oklch(98% 0 0); 65 --color-base-200: oklch(96% 0.001 286.375); 66 --color-base-300: oklch(92% 0.004 286.32); 67 --color-base-content: oklch(21% 0.006 285.885); 68 --color-primary: oklch(70% 0.213 47.604); 69 --color-primary-content: oklch(98% 0.016 73.684); 70 --color-secondary: oklch(55% 0.027 264.364); 71 --color-secondary-content: oklch(98% 0.002 247.839); 72 --color-accent: oklch(0% 0 0); 73 --color-accent-content: oklch(100% 0 0); 74 --color-neutral: oklch(44% 0.017 285.786); 75 --color-neutral-content: oklch(98% 0 0); 76 --color-info: oklch(62% 0.214 259.815); 77 --color-info-content: oklch(97% 0.014 254.604); 78 --color-success: oklch(70% 0.14 182.503); 79 --color-success-content: oklch(98% 0.014 180.72); 80 --color-warning: oklch(66% 0.179 58.318); 81 --color-warning-content: oklch(98% 0.022 95.277); 82 --color-error: oklch(58% 0.253 17.585); 83 --color-error-content: oklch(96% 0.015 12.422); 84 --radius-selector: 0.25rem; 85 --radius-field: 0.25rem; 86 --radius-box: 0.5rem; 87 --size-selector: 0.21875rem; 88 --size-field: 0.21875rem; 89 --border: 1.5px; 90 --depth: 1; 91 --noise: 0; 92 } 93 94 /* Add variants based on LiveView classes */ 95 @custom-variant phx-click-loading (.phx-click-loading&, .phx-click-loading &); 96 @custom-variant phx-submit-loading (.phx-submit-loading&, .phx-submit-loading &); 97 @custom-variant phx-change-loading (.phx-change-loading&, .phx-change-loading &); 98 99 /* Use the data attribute for dark mode */ 100 @custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *)); 101 102 /* Make LiveView wrapper divs transparent for layout */ 103 [data-phx-session], [data-phx-teleported-src] { display: contents } 104 105 /* This file is for your main application CSS */