ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-19 03:05:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Light mode: more revisions

Browse Source
This commit is contained in:
mDuo13
2021-08-30 15:32:49 -07:00
parent bca0b6bf92
commit 301d643b08
12 changed files with 494 additions and 1598 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
styles/_cards.scss
View File

@@ -26,6 +26,7 @@ a.card:hover h3 {
img {
width: 26px;
height: 26px;
display: inline-block; // fix sizing in Chrome
}
margin-bottom: 0.75rem;
}

2
styles/_font.scss
View File

@@ -151,7 +151,7 @@ p {
text-decoration: none;
}
.arrow-link:after {
content: url(../img/icon-green-arrow.svg);
content: url(../img/icon-long-arrow.svg);
width: 28px;
padding-left: 7px;
transition: all .2s ease-in-out;

3
styles/_helpers.scss
View File

@@ -448,8 +448,7 @@
color: $white;
}
.stat-highlight,
.eyebrow {
.stat-highlight {
color: $green-500;
}

1
styles/_top-banner.scss
View File

@@ -3,6 +3,7 @@
background: url(../img/backgrounds/bg-apex-banner.svg);
background-position: center;
background-color: #7919FF;
background-size: cover;
padding: 2px 8px;
color: #fff;
text-align: center;

23
styles/light/_light-theme.scss
View File

@@ -3,7 +3,7 @@ $light-fg: $black;
$light-fg-muted: $gray-800;
$light-fg-disabled: $gray-400;
$light-form-bg: $gray-200;
$light-box-shadow: 0px 5px 20px 0px $gray-400;
$light-box-shadow: 0px 5px 20px 0px $gray-300;
$light-link-hover-color: $blue-purple-500;
$light-standout-bg: $gray-050;
@@ -57,6 +57,10 @@ h1, h2, h3, h4, h5, h6,
filter: invert(100%);
}
.arrow-link::after {
content: url("../img/lightmode/icon-long-arrow.svg");
}
// Forms and inputs ------------------------------------------------------------
.search, .input-group, .form-group {
.input-group-text {
@@ -214,11 +218,6 @@ a, nav a {
border-color: $gray-100;
box-shadow: $light-box-shadow;
&#topnav_dd_docshtml {
background-color: $gray-200;
border-color: $gray-200;
}
a:hover, a.active {
color: $light-link-hover-color;
}
@@ -243,7 +242,7 @@ a, nav a {
.col-for-人気ページ,
.col-for-questions,
.col-for-質問 {
background-color: $gray-050;
background-color: $gray-200;
}
}
@@ -352,7 +351,7 @@ aside .active > a:hover {
}
.q-wrapper {
background-color: $gray-200;
background-color: $light-standout-bg;
color: $light-fg;
> a.expander:hover {
@@ -363,7 +362,7 @@ aside .active > a:hover {
.page-community {
#platform-stack-overflow {
content: url("../img/logos/lightmode/stack-overflow.svg")
content: url("../img/logos/lightmode/stack-overflow.svg");
}
}
@@ -384,7 +383,7 @@ aside .active > a:hover {
}
.circled-logo {
background-color: $gray-300;
background-color: $gray-200;
img[src="assets/img/logos/globe.svg"] {
filter: invert(100%);
@@ -483,7 +482,7 @@ pre code {
#benefits-list {
@each $benefit in "public", "streamlined", "performance", "low-cost", "community", "reliability" {
##{$benefit} {
content: url("../img/icons/lightmode/#{$benefit}.svg")
content: url("../img/icons/lightmode/#{$benefit}.svg");
}
}
}
@@ -491,7 +490,7 @@ pre code {
// XRPL Overview
#validator-graphic {
content: url(../img/lightmode/validators.svg);
content: url("../img/lightmode/validators.svg");
}
// XRP Overview