From 486b7e723b5fa74950ca4d9f793c20900cdd8988 Mon Sep 17 00:00:00 2001
From: Olivier Bado <bado@unice.fr>
Date: Fri, 3 Nov 2023 15:53:38 +0100
Subject: [PATCH] Correct rgba typos in CSS

---
 pod/chapter/static/css/chapters.css          |  2 +-
 pod/chapter/static/css/videojs-chapters.css  |  4 +--
 pod/completion/static/css/caption_maker.css  |  6 ++--
 pod/cut/static/css/video_cut.css             |  2 +-
 pod/enrichment/static/css/enrichment.css     |  2 +-
 pod/enrichment/static/css/videojs-slides.css |  2 +-
 pod/main/static/css/dark.css                 |  4 +--
 pod/main/static/css/pod.css                  | 30 ++++++++++----------
 pod/podfile/static/podfile/css/podfile.css   | 12 ++++----
 pod/video/static/css/comment-style.css       | 10 +++----
 pod/video/static/css/video-iframe.css        |  6 ++--
 pod/video/static/css/video_category.css      |  6 ++--
 12 files changed, 43 insertions(+), 43 deletions(-)

diff --git a/pod/chapter/static/css/chapters.css b/pod/chapter/static/css/chapters.css
index b5d17425b6..fcd2308ede 100644
--- a/pod/chapter/static/css/chapters.css
+++ b/pod/chapter/static/css/chapters.css
@@ -69,7 +69,7 @@ table.scroll thead th.chapter_time_end {
 
 form#form_chapter,
 form#form_chapter_import {
-  background-color: rgba(0 0 0 0.05);
+  background-color: rgb(0 0 0 / 5%);
 }
 
 .form-group.row p {
diff --git a/pod/chapter/static/css/videojs-chapters.css b/pod/chapter/static/css/videojs-chapters.css
index e196bdd172..2f3a73b9b9 100644
--- a/pod/chapter/static/css/videojs-chapters.css
+++ b/pod/chapter/static/css/videojs-chapters.css
@@ -9,7 +9,7 @@
   top: 0;
   height: 100%;
   width: 20%;
-  background-color: rgba(43 51 63 0.7);
+  background-color: rgb(43 51 63 / 70%);
   overflow-y: auto;
   cursor: default;
   z-index: 2;
@@ -48,7 +48,7 @@
   list-style-type: none;
   text-align: -webkit-match-parent;
   margin: 0 3px;
-  border-top: 1px solid rgba(0 0 0 0.8);
+  border-top: 1px solid rgb(0 0 0 / 80%);
 }
 
 .chapters-list ol li a {
diff --git a/pod/completion/static/css/caption_maker.css b/pod/completion/static/css/caption_maker.css
index 4b7271ef65..12b56a5b0f 100644
--- a/pod/completion/static/css/caption_maker.css
+++ b/pod/completion/static/css/caption_maker.css
@@ -120,7 +120,7 @@
 }
 
 .newEditorBlock:hover {
-  background-color: rgba(223 230 246 0.4);
+  background-color: rgb(223 230 246 / 40%);
 }
 
 .newEditorBlock > textarea {
@@ -129,7 +129,7 @@
 
 .captionBeingEdited {
   border-left: 3px solid var(--pod-primary);
-  background-color: rgba(223 230 246 0.4);
+  background-color: rgb(223 230 246 / 40%);
 }
 
 .captionTimestamps {
@@ -226,7 +226,7 @@
 .regionHighligh {
   position: absolute;
   z-index: 1;
-  background-color: rgba(173 50 122 0.5);
+  background-color: rgb(173 50 122 / 50%);
   height: 3px;
 }
 
diff --git a/pod/cut/static/css/video_cut.css b/pod/cut/static/css/video_cut.css
index 836765d64a..b785a9d3d6 100644
--- a/pod/cut/static/css/video_cut.css
+++ b/pod/cut/static/css/video_cut.css
@@ -97,7 +97,7 @@ input[type="range"]::-ms-thumb {
   /* --bs-btn-focus-shadow-rgb: var(--pod-primary-rgb); */
   --bs-btn-focus-shadow-rgb: 200, 200, 253;
   --bs-btn-focus-box-shadow: 0 0 0 0.25rem
-    rgba(var(--bs-btn-focus-shadow-rgb) 0.5);
+    rgb(var(--bs-btn-focus-shadow-rgb) / 50%);
 }
 
 input[type="range"]:active::-webkit-slider-thumb,
diff --git a/pod/enrichment/static/css/enrichment.css b/pod/enrichment/static/css/enrichment.css
index 8d126e3ccd..d4b6f3dbc8 100644
--- a/pod/enrichment/static/css/enrichment.css
+++ b/pod/enrichment/static/css/enrichment.css
@@ -55,5 +55,5 @@ table.scroll thead th {
 }
 
 form#form_enrich {
-  background-color: rgba(0 0 0 0.05);
+  background-color: rgb(0 0 0 / 5%);
 }
diff --git a/pod/enrichment/static/css/videojs-slides.css b/pod/enrichment/static/css/videojs-slides.css
index 3702ac9cd3..db50252287 100644
--- a/pod/enrichment/static/css/videojs-slides.css
+++ b/pod/enrichment/static/css/videojs-slides.css
@@ -213,7 +213,7 @@
   top: -0.5rem;
   height: 100%;
   position: relative;
-  background: rgba(100 100 100 0.5);
+  background: rgb(100 100 100 / 50%);
 }
 
 .vjs-chapbar-holder {
diff --git a/pod/main/static/css/dark.css b/pod/main/static/css/dark.css
index 63120ddd07..72a8892c6f 100644
--- a/pod/main/static/css/dark.css
+++ b/pod/main/static/css/dark.css
@@ -98,14 +98,14 @@
   background-color: var(--background-color);
   color: var(--pod-font-color);
   border-color: var(--pod-primary);
-  box-shadow: 0 0 0 0.2rem rgba(126 126 126 0.25);
+  box-shadow: 0 0 0 .2rem rgb(126 126 126 / 25%);
 }
 
 [data-theme="dark"]
   .category_modal_videos_list
   .infinite-item
   .checked_overlay {
-  background-color: rgba(0 0 0 0.8);
+  background-color: rgb(0 0 0 / 80%);
 }
 
 [data-theme="dark"] #card-takenote .header:hover {
diff --git a/pod/main/static/css/pod.css b/pod/main/static/css/pod.css
index ab579500b0..ed295d48f6 100755
--- a/pod/main/static/css/pod.css
+++ b/pod/main/static/css/pod.css
@@ -3,7 +3,7 @@
 :root {
   /* COMMON COLORS */
   --color-black: #000;
-  --color-black-alpha: rgba(0 0 0 0.6);
+  --color-black-alpha: rgb(0 0 0 / 60%);
   --color-alto: #ddd;
   --color-silver: #ccc;
   --color-silver-chalice: #aaa;
@@ -312,8 +312,8 @@ a:not(.btn):focus {
     background-color 0.3s ease-in-out,
     color 0.3s ease-in-out;
   color: var(--pod-font-color);
-  box-shadow: 0.05rem 0.05rem 0.2rem 0.05rem rgba(0 0 0 0.2);
-  border-radius: 0.15rem;
+  box-shadow: .05rem .05rem .2rem .05rem rgb(0 0 0 / 20%);
+  border-radius: .15rem;
   margin-top: 1rem;
 }
 
@@ -682,7 +682,7 @@ div.card a img {
 }
 
 .errors > .form-control:focus {
-  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb) 0.25);
+  box-shadow: 0 0 0 0.25rem rgb(var(--bs-danger-rgb) / 25%);
   border-color: var(--bs-danger);
 }
 
@@ -810,7 +810,7 @@ body {
 
 .accordion {
   --bs-accordion-active-color: var(--pod-link-color);
-  --bs-accordion-active-bg: rgba(var(--bs-primary-rgb) 0.1);
+  --bs-accordion-active-bg: rgb(var(--bs-primary-rgb) 10%);
   --bs-accordion-btn-focus-border-color: var(--pod-primary);
 }
 
@@ -993,8 +993,8 @@ body {
 .pod-navbar {
   background: var(--pod-background);
   box-shadow:
-    0 1px 3px rgba(0 0 0 0.12),
-    0 1px 2px rgba(0 0 0 0.24);
+    0 1px 3px rgb(0 0 0 / 12%),
+    0 1px 2px rgb(0 0 0 / 24%);
 }
 
 .pod-info-video {
@@ -1175,8 +1175,8 @@ body {
 .pod-card--video {
   border: none;
   box-shadow:
-    0 3px 6px rgba(0 0 0 0.16),
-    0 3px 6px rgba(0 0 0 0.23);
+    0 3px 6px rgb(0 0 0 / 16%),
+    0 3px 6px rgb(0 0 0 / 23%);
   background: var(--pod-background);
 }
 
@@ -1199,7 +1199,7 @@ body {
   transition: all 0.15s ease;
   z-index: 5;
   padding-top: 5rem;
-  box-shadow: 0.05rem 0.05rem 0.2rem 0.05rem rgba(0 0 0 0.2);
+  box-shadow: 0.05rem 0.05rem 0.2rem 0.05rem rgb(0 0 0 / 20%);
 }
 
 .pod-aside.show {
@@ -1446,11 +1446,11 @@ div.disabled,
 a.player-element.disabled {
   background-image: linear-gradient(
     45deg,
-    rgba(0 0 0 0.2) 25%,
+    rgb(0 0 0 / 20%) 25%,
     transparent 25%,
     transparent 50%,
-    rgba(0 0 0 0.2) 50%,
-    rgba(0 0 0 0.2) 75%,
+    rgb(0 0 0 / 20%) 50%,
+    rgb(0 0 0 / 20%) 75%,
     transparent 75%,
     transparent
   );
@@ -1493,7 +1493,7 @@ a.player-element.disabled {
 }
 
 .bg-primary .podfile-icon-selector:focus-visible {
-  box-shadow: 0 0 0 0.25rem rgba(0 0 0 0.5);
+  box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 50%);
 }
 
 /** Django 3 Admin pages
@@ -1579,7 +1579,7 @@ body[data-admin-utc-offset]
 
 .select2-container--focus,
 .cke_focus {
-  box-shadow: 0 0 0 0.25rem rgba(var(--pod-primary-rgb) 0.25);
+  box-shadow: 0 0 0 0.25rem rgb(var(--pod-primary-rgb) / 25%);
   border-radius: 5px;
 }
 
diff --git a/pod/podfile/static/podfile/css/podfile.css b/pod/podfile/static/podfile/css/podfile.css
index bc22e663cc..6a5b11f91b 100644
--- a/pod/podfile/static/podfile/css/podfile.css
+++ b/pod/podfile/static/podfile/css/podfile.css
@@ -58,7 +58,7 @@ button.close {
   pointer-events: auto;
   background-color: #fff;
   background-clip: padding-box;
-  border: 1px solid rgba(0 0 0 0.2);
+  border: 1px solid rgb(0 0 0 / 20%);
   outline: 0;
   max-width: 100% !important;
   width: calc(100% - 2em);
@@ -102,7 +102,7 @@ button.close {
 #podfile .col {
   padding: 5px;
   background: white;
-  border: 1px solid rgba(0 0 0 0.125);
+  border: 1px solid rgb(0 0 0 / 12.5%);
 }
 
 #podifle .card-body {
@@ -144,7 +144,7 @@ button.close {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  border: 1px solid rgba(0 0 0 0.08);
+  border: 1px solid rgb(0 0 0 / 8%);
   padding: 0.8em;
 }
 
@@ -182,8 +182,8 @@ button.close {
   padding: 0.8em 0;
   width: 400px;
   max-width: 100%;
-  border: 1px solid rgba(0 0 0 0.1);
-  box-shadow: 0 8px 10px 4px rgba(0 0 0 0.08);
+  border: 1px solid rgb(0 0 0 / 10%);
+  box-shadow: 0 8px 10px 4px rgb(0 0 0 / 8%);
   position: absolute;
   top: 100%;
 }
@@ -333,7 +333,7 @@ button.close {
   border: 1px solid #ccc;
   font-size: 14px;
   padding: 0.4em;
-  color: rgba(0 0 0 0.75);
+  color: rgb(0 0 0 / 75%);
   flex: none;
   height: 35px;
 }
diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index 5190b44f27..a403447c52 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -3,10 +3,10 @@
  */
 
 :root {
-  /* --content-primary-color: rgba(6, 14, 29, .75); */
+  /* --content-primary-color: rgb(6 14 29 / 75%); */
   --primary-background-color: #f8f9fa;
   --third-background-color: rgb(255 255 255);
-  --content-secondary-color: rgba(54 56 58 0.65);
+  --content-secondary-color: rgb(54 56 58 / 65%);
   --content-third-color: #696969;
   --padding-comment-content: 25px;
   --margin-between-comment: 1em;
@@ -103,7 +103,7 @@
   position: fixed;
   inset: 0;
   min-height: 100vh;
-  background-color: rgba(54 56 58 0.5);
+  background-color: rgb(54 56 58 / 50%);
 }
 
 .comment_main .confirm_delete.show {
@@ -344,7 +344,7 @@
   0% {
     background-color: #f9f99b;
 
-    /* rgba(255 234 59) */
+    /* rgb(255 234 59) */
   }
 
   100% {
@@ -356,7 +356,7 @@
 @keyframes deletecomment {
   0% {
     position: relative;
-    box-shadow: 0 0 8px 8px rgba(255 0 0 0.3) !important;
+    box-shadow: 0 0 8px 8px rgb(255 0 0 / 30%) !important;
     z-index: 9999;
     transform: translateX(0);
   }
diff --git a/pod/video/static/css/video-iframe.css b/pod/video/static/css/video-iframe.css
index 09fe0fcbde..272b00c186 100644
--- a/pod/video/static/css/video-iframe.css
+++ b/pod/video/static/css/video-iframe.css
@@ -34,7 +34,7 @@ body {
   border-radius: 0;
   padding: 0;
   margin: 0;
-  background-color: rgba(250 250 250 0.9);
+  background-color: rgb(250 250 250 / 90%);
   z-index: 10;
 }
 
@@ -63,7 +63,7 @@ body {
 */
 
 .list-group-item {
-  background-color: rgba(250 250 250 0.9) !important;
+  background-color: rgb(250 250 250 / 90%) !important;
 }
 
 .iframe-header {
@@ -108,7 +108,7 @@ body {
   /* bottom: 0; */
   position: absolute;
   background-color: #2b333f;
-  background-color: rgba(43 51 63 0.7);
+  background-color: rgb(43 51 63 / 70%);
   z-index: 10;
   height: 30px;
   padding: 0 0.5em;
diff --git a/pod/video/static/css/video_category.css b/pod/video/static/css/video_category.css
index aa838407b3..9947ee0c49 100644
--- a/pod/video/static/css/video_category.css
+++ b/pod/video/static/css/video_category.css
@@ -79,7 +79,7 @@
   display: flex;
   position: absolute;
   margin: 0.2em 0.4em;
-  background-color: rgba(255 255 255 0.8);
+  background-color: rgb(255 255 255 / 80%);
   border: 2px solid var(--pod-link-color);
   border-radius: var(--bs-border-radius-sm);
   inset: 0;
@@ -192,8 +192,8 @@
 }
 
 .categories_list_item:not(.active):hover {
-  background-color: rgba(149 149 149 0.09);
-  border-color: rgba(149 149 149 0.09);
+  background-color: rgb(149 149 149 / 9%);
+  border-color: rgb(149 149 149 / 9%);
 }
 
 .categories_list_item.active .cat_title {