From fb2837e5239ec09457ed76c2e6be806dbcb09d9e Mon Sep 17 00:00:00 2001
From: Kobe <kobeamerijckx@outlook.com>
Date: Sat, 31 May 2025 12:28:32 +0200
Subject: [PATCH] change checkbox colors

---
 templates/rooms/room_members.html | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/templates/rooms/room_members.html b/templates/rooms/room_members.html
index c75a1a1..ac328f1 100644
--- a/templates/rooms/room_members.html
+++ b/templates/rooms/room_members.html
@@ -7,6 +7,16 @@
 <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
 <link href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" rel="stylesheet" />
 <link href="{{ url_for('static', filename='css/room_members.css', v=config.CSS_VERSION) }}" rel="stylesheet" />
+<style>
+    .form-check-input:checked {
+        background-color: var(--primary-color);
+        border-color: var(--primary-color);
+    }
+    .form-check-input:focus {
+        border-color: var(--primary-color);
+        box-shadow: 0 0 0 0.25rem rgba(var(--primary-rgb), 0.25);
+    }
+</style>
 {% endblock %}
 
 {% block content %}
@@ -50,31 +60,27 @@
                                     <div class="form-check form-check-inline mb-0">
                                         <input class="form-check-input" type="checkbox" name="can_view" id="can_view_{{ member.id }}" checked disabled>
                                         <input type="hidden" name="can_view" value="1">
-                                        <label class="form-check-label" for="can_view_{{ member.id }}" title="View permission is always required"><i class="fas fa-eye"></i></label>
+                                        <label class="form-check-label" for="can_view_{{ member.id }}" title="View permission is always required" style="color: var(--secondary-color);"><i class="fas fa-eye"></i></label>
                                     </div>
                                     <div class="form-check form-check-inline mb-0">
                                         <input class="form-check-input" type="checkbox" name="can_download" id="can_download_{{ member.id }}" {% if perm.can_download %}checked{% endif %}>
-                                        <label class="form-check-label" for="can_download_{{ member.id }}" title="Can Download Files"><i class="fas fa-download"></i></label>
+                                        <label class="form-check-label" for="can_download_{{ member.id }}" title="Can Download Files" style="color: var(--secondary-color);"><i class="fas fa-download"></i></label>
                                     </div>
                                     <div class="form-check form-check-inline mb-0">
                                         <input class="form-check-input" type="checkbox" name="can_upload" id="can_upload_{{ member.id }}" {% if perm.can_upload %}checked{% endif %}>
-                                        <label class="form-check-label" for="can_upload_{{ member.id }}" title="Can Upload Files"><i class="fas fa-upload"></i></label>
+                                        <label class="form-check-label" for="can_upload_{{ member.id }}" title="Can Upload Files" style="color: var(--secondary-color);"><i class="fas fa-upload"></i></label>
                                     </div>
                                     <div class="form-check form-check-inline mb-0">
                                         <input class="form-check-input" type="checkbox" name="can_delete" id="can_delete_{{ member.id }}" {% if perm.can_delete %}checked{% endif %}>
-                                        <label class="form-check-label" for="can_delete_{{ member.id }}" title="Can Delete Files"><i class="fas fa-trash"></i></label>
+                                        <label class="form-check-label" for="can_delete_{{ member.id }}" title="Can Delete Files" style="color: var(--secondary-color);"><i class="fas fa-trash"></i></label>
                                     </div>
                                     <div class="form-check form-check-inline mb-0">
                                         <input class="form-check-input" type="checkbox" name="can_rename" id="can_rename_{{ member.id }}" {% if perm.can_rename %}checked{% endif %}>
-                                        <label class="form-check-label" for="can_rename_{{ member.id }}" title="Can Rename Files"><i class="fas fa-i-cursor"></i></label>
+                                        <label class="form-check-label" for="can_rename_{{ member.id }}" title="Can Rename Files" style="color: var(--secondary-color);"><i class="fas fa-i-cursor"></i></label>
                                     </div>
                                     <div class="form-check form-check-inline mb-0">
                                         <input class="form-check-input" type="checkbox" name="can_move" id="can_move_{{ member.id }}" {% if perm.can_move %}checked{% endif %}>
-                                        <label class="form-check-label" for="can_move_{{ member.id }}" title="Can Move Files"><i class="fas fa-arrows-alt"></i></label>
-                                    </div>
-                                    <div class="form-check form-check-inline mb-0">
-                                        <input class="form-check-input" type="checkbox" name="can_share" id="can_share_{{ member.id }}" {% if perm.can_share %}checked{% endif %}>
-                                        <label class="form-check-label" for="can_share_{{ member.id }}" title="Can Share Files"><i class="fas fa-share-alt"></i></label>
+                                        <label class="form-check-label" for="can_move_{{ member.id }}" title="Can Move Files" style="color: var(--secondary-color);"><i class="fas fa-arrows-alt"></i></label>
                                     </div>
                                 </form>
                                 <form action="{{ url_for('rooms.remove_member', room_id=room.id, user_id=member.id) }}" method="POST" class="d-inline ms-2">