Merge pull request #6 from DarrianCZE/pirep-cards

Pirep cards

Author: DarrianCZE

README.md

@@ -29,3 +29,6 @@ Download here: https://github.com/DarrianCZE/vamsys-v5-custom-css/releases
 - 1.2
 	- Fixed Border color in the Flight Map filtering section in the Dark Mode - credits to Lukas for helping!
 	- Fixed Text color "Start typing to search..." in the Flight Map filtering - credits to Lukas for helping!
+- 1.3
+	- Early implementation of the PIREP cards styling
+	- Alert - Danger styling

SW_Virtual_CSS_vAMSYS_v5.css

@@ -1,13 +1,14 @@
 /*
 SW Virtual CSS Config for vAMSYS v5
-Version: 1.2
+Version: 1.3
 Author: Jan Podlipsky - jan.podlipsky@sw-virtual.eu
 */
 
 :root{ /* Variable section of the CSS, edit your colors only here: */
 	--primary-rgb: 0,69,138; /* Primary VA Color in RGB format. Should be darker. */
 	--secondary-rgb: 241,144,1; /* Secondary VA Color in RGB format. Should be brighter. */
 	--primary-darkmode-color: 255,255,255; /* Primary Dark mode color. In this case, it's white, but theoretically it can be any very bright color. */
+	--danger-rgb: 241, 87, 118; /* Warning color, I recommend some shade of red. */
 }
 
 /* Light mode section */
@@ -44,6 +45,11 @@ Author: Jan Podlipsky - jan.podlipsky@sw-virtual.eu
 	background-color: rgba(var(--success)) !important;
 }
 
+.alert.alert-danger {
+    color: rgb(255,255,255,0.9) !important;
+	background-color: rgba(var(--secondary-rgb)) !important;
+}
+
 .alert.alert-warning {
 	color: rgb(255,255,255,0.9) !important;
 }
@@ -204,6 +210,24 @@ Author: Jan Podlipsky - jan.podlipsky@sw-virtual.eu
 	--tw-ring-color: rgb(var(--secondary-rgb)) !important
 }
 
+.card.card-primary {
+	background-color: rgb(var(--secondary-rgb)) !important;
+	border-color: rgb(var(--secondary-rgb)) !important;
+	--tw-ring-color: rgb(var(--secondary-rgb)) !important;
+}
+
+.card.card-warning {
+	background-color: rgb(var(--danger-rgb))!important;
+	border-color: rgb(var(--danger-rgb)) !important;
+	--tw-ring-color: rgb(var(--danger-rgb)) !important;
+}
+
+.card.card-danger {
+	background-color: rgb(var(--danger-rgb))!important;
+	border-color: rgb(var(--danger-rgb)) !important;
+	--tw-ring-color: rgb(var(--danger-rgb)) !important;
+}
+
 /* Dark Mode section */
 :root:is(.dark) {
 	--primary: var(--primary-darkmode-color) !important;
@@ -500,4 +524,22 @@ Author: Jan Podlipsky - jan.podlipsky@sw-virtual.eu
 }
 .choices__input:is(.dark *)::placeholder {
     color: var(--tw-body-color);
-}
+}
+
+.card.card-primary:is(.dark *) {
+	background-color: rgb(var(--secondary-rgb), 0.8) !important;
+	border-color: rgb(var(--secondary-rgb), 0.8) !important;
+	--tw-ring-color: rgb(var(--secondary-rgb), 0.8) !important;
+}
+
+.card.card-warning:is(.dark *) {
+	background-color: rgb(var(--danger-rgb), 0.8)!important;
+	border-color: rgb(var(--danger-rgb), 0.8) !important;
+	--tw-ring-color: rgb(var(--danger-rgb), 0.8) !important;
+}
+
+.card.card-danger:is(.dark *) {
+	background-color: rgb(var(--danger-rgb), 0.8)!important;
+	border-color: rgb(var(--danger-rgb), 0.8) !important;
+	--tw-ring-color: rgb(var(--danger-rgb)), 0.8 !important;
+}