diff --git a/ietf/static/css/ietf.scss b/ietf/static/css/ietf.scss index 4f26a12df..06a0de80b 100644 --- a/ietf/static/css/ietf.scss +++ b/ietf/static/css/ietf.scss @@ -12,8 +12,28 @@ $popover-max-width: 100%; // Override default fonts -$font-family-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -$font-family-monospace: "Noto Sans Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +$font-family-sans-serif: "Inter", +system-ui, +-apple-system, +"Segoe UI", +Roboto, +"Helvetica Neue", +"Noto Sans", +"Liberation Sans", +Arial, +sans-serif, +"Apple Color Emoji", +"Segoe UI Emoji", +"Segoe UI Symbol", +"Noto Color Emoji"; +$font-family-monospace: "Noto Sans Mono", +SFMono-Regular, +Menlo, +Monaco, +Consolas, +"Liberation Mono", +"Courier New", +monospace; // Enable color modes $color-mode-type: data; @@ -506,29 +526,57 @@ td.position-empty { border: none !important; } -tr.position-moretime-row, -tr.position-notready-row, -tr.position-discuss-row, -tr.position-block-row { - background-color: tint-color($color-discuss, 85%); +[data-bs-theme="light"] { + + tr.position-moretime-row, + tr.position-notready-row, + tr.position-discuss-row, + tr.position-block-row { + background-color: tint-color($color-discuss, 85%); + } + + tr.position-yes-row { + background-color: tint-color($color-yes, 75%); + } + + tr.position-noobj-row { + background-color: tint-color($color-noobj, 50%); + } + + tr.position-abstain-row { + background-color: tint-color($color-abstain, 85%); + } + + tr.position-recuse-row { + background-color: tint-color($color-recuse, 85%); + } } -tr.position-yes-row { - background-color: tint-color($color-yes, 75%); -} +[data-bs-theme="dark"] { -tr.position-noobj-row { - background-color: tint-color($color-noobj, 50%); -} + tr.position-moretime-row, + tr.position-notready-row, + tr.position-discuss-row, + tr.position-block-row { + background-color: shade-color($color-discuss, 85%); + } -tr.position-abstain-row { - background-color: tint-color($color-abstain, 85%); -} + tr.position-yes-row { + background-color: shade-color($color-yes, 75%); + } -tr.position-recuse-row { - background-color: tint-color($color-recuse, 85%); -} + tr.position-noobj-row { + background-color: shade-color($color-noobj, 75%); + } + tr.position-abstain-row { + background-color: shade-color($color-abstain, 85%); + } + + tr.position-recuse-row { + background-color: shade-color($color-recuse, 85%); + } +} /* === Edit Meeting Schedule ====================================== */ diff --git a/ietf/templates/doc/search/search_result_row.html b/ietf/templates/doc/search/search_result_row.html index b67d4ca58..9f2b12e9f 100644 --- a/ietf/templates/doc/search/search_result_row.html +++ b/ietf/templates/doc/search/search_result_row.html @@ -7,7 +7,7 @@ {% load person_filters %} {% load django_bootstrap5 %}