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

Improve visual distinction of search on light mode

Browse Source 
Restore drop shadow and adjust background color
fix indentation of page-specific style in same file
This commit is contained in:
mDuo13
2024-12-06 14:14:08 -08:00
parent 4396469514
commit a9ae090636
2 changed files with 80 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
static/css/devportal2024-v1.css
View File

File diff suppressed because one or more lines are too long

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

@@ -1251,89 +1251,92 @@ main article .card-grid {
'cross-chain': '../img/tokenization/lightmode/cross-chain.png', 'cross-chain': '../img/tokenization/lightmode/cross-chain.png',
); );
@each $name, $path in $icons { @each $name, $path in $icons {
.benefit-icon.#{$name} { .benefit-icon.#{$name} {
background-image: url(#{$path}); background-image: url(#{$path});
}
} }
}
$company-logos-light: ( $company-logos-light: (
'open-eden': '../img/tokenization/lightmode/open-eden.png', 'open-eden': '../img/tokenization/lightmode/open-eden.png',
'zoniqx': '../img/tokenization/lightmode/zoniqx.png', 'zoniqx': '../img/tokenization/lightmode/zoniqx.png',
'archax': '../img/tokenization/lightmode/archax.png', 'archax': '../img/tokenization/lightmode/archax.png',
'meld': '../img/tokenization/lightmode/meld.png', 'meld': '../img/tokenization/lightmode/meld.png',
'ripple-logo': '../img/tokenization/lightmode/ripple-logo.png', 'ripple-logo': '../img/tokenization/lightmode/ripple-logo.png',
); );
@each $name, $path in $company-logos-light { @each $name, $path in $company-logos-light {
.company-logo.#{$name} { .company-logo.#{$name} {
background-image: url(#{$path}); background-image: url(#{$path});
}
} }
} .token-features-section {
.token-features-section { .btn-link {
.btn-link { color: #7919FF;
color: #7919FF; }
} }
} .card-description {
.card-description { a {
a { color: #7919FF !important;
}
}
.developer-tools__image {
background-image: url("../img/tokenization/lightmode/graphic.png");
}
.right-arrow-item::after {
content: url('../img/icons/lightmode/arrow-right-purple.svg');
}
.token-video-text-container {
p {
color: var(--XRPL-Primary-Black, #000);
}
}
.cards-title-token {
color: var(--XRPL-Primary-Black, #000);
}
.benefit-card {
background: #FFF;
.benefit-title {
color: var(--XRPL-Primary-Black, #000);
}
.benefit-description {
color: var(--XRPL-Black-Black-80, #232325);
}
}
.developer-tools__description {
color: var(--XRPL-Primary-Black, #000);
}
.feature-item__title {
color: var(--XRPL-Primary-Black, #000);
}
.feature-item__divider {
background-color: black;
}
.rwa-subtitle {
color: var(--XRPL-Primary-Black, #000);
}
.feature-title {
color: var(--XRPL-Primary-Black, #000);
}
.feature-description {
color: var(--XRPL-Black-Black-80, #232325);
}
.com-card-link {
color: #7919FF !important; color: #7919FF !important;
} }
} }
.developer-tools__image {
background-image: url("../img/tokenization/lightmode/graphic.png");
}
.right-arrow-item::after {
content: url('../img/icons/lightmode/arrow-right-purple.svg');
}
.token-video-text-container {
p {
color: var(--XRPL-Primary-Black, #000);
}
}
.cards-title-token { /* Search styles */
color: var(--XRPL-Primary-Black, #000);
}
.benefit-card {
background: #FFF;
.benefit-title {
color: var(--XRPL-Primary-Black, #000);
}
.benefit-description {
color: var(--XRPL-Black-Black-80, #232325);
}
}
.developer-tools__description {
color: var(--XRPL-Primary-Black, #000);
}
.feature-item__title {
color: var(--XRPL-Primary-Black, #000);
}
.feature-item__divider {
background-color: black;
}
.rwa-subtitle {
color: var(--XRPL-Primary-Black, #000);
}
.feature-title {
color: var(--XRPL-Primary-Black, #000);
}
.feature-description {
color: var(--XRPL-Black-Black-80, #232325);
}
.com-card-link {
color: #7919FF !important;
}
.algolia-autocomplete .ds-dropdown-menu::before { .algolia-autocomplete .ds-dropdown-menu::before {
background-color: $gray-100; background-color: $gray-100;
@@ -1342,4 +1345,6 @@ $company-logos-light: (
background-color: $gray-100; background-color: $gray-100;
} }
.DocSearch-Modal {
box-shadow: $light-box-shadow;
} }