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

Merge pull request #2893 from XRPLF/light_search_shadow

Browse Source 
Improve visual distinction of search on light mode
This commit is contained in:
Rome Reginelli
2024-12-06 14:22:16 -08:00
committed by GitHub
parent 4396469514 a9ae090636
commit dd73b24daf
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',
);
@each $name, $path in $icons {
.benefit-icon.#{$name} {
background-image: url(#{$path});
@each $name, $path in $icons {
.benefit-icon.#{$name} {
background-image: url(#{$path});
}
}
}
$company-logos-light: (
'open-eden': '../img/tokenization/lightmode/open-eden.png',
'zoniqx': '../img/tokenization/lightmode/zoniqx.png',
'archax': '../img/tokenization/lightmode/archax.png',
'meld': '../img/tokenization/lightmode/meld.png',
'ripple-logo': '../img/tokenization/lightmode/ripple-logo.png',
);
$company-logos-light: (
'open-eden': '../img/tokenization/lightmode/open-eden.png',
'zoniqx': '../img/tokenization/lightmode/zoniqx.png',
'archax': '../img/tokenization/lightmode/archax.png',
'meld': '../img/tokenization/lightmode/meld.png',
'ripple-logo': '../img/tokenization/lightmode/ripple-logo.png',
);
@each $name, $path in $company-logos-light {
.company-logo.#{$name} {
background-image: url(#{$path});
@each $name, $path in $company-logos-light {
.company-logo.#{$name} {
background-image: url(#{$path});
}
}
}
.token-features-section {
.btn-link {
color: #7919FF;
.token-features-section {
.btn-link {
color: #7919FF;
}
}
}
.card-description {
a {
.card-description {
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;
}
}
.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;
}
/* Search styles */
.algolia-autocomplete .ds-dropdown-menu::before {
background-color: $gray-100;
@@ -1342,4 +1345,6 @@ $company-logos-light: (
background-color: $gray-100;
}
.DocSearch-Modal {
box-shadow: $light-box-shadow;
}