diff --git a/gcp/website/frontend3/src/styles.scss b/gcp/website/frontend3/src/styles.scss index 2c457ec0ee0..2e182a310dc 100644 --- a/gcp/website/frontend3/src/styles.scss +++ b/gcp/website/frontend3/src/styles.scss @@ -634,6 +634,11 @@ md-icon-button.mdc-data-table__sort-icon-button { --md-icon-button-icon-size: 18px; --md-icon-button-icon-color: $osv-text-color; --md-icon-button-disabled-icon-color: $osv-grey-600; + --md-icon-button-disabled-icon-opacity: 1; + + &[disabled] md-icon { + color: $osv-grey-600; + } } .vuln-table-container { @@ -1200,7 +1205,16 @@ osv-tabs.vulnerability-packages[affordance="collapse"] { font-weight: bold; html[data-theme="light"] & { - background: $osv-grey-600; + background: $osv-grey-200; + color: $osv-white; + + &::before { + background-color: $osv-white; + } + + &:hover { + background: $osv-grey-300; + } } &::before { @@ -1210,9 +1224,6 @@ osv-tabs.vulnerability-packages[affordance="collapse"] { &:hover { background: $osv-grey-200; - html[data-theme="light"] & { - background: $osv-grey-500; - } } } @@ -1232,8 +1243,8 @@ osv-tabs.vulnerability-packages[affordance="collapse"] { } } - $last-ecosystem-border-offset: 12px; - $last-ecosystem-border-gap: 16px; + $last-ecosystem-border-offset: 4px; + $last-ecosystem-border-gap: 8px; $last-ecosystem-border-thickness: 1px; .ecosystem-content-panel--last {