[FB] notes | fix hardly visible buttons in light mode

davidk55 · davidk55 · commit a583b2716fd0 · 2025-04-14T23:31:22.000+02:00
diff --git a/browser/components/notes/content/notes-bms.css b/browser/components/notes/content/notes-bms.css
@@ -12,18 +12,18 @@
 }
 
 button {
-  background-color: var(--in-content-box-info-background) !important;
+  background-color: var(--in-content-button-background) !important;
   transition: 0.2s ease-out;
 }
 
 button:hover,
 button#memo-add:hover {
-  background-color: #ffffff40 !important;
+  background-color: var(--in-content-button-background-hover) !important;
 }
 
 button:active,
 button#memo-add:active {
-  background-color: #ffffff50 !important;
+  background-color: var(--in-content-button-background-active) !important;
 }
 
 #memo-add.selected {
@@ -74,15 +74,15 @@ html {
 }
 
 .memo-list-item.selected {
-  background-color: #ffffff20;
+  background-color: var(--in-content-button-background);
 }
 
 .memo-list-item:hover {
-  background-color: #ffffff30;
+  background-color: var(--in-content-button-background-hover);
 }
 
 .memo-list-item:active {
-  background-color: #ffffff40;
+  background-color: var(--in-content-button-background-active);
 }
 
 .memo-list-item::after {

Original file line number	Diff line number	Diff line change
`@@ -12,18 +12,18 @@`
`12`	`12`	`}`
`13`	`13`
`14`	`14`	`button {`
`15`		`- background-color: var(--in-content-box-info-background) !important;`
	`15`	`+ background-color: var(--in-content-button-background) !important;`
`16`	`16`	`transition: 0.2s ease-out;`
`17`	`17`	`}`
`18`	`18`
`19`	`19`	`button:hover,`
`20`	`20`	`button#memo-add:hover {`
`21`		`- background-color: #ffffff40 !important;`
	`21`	`+ background-color: var(--in-content-button-background-hover) !important;`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`button:active,`
`25`	`25`	`button#memo-add:active {`
`26`		`- background-color: #ffffff50 !important;`
	`26`	`+ background-color: var(--in-content-button-background-active) !important;`
`27`	`27`	`}`
`28`	`28`
`29`	`29`	`#memo-add.selected {`
`@@ -74,15 +74,15 @@ html {`
`74`	`74`	`}`
`75`	`75`
`76`	`76`	`.memo-list-item.selected {`
`77`		`- background-color: #ffffff20;`
	`77`	`+ background-color: var(--in-content-button-background);`
`78`	`78`	`}`
`79`	`79`
`80`	`80`	`.memo-list-item:hover {`
`81`		`- background-color: #ffffff30;`
	`81`	`+ background-color: var(--in-content-button-background-hover);`
`82`	`82`	`}`
`83`	`83`
`84`	`84`	`.memo-list-item:active {`
`85`		`- background-color: #ffffff40;`
	`85`	`+ background-color: var(--in-content-button-background-active);`
`86`	`86`	`}`
`87`	`87`
`88`	`88`	`.memo-list-item::after {`