Commit 6cbc0118 authored by dindigala's avatar dindigala
Browse files

style: dark mode contrast issue in text

parent 24172127
Pipeline #235846 passed with stages
in 4 minutes and 54 seconds
......@@ -519,36 +519,65 @@ export default {
*[data-annotation-level='0'] {
background-color: $grey-3;
@media (prefers-color-scheme: dark) {
background-color: $grey-9;
}
}
*[data-annotation-level='1'],
*[data-annotation-level='1'] * {
background-color: $blue-1;
border-bottom: 1px solid #000;
@media (prefers-color-scheme: dark) {
background-color: $grey-6;
border-bottom: 1px solid #fff;
}
}
*[data-annotation-level='2'],
*[data-annotation-level='2'] * {
background-color: $blue-2;
border-bottom: 1px solid #000;
@media (prefers-color-scheme: dark) {
background-color: $grey-7;
border-bottom: 1px solid #fff;
}
}
*[data-annotation-level='3'],
*[data-annotation-level='3'] * {
background-color: $blue-3;
border-bottom: 1px solid #000;
@media (prefers-color-scheme: dark) {
background-color: $grey-8;
border-bottom: 1px solid #fff;
}
}
*[data-annotation-level='4'],
*[data-annotation-level='4'] * {
background-color: $blue-4;
border-bottom: 1px solid #000;
@media (prefers-color-scheme: dark) {
background-color: $grey-9;
border-bottom: 1px solid #fff;
}
}
*[data-annotation-level='5'],
*[data-annotation-level='5'] * {
background-color: $blue-5;
border-bottom: 1px solid #000;
@media (prefers-color-scheme: dark) {
background-color: $grey-10;
border-bottom: 1px solid #fff;
}
}
.annotation-tooltip {
......@@ -587,7 +616,6 @@ export default {
.referenced-annotation:last-of-type {
margin-bottom: 0;
}
</style>
<style lang="scss" scoped>
......
......@@ -31,7 +31,7 @@
-->
<script id="tido-config" type="application/json">
{
"entrypoint": "",
"entrypoint": "https://ahikar.sub.uni-goettingen.de/api/textapi/ahikar/arabic-karshuni/collection.json",
"annotations": {
"show": true,
"types": [
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment