Skip to content

Commit 8a50838

Browse files
committed
feat: apply light-mode colour palette
1 parent 34b818c commit 8a50838

1 file changed

Lines changed: 19 additions & 3 deletions

File tree

gcp/website/frontend3/src/styles.scss

Lines changed: 19 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -235,6 +235,7 @@ pre {
235235
height: 36px;
236236
background: $osv-accent-color;
237237
color: $osv-white;
238+
color: $osv-white;
238239
border-radius: $osv-border-radius-small;
239240
align-items: center;
240241
text-decoration: none;
@@ -340,6 +341,12 @@ pre {
340341
.logo-img-light { display: none; }
341342
.logo-img-dark { display: block; }
342343
}
344+
345+
.logo-img-dark { display: none; }
346+
html[data-theme="light"] & {
347+
.logo-img-light { display: none; }
348+
.logo-img-dark { display: block; }
349+
}
343350
}
344351

345352
#hamburger-checkbox {
@@ -353,6 +360,10 @@ pre {
353360
html[data-theme="light"] & {
354361
filter: invert(1);
355362
}
363+
364+
html[data-theme="light"] & {
365+
filter: invert(1);
366+
}
356367
}
357368

358369
.tabs {
@@ -369,6 +380,10 @@ pre {
369380
html[data-theme="light"] & {
370381
filter: invert(1);
371382
}
383+
384+
html[data-theme="light"] & {
385+
filter: invert(1);
386+
}
372387
}
373388

374389
a.logo-img {
@@ -1470,6 +1485,7 @@ osv-tabs.vulnerability-packages[affordance="collapse"] {
14701485
.ecosystem-counts-wrapper {
14711486
position: relative;
14721487
background: $osv-ecosystems-bg;
1488+
background: $osv-ecosystems-bg;
14731489
margin-top: 20px;
14741490
height: $ecosystem-count-wrapper-height;
14751491

@@ -1748,6 +1764,7 @@ osv-tabs.vulnerability-packages[affordance="collapse"] {
17481764
.code-card {
17491765
position: relative;
17501766
background: $osv-code-bg;
1767+
background: $osv-code-bg;
17511768
border-radius: 10px;
17521769
padding: 32px;
17531770
margin-bottom: 32px;
@@ -1856,6 +1873,7 @@ osv-tabs.vulnerability-packages[affordance="collapse"] {
18561873
pre.big-code-block {
18571874
padding: 10px;
18581875
background-color: $osv-code-bg;
1876+
background-color: $osv-code-bg;
18591877
overflow-x: scroll;
18601878
width: 100%;
18611879
}
@@ -2102,6 +2120,7 @@ $navbar-search-divider: rgba(255, 255, 255, 0.16);
21022120
background: transparent;
21032121
border: none;
21042122
color: $osv-text-color;
2123+
color: $osv-text-color;
21052124
cursor: pointer;
21062125
padding: 8px;
21072126
display: flex;
@@ -2143,9 +2162,6 @@ $navbar-search-divider: rgba(255, 255, 255, 0.16);
21432162
transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0s linear 0.3s;
21442163
background: $navbar-search-surface;
21452164
border-radius: $navbar-search-radius;
2146-
z-index: 1000;
2147-
opacity: 0;
2148-
visibility: hidden;
21492165
border: 1px solid $navbar-search-border;
21502166
box-sizing: border-box;
21512167

0 commit comments

Comments
 (0)