More styling changes

mclemente · mclemente · commit e12651fd1970 · 2025-05-03T03:11:06.000-03:00
diff --git a/src/styles/_language-selector.scss b/src/styles/_language-selector.scss
@@ -1,4 +1,5 @@
 &.polyglot-lang-select {
+	margin: -6px 0;
 	.ts-wrapper {
 		&.disabled {
 			text-decoration: line-through;
diff --git a/src/styles/polyglot.scss b/src/styles/polyglot.scss
@@ -28,7 +28,7 @@
 					color: var(--color-light-1);
 				}
 				.ts-dropdown {
-					background: var(--color-cool-4);
+					background: var(--color-cool-5);
 					.optgroup-header {
 						border-bottom: solid 1px;
 					}
@@ -37,7 +37,7 @@
 						color: var(--color-light-2);
 					}
 					.optgroup-header, .option {
-						background: var(--color-cool-4);
+						background: var(--color-cool-5);
 						color: var(--color-light-1);
 					}
 					.ts-dropdown-content {
@@ -58,6 +58,9 @@
 						border-bottom: solid 1px;
 					}
 				}
+				.option.active {
+					background: #e0eef7;
+				}
 				&.focus .ts-control, .ts-control:hover {
 					background: rgba(255, 255, 255, 0.85);
 				}

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`&.polyglot-lang-select {`
	`2`	`+ margin: -6px 0;`
`2`	`3`	`.ts-wrapper {`
`3`	`4`	`&.disabled {`
`4`	`5`	`text-decoration: line-through;`
Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@`
`28`	`28`	`color: var(--color-light-1);`
`29`	`29`	`}`
`30`	`30`	`.ts-dropdown {`
`31`		`- background: var(--color-cool-4);`
	`31`	`+ background: var(--color-cool-5);`
`32`	`32`	`.optgroup-header {`
`33`	`33`	`border-bottom: solid 1px;`
`34`	`34`	`}`
`@@ -37,7 +37,7 @@`
`37`	`37`	`color: var(--color-light-2);`
`38`	`38`	`}`
`39`	`39`	`.optgroup-header, .option {`
`40`		`- background: var(--color-cool-4);`
	`40`	`+ background: var(--color-cool-5);`
`41`	`41`	`color: var(--color-light-1);`
`42`	`42`	`}`
`43`	`43`	`.ts-dropdown-content {`
`@@ -58,6 +58,9 @@`
`58`	`58`	`border-bottom: solid 1px;`
`59`	`59`	`}`
`60`	`60`	`}`
	`61`	`+ .option.active {`
	`62`	`+ background: #e0eef7;`
	`63`	`+ }`
`61`	`64`	`&.focus .ts-control, .ts-control:hover {`
`62`	`65`	`background: rgba(255, 255, 255, 0.85);`
`63`	`66`	`}`