Chore: Remove Chart JS TW Colors Plugin (#4920)

Because:
- We're not using enough of it's features to justify the extra
dependencies.
- It's preventing us from upgrading to Tailwind 4

app/javascript/controllers/chart_controller.js

@@ -1,8 +1,6 @@
 import { Controller } from '@hotwired/stimulus'
 
 import { Chart } from 'chart.js/auto'
-import twColorsPlugin from 'chartjs-plugin-tailwindcss-colors'
-import twConfig from '../../../tailwind.config'
 
 export default class ChartController extends Controller {
   static values = {
@@ -17,7 +15,7 @@ export default class ChartController extends Controller {
       {
         type: this.typeValue,
         data: this.dataValue,
-        plugins: [twColorsPlugin(twConfig), ...this.chartTypePlugins()],
+        plugins: [...this.chartTypePlugins()],
         options: {
           maintainAspectRatio: false,
           responsive: true,

app/views/admin/reports/lesson_completions/show.html.erb

@@ -21,8 +21,8 @@
                 label: 'Lesson completions',
                 data: @lesson_completions_stats.values,
                 fill: true,
-                backgroundColor: 'blue-200',
-                borderColor: 'blue-600',
+                backgroundColor: '#bedbff',
+                borderColor: '#155dfc',
                 borderWidth: 2
               }
             ],

app/views/admin/reports/paths/show.html.erb

@@ -64,8 +64,8 @@
                 {
                   label: 'Lesson completions',
                   data: @path_lesson_completions.map(&:count),
-                  borderColor: 'emerald-600',
-                  backgroundColor: 'emerald-200',
+                  borderColor: '#009966',
+                  backgroundColor: '#a4f4cf',
                   borderWidth: 1,
                   barThickness: 20,
                   borderRadius: 4

app/views/admin/reports/users/index.html.erb

@@ -38,8 +38,8 @@
                 label: 'Sign ups',
                 data: @sign_up_stats.values,
                 fill: true,
-                backgroundColor: 'blue-200',
-                borderColor: 'blue-600',
+                backgroundColor: '#bedbff',
+                borderColor: '#155dfc',
                 borderWidth: 2,
               }
             ],

package.json

@@ -20,7 +20,6 @@
     "browserslist": "^4.23.3",
     "chart.js": "^4.4.4",
     "chartjs-plugin-crosshair": "^2.0.0",
-    "chartjs-plugin-tailwindcss-colors": "^0.2.4",
     "chokidar": "^4.0.3",
     "debounce": "^2.2.0",
     "el-transition": "^0.0.7",