Refactor background color for contact form verification image to use CSS variable.

terabytesoftw · terabytesoftw · commit d4969f047f94 · 2025-06-09T17:23:09.000-04:00
diff --git a/src/framework/resource/css/site.css b/src/framework/resource/css/site.css
@@ -1,13 +1,8 @@
 /**
- * site.css
- *
  * Css web application basic
  */
 
-/**********************************************************************************************************************
- * MAIN                                                                                                               *
- **********************************************************************************************************************/
- :root {
+:root {
     --input-padding-x: .75rem;
     --input-padding-y: .75rem;
 }
@@ -27,7 +22,7 @@ html, body {
 }
 
 .breadcrumb > li + li:before {
-    color: #7c8695;
+    color: var(--bs-tertiary-color);
     content: "/\00a0";
     padding: 0 5px;
 }
@@ -49,7 +44,7 @@ html, body {
 }
 
 [data-bs-theme=dark] #contactform-verifycode-image {
-    background-color: #ced4da;
+    background-color: var(--bs-secondary-color);
     border: 1px solid rgba(255, 255, 255, 0.1);
     box-shadow: 0 1px 3px rgba(0,0,0,0.3);
 }

Original file line number	Diff line number	Diff line change
`@@ -1,13 +1,8 @@`
`1`	`1`	`/**`
`2`		`- * site.css`
`3`		`- *`
`4`	`2`	`* Css web application basic`
`5`	`3`	`*/`
`6`	`4`
`7`		`-/**********************************************************************************************************************`
`8`		`- * MAIN *`
`9`		`- **********************************************************************************************************************/`
`10`		`- :root {`
	`5`	`+:root {`
`11`	`6`	`--input-padding-x: .75rem;`
`12`	`7`	`--input-padding-y: .75rem;`
`13`	`8`	`}`
`@@ -27,7 +22,7 @@ html, body {`
`27`	`22`	`}`
`28`	`23`
`29`	`24`	`.breadcrumb > li + li:before {`
`30`		`- color: #7c8695;`
	`25`	`+ color: var(--bs-tertiary-color);`
`31`	`26`	`content: "/\00a0";`
`32`	`27`	`padding: 0 5px;`
`33`	`28`	`}`
`@@ -49,7 +44,7 @@ html, body {`
`49`	`44`	`}`
`50`	`45`
`51`	`46`	`[data-bs-theme=dark] #contactform-verifycode-image {`
`52`		`- background-color: #ced4da;`
	`47`	`+ background-color: var(--bs-secondary-color);`
`53`	`48`	`border: 1px solid rgba(255, 255, 255, 0.1);`
`54`	`49`	`box-shadow: 0 1px 3px rgba(0,0,0,0.3);`
`55`	`50`	`}`