diff --git a/assets/css/devportal.css b/assets/css/devportal.css index aebcf36b58..83687f5357 100644 --- a/assets/css/devportal.css +++ b/assets/css/devportal.css @@ -304,18 +304,17 @@ th { /* Button styling ----------------------------------------------------------- */ -.readmore { - display: block; - margin: 15px auto 5px; - text-align: center; -} - .readmore .btn { font-size: 18px; transition: 0.5s; } -.btn-primary code { +.readmore .btn i { + margin: 0 0.2em 0 0.8em; +} + +.btn-primary code, +.btn-secondary code { color: inherit; } @@ -453,7 +452,29 @@ a.current { .landing .curated-links li { font-weight: 400; font-size: 18px; + margin-top: 0; + position: relative; } + +.landing .level-1 a, +.landing .curated-links li a { + padding: 16px; + display: block; +} +.landing .level-1 a:hover, +.landing .curated-links li a:hover { + background-color: #F5F7F9; + text-decoration: none; +} +.landing .level-1 a:hover:after, +.landing .curated-links li a:hover:after { + content: "\f105"; /* fontawesome angle-right */ + font-family: FontAwesome; + position: absolute; + right: 16px; + color: #C9CDD1; +} + .level-1:first-child { margin-top: 0; } @@ -740,8 +761,30 @@ a.current { /* Landing Pages ------------------------------------------------------------ */ +.landing h2 { + font-weight: bold; + line-height: 40px; + font-size: 32px; +} + +.landing h3 { + font-size: 20px; + line-height: 24px; + font-weight: 700; +} + +.landing h3.card-title { + margin-bottom: 0; +} + .landing a .card { color: #212529; + box-shadow: 0px 1px 3px rgba(35, 41, 47, 0.24); + border-radius: 8px; +} + +.landing a:hover .card { + box-shadow: 0px 4px 24px rgba(35, 41, 47, 0.16); } .landing .card li { @@ -754,35 +797,49 @@ a.current { border-top-width: 0; } +.landing .card-header, +.landing .card-footer { + background: none; + border-bottom: none; + border-top: none; +} + +.landing .card-header { + padding: 24px; +} + +.landing .card-body { + padding: 0 24px 24px 24px; +} + +.landing .card-footer { + padding: 0 24px 24px 24px; +} + +.landing .card > .card-img-top { + padding: 0 24px; +} + #home_first_shortcuts .card { border-width: 0; background: none; } +#home_first_shortcuts .card-img-top { + height: 130px; + width: 130px; +} + #home_first_shortcuts .card-header { - background: none; - border-bottom: none; + padding-bottom: 0; } -.landing h2, -.landing h3 { - font-weight: 300; +#xrp_ledger_intro a:hover { + text-decoration: none; } -.landing section .card-header h3 { - font-size: 30px; -} - -#xrp_ledger_intro h3 { - font-size: 25px; -} - -.landing .card-img-top { - height: 6rem; -} - -#xrp_ledger_intro .card-img-top { - display: block; +#xrp_ledger_intro .card { + width: 200px; } #xrp_ledger_intro .card-footer { @@ -795,10 +852,6 @@ a.current { padding: 1px; } -.landing .card-title > a { - text-decoration: none; -} - .landing .curated-links li:first-child { margin-top: 5px; } diff --git a/assets/img/dollar-arrow.svg b/assets/img/dollar-arrow.svg index b46f1a2a34..5b40c60646 100644 --- a/assets/img/dollar-arrow.svg +++ b/assets/img/dollar-arrow.svg @@ -9,9 +9,9 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="115.28699" - height="133.57501" - viewBox="0 0 30.503017 35.341723" + width="180" + height="180" + viewBox="0 0 55.585995 55.585995" version="1.1" id="svg3890" inkscape:version="0.92.2 2405546, 2018-03-11" @@ -25,9 +25,9 @@ borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" - inkscape:zoom="0.35" - inkscape:cx="657.6435" - inkscape:cy="-481.78389" + inkscape:zoom="1.4" + inkscape:cx="297.68418" + inkscape:cy="-12.894264" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" @@ -58,36 +58,36 @@ inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" - transform="translate(207.26341,13.980384)"> + transform="translate(212.85839,23.662765)"> + style="fill:#2bcb96;fill-rule:evenodd;stroke:none;stroke-width:0.37273455;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#2bcb96;fill-rule:evenodd;stroke:none;stroke-width:0.37273455;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#2bcb96;fill-rule:evenodd;stroke:none;stroke-width:0.37273455;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:0.37273455;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:0.37273455;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:0.37273455;stroke-linecap:square;stroke-miterlimit:10" /> diff --git a/assets/img/exchange.svg b/assets/img/exchange.svg index ccdfca21be..fceac6007b 100644 --- a/assets/img/exchange.svg +++ b/assets/img/exchange.svg @@ -9,9 +9,9 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="133.31163" - height="84.198715" - viewBox="0 0 35.272035 22.277577" + width="180" + height="180" + viewBox="0 0 47.624999 47.625001" version="1.1" id="svg4161" inkscape:version="0.92.2 2405546, 2018-03-11" @@ -25,9 +25,9 @@ borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" - inkscape:zoom="0.35" - inkscape:cx="-459.0584" - inkscape:cy="42.09898" + inkscape:zoom="1.4" + inkscape:cx="-95.357143" + inkscape:cy="55.324706" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" @@ -57,26 +57,26 @@ inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" - transform="translate(-88.197298,-137.69444)"> + transform="translate(-82.020815,-115.84633)"> + style="fill:#f23548;fill-rule:evenodd;stroke:none;stroke-width:0.37360093;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#f23548;fill-rule:evenodd;stroke:none;stroke-width:0.37360093;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#f23548;fill-rule:evenodd;stroke:none;stroke-width:0.37360093;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#f23548;fill-rule:evenodd;stroke:none;stroke-width:0.37360093;stroke-linecap:square;stroke-miterlimit:10" /> diff --git a/assets/img/gears.svg b/assets/img/gears.svg index a2a9cdb57f..cb69c23cdd 100644 --- a/assets/img/gears.svg +++ b/assets/img/gears.svg @@ -9,9 +9,9 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="118.59245" - height="92.943184" - viewBox="0 0 31.377586 24.591218" + width="180" + height="180" + viewBox="0 0 47.624999 47.625001" version="1.1" id="svg4114" inkscape:version="0.92.2 2405546, 2018-03-11" @@ -26,8 +26,8 @@ inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.35" - inkscape:cx="830.72416" - inkscape:cy="-99.243823" + inkscape:cx="371.42811" + inkscape:cy="-76.527355" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" @@ -57,16 +57,16 @@ inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" - transform="translate(253.05767,-97.983847)"> + transform="translate(261.18142,-80.960463)"> + style="fill:#691fdd;fill-rule:evenodd;stroke:none;stroke-width:0.42937699;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#691fdd;fill-rule:evenodd;stroke:none;stroke-width:0.42937699;stroke-linecap:square;stroke-miterlimit:10" /> diff --git a/assets/img/line-graph.svg b/assets/img/line-graph.svg index 2f50a9246f..1bf1f89d0d 100644 --- a/assets/img/line-graph.svg +++ b/assets/img/line-graph.svg @@ -9,9 +9,9 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="114.23917" - height="89.102867" - viewBox="0 0 30.225781 23.575134" + width="180" + height="180" + viewBox="0 0 47.625003 47.625001" version="1.1" id="svg3985" inkscape:version="0.92.2 2405546, 2018-03-11" @@ -26,8 +26,8 @@ inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.35" - inkscape:cx="148.54816" - inkscape:cy="-512.59139" + inkscape:cx="-308.57141" + inkscape:cy="-488.48115" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" @@ -57,16 +57,16 @@ inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" - transform="translate(72.565271,10.364948)"> + transform="translate(81.264883,28.035645)"> + style="fill:#691fdd;fill-rule:evenodd;stroke:none;stroke-width:0.4492116;stroke-linecap:square;stroke-miterlimit:10" /> + style="fill:#691fdd;fill-rule:evenodd;stroke:none;stroke-width:0.4492116;stroke-linecap:square;stroke-miterlimit:10" /> diff --git a/assets/img/lock.svg b/assets/img/lock.svg index f4bc28f3cb..523a67ac7f 100644 --- a/assets/img/lock.svg +++ b/assets/img/lock.svg @@ -9,9 +9,9 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="95.606049" - height="118.37814" - viewBox="0 0 25.295766 31.320883" + width="180" + height="180" + viewBox="0 0 47.624998 47.624998" version="1.1" id="svg4071" inkscape:version="0.92.2 2405546, 2018-03-11" @@ -25,9 +25,9 @@ borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" - inkscape:zoom="0.35" - inkscape:cx="1044.9452" - inkscape:cy="-706.52519" + inkscape:zoom="0.5" + inkscape:cx="578.62389" + inkscape:cy="-355.71433" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" @@ -57,11 +57,11 @@ inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" - transform="translate(309.73698,69.422345)"> + transform="translate(316.00196,77.57442)"> + style="fill:#ff5c00;fill-rule:evenodd;stroke:none;stroke-width:0.43031234;stroke-linecap:square;stroke-miterlimit:10" /> diff --git a/assets/img/network.svg b/assets/img/network.svg index 868b3d31bb..e6cca2942d 100644 --- a/assets/img/network.svg +++ b/assets/img/network.svg @@ -9,9 +9,9 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="135.95256" - height="123.5759" - viewBox="0 0 35.970781 32.696124" + width="180" + height="180" + viewBox="0 0 47.624999 47.625002" version="1.1" id="svg3942" inkscape:version="0.92.2 2405546, 2018-03-11" @@ -26,8 +26,8 @@ inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.35" - inkscape:cx="133.69057" - inkscape:cy="-475.35488" + inkscape:cx="-334.28571" + inkscape:cy="-455.68198" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" @@ -57,11 +57,11 @@ inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" - transform="translate(68.6342,9.6337761)"> + transform="translate(74.46131,19.357531)"> + style="fill:#1db3ff;fill-rule:evenodd;stroke:none;stroke-width:0.36509183;stroke-linecap:square;stroke-miterlimit:10" /> diff --git a/assets/img/scales.svg b/assets/img/scales.svg index 3601900223..4152310ead 100644 --- a/assets/img/scales.svg +++ b/assets/img/scales.svg @@ -9,9 +9,9 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="135.94768" - height="119.38448" - viewBox="0 0 35.969489 31.587143" + width="180" + height="180" + viewBox="0 0 47.624999 47.624997" version="1.1" id="svg4029" inkscape:version="0.92.2 2405546, 2018-03-11" @@ -26,8 +26,8 @@ inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.35" - inkscape:cx="87.973828" - inkscape:cy="-437.45059" + inkscape:cx="-380.00001" + inkscape:cy="-418.57089" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" @@ -57,11 +57,11 @@ inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" - transform="translate(56.538313,-1.5040477)"> + transform="translate(62.366069,9.5385511)"> + style="fill:#2c3e50;fill-rule:evenodd;stroke:none;stroke-width:0.36510721;stroke-linecap:square;stroke-miterlimit:10" /> diff --git a/assets/img/triskellion.svg b/assets/img/triskellion.svg index 86d96c8c57..853a579a5c 100644 --- a/assets/img/triskellion.svg +++ b/assets/img/triskellion.svg @@ -9,9 +9,9 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="99.653053" - height="106.35328" - viewBox="0 0 26.366537 28.139304" + width="180" + height="180" + viewBox="0 0 47.625 47.624998" version="1.1" id="svg3794" inkscape:version="0.92.2 2405546, 2018-03-11" @@ -26,8 +26,8 @@ inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1.979899" - inkscape:cx="-137.23943" - inkscape:cy="173.14777" + inkscape:cx="-99.05992" + inkscape:cy="189.76808" inkscape:document-units="mm" inkscape:current-layer="layer1" showgrid="false" @@ -57,11 +57,11 @@ inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" - transform="translate(-27.638157,-16.835109)"> + transform="translate(-18.651265,-7.092261)"> + style="fill:#0f71e5;fill-rule:evenodd;stroke:none;stroke-width:0.49023423;stroke-linecap:square;stroke-miterlimit:10" /> diff --git a/assets/vendor/bootstrap.css b/assets/vendor/bootstrap.css index 4d288dbb85..a999add3e2 100644 --- a/assets/vendor/bootstrap.css +++ b/assets/vendor/bootstrap.css @@ -47,12 +47,12 @@ --gray: #6c757d; --gray-dark: #343a40; --primary: #1db4ff; - --secondary: #6c757d; + --secondary: #0A93EB; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; - --light: #e6eaee; + --light: #e1e4e8; --dark: #2b3e51; --breakpoint-xs: 0; --breakpoint-sm: 576px; @@ -449,7 +449,7 @@ samp { code { font-size: 87.5%; - color: #333; + color: #3B4147; word-break: break-word; } a > code { color: inherit; } @@ -1123,13 +1123,13 @@ pre { .table-secondary, .table-secondary > th, .table-secondary > td { - background-color: #d6d8db; } + background-color: #bae1f9; } .table-hover .table-secondary:hover { - background-color: #c8cbcf; } + background-color: #a3d7f7; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { - background-color: #c8cbcf; } + background-color: #a3d7f7; } .table-success, .table-success > th, @@ -1178,13 +1178,13 @@ pre { .table-light, .table-light > th, .table-light > td { - background-color: #f8f9fa; } + background-color: #f7f7f9; } .table-hover .table-light:hover { - background-color: #e9ecef; } + background-color: #e8e8ee; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { - background-color: #e9ecef; } + background-color: #e8e8ee; } .table-dark, .table-dark > th, @@ -1698,26 +1698,26 @@ fieldset:disabled a.btn { .btn-secondary { color: #fff; - background-color: #6c757d; - border-color: #6c757d; } + background-color: #0A93EB; + border-color: #0A93EB; } .btn-secondary:hover { color: #fff; - background-color: #5a6268; - border-color: #545b62; } + background-color: #087cc6; + border-color: #0874ba; } .btn-secondary:focus, .btn-secondary.focus { - box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } + box-shadow: 0 0 0 0.2rem rgba(10, 147, 235, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; - background-color: #6c757d; - border-color: #6c757d; } + background-color: #0A93EB; + border-color: #0A93EB; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; - background-color: #545b62; - border-color: #4e555b; } + background-color: #0874ba; + border-color: #076dae; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } + box-shadow: 0 0 0 0.2rem rgba(10, 147, 235, 0.5); } .btn-success { color: #fff; @@ -1813,26 +1813,26 @@ fieldset:disabled a.btn { .btn-light { color: #212529; - background-color: #e6eaee; - border-color: #e6eaee; } + background-color: #e1e4e8; + border-color: #e1e4e8; } .btn-light:hover { color: #212529; - background-color: #cfd7df; - border-color: #c8d1d9; } + background-color: #cbd1d7; + border-color: #c4cad2; } .btn-light:focus, .btn-light.focus { - box-shadow: 0 0 0 0.2rem rgba(230, 234, 238, 0.5); } + box-shadow: 0 0 0 0.2rem rgba(225, 228, 232, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; - background-color: #e6eaee; - border-color: #e6eaee; } + background-color: #e1e4e8; + border-color: #e1e4e8; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; - background-color: #c8d1d9; - border-color: #c0cad4; } + background-color: #c4cad2; + border-color: #bdc4cc; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(230, 234, 238, 0.5); } + box-shadow: 0 0 0 0.2rem rgba(225, 228, 232, 0.5); } .btn-dark { color: #fff; @@ -1881,27 +1881,27 @@ fieldset:disabled a.btn { box-shadow: 0 0 0 0.2rem rgba(29, 180, 255, 0.5); } .btn-outline-secondary { - color: #6c757d; + color: #0A93EB; background-color: transparent; background-image: none; - border-color: #6c757d; } + border-color: #0A93EB; } .btn-outline-secondary:hover { color: #fff; - background-color: #6c757d; - border-color: #6c757d; } + background-color: #0A93EB; + border-color: #0A93EB; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { - box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } + box-shadow: 0 0 0 0.2rem rgba(10, 147, 235, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { - color: #6c757d; + color: #0A93EB; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; - background-color: #6c757d; - border-color: #6c757d; } + background-color: #0A93EB; + border-color: #0A93EB; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } + box-shadow: 0 0 0 0.2rem rgba(10, 147, 235, 0.5); } .btn-outline-success { color: #28a745; @@ -1996,27 +1996,27 @@ fieldset:disabled a.btn { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { - color: #e6eaee; + color: #e1e4e8; background-color: transparent; background-image: none; - border-color: #e6eaee; } + border-color: #e1e4e8; } .btn-outline-light:hover { color: #212529; - background-color: #e6eaee; - border-color: #e6eaee; } + background-color: #e1e4e8; + border-color: #e1e4e8; } .btn-outline-light:focus, .btn-outline-light.focus { - box-shadow: 0 0 0 0.2rem rgba(230, 234, 238, 0.5); } + box-shadow: 0 0 0 0.2rem rgba(225, 228, 232, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { - color: #e6eaee; + color: #e1e4e8; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; - background-color: #e6eaee; - border-color: #e6eaee; } + background-color: #e1e4e8; + border-color: #e1e4e8; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(230, 234, 238, 0.5); } + box-shadow: 0 0 0 0.2rem rgba(225, 228, 232, 0.5); } .btn-outline-dark { color: #2b3e51; @@ -3377,11 +3377,11 @@ input[type="button"].btn-block { .badge-secondary { color: #fff; - background-color: #6c757d; } + background-color: #0A93EB; } .badge-secondary[href]:hover, .badge-secondary[href]:focus { color: #fff; text-decoration: none; - background-color: #545b62; } + background-color: #0874ba; } .badge-success { color: #fff; @@ -3417,11 +3417,11 @@ input[type="button"].btn-block { .badge-light { color: #212529; - background-color: #e6eaee; } + background-color: #e1e4e8; } .badge-light[href]:hover, .badge-light[href]:focus { color: #212529; text-decoration: none; - background-color: #c8d1d9; } + background-color: #c4cad2; } .badge-dark { color: #fff; @@ -3477,13 +3477,13 @@ input[type="button"].btn-block { color: #0a3e57; } .alert-secondary { - color: #383d41; - background-color: #e2e3e5; - border-color: #d6d8db; } + color: #054c7a; + background-color: #cee9fb; + border-color: #bae1f9; } .alert-secondary hr { - border-top-color: #c8cbcf; } + border-top-color: #a3d7f7; } .alert-secondary .alert-link { - color: #202326; } + color: #032d49; } .alert-success { color: #155724; @@ -3522,13 +3522,13 @@ input[type="button"].btn-block { color: #491217; } .alert-light { - color: #787a7c; - background-color: #fafbfc; - border-color: #f8f9fa; } + color: #757779; + background-color: #f9fafa; + border-color: #f7f7f9; } .alert-light hr { - border-top-color: #e9ecef; } + border-top-color: #e8e8ee; } .alert-light .alert-link { - color: #5f6162; } + color: #5c5e5f; } .alert-dark { color: #16202a; @@ -3647,15 +3647,15 @@ input[type="button"].btn-block { border-color: #0f5e85; } .list-group-item-secondary { - color: #383d41; - background-color: #d6d8db; } + color: #054c7a; + background-color: #bae1f9; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { - color: #383d41; - background-color: #c8cbcf; } + color: #054c7a; + background-color: #a3d7f7; } .list-group-item-secondary.list-group-item-action.active { color: #fff; - background-color: #383d41; - border-color: #383d41; } + background-color: #054c7a; + border-color: #054c7a; } .list-group-item-success { color: #155724; @@ -3702,15 +3702,15 @@ input[type="button"].btn-block { border-color: #721c24; } .list-group-item-light { - color: #787a7c; - background-color: #f8f9fa; } + color: #757779; + background-color: #f7f7f9; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { - color: #787a7c; - background-color: #e9ecef; } + color: #757779; + background-color: #e8e8ee; } .list-group-item-light.list-group-item-action.active { color: #fff; - background-color: #787a7c; - border-color: #787a7c; } + background-color: #757779; + border-color: #757779; } .list-group-item-dark { color: #16202a; @@ -4279,12 +4279,12 @@ button.bg-primary:focus { background-color: #009ce9 !important; } .bg-secondary { - background-color: #6c757d !important; } + background-color: #0A93EB !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { - background-color: #545b62 !important; } + background-color: #0874ba !important; } .bg-success { background-color: #28a745 !important; } @@ -4319,12 +4319,12 @@ button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { - background-color: #e6eaee !important; } + background-color: #e1e4e8 !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { - background-color: #c8d1d9 !important; } + background-color: #c4cad2 !important; } .bg-dark { background-color: #2b3e51 !important; } @@ -4374,7 +4374,7 @@ button.bg-dark:focus { border-color: #1db4ff !important; } .border-secondary { - border-color: #6c757d !important; } + border-color: #0A93EB !important; } .border-success { border-color: #28a745 !important; } @@ -4389,7 +4389,7 @@ button.bg-dark:focus { border-color: #dc3545 !important; } .border-light { - border-color: #e6eaee !important; } + border-color: #e1e4e8 !important; } .border-dark { border-color: #2b3e51 !important; } @@ -6181,10 +6181,10 @@ a.text-primary:hover, a.text-primary:focus { color: #009ce9 !important; } .text-secondary { - color: #6c757d !important; } + color: #0A93EB !important; } a.text-secondary:hover, a.text-secondary:focus { - color: #545b62 !important; } + color: #0874ba !important; } .text-success { color: #28a745 !important; } @@ -6211,10 +6211,10 @@ a.text-danger:hover, a.text-danger:focus { color: #bd2130 !important; } .text-light { - color: #e6eaee !important; } + color: #e1e4e8 !important; } a.text-light:hover, a.text-light:focus { - color: #c8d1d9 !important; } + color: #c4cad2 !important; } .text-dark { color: #2b3e51 !important; } diff --git a/tool/ripple.scss b/tool/ripple.scss index 4f2f0a7a9e..e95fbcdc55 100644 --- a/tool/ripple.scss +++ b/tool/ripple.scss @@ -1,9 +1,10 @@ // Variable overrides here -$primary: #1db4ff; // "Ripple Blue" -$light: #e6eaee; +$primary: #1db4ff; // "Ripple Blue" (aka "Blue-1") +$secondary: #0A93EB; // "Blue-2" +$light: #e1e4e8; // "Black-20" $dark: #2b3e51; // "Background Navy" -$code-color: #333; +$code-color: #3B4147; // "Black-80" $navbar-padding-y: 0; $navbar-nav-link-padding-x: 1rem; diff --git a/tool/template-home.html b/tool/template-home.html index 2344b48071..bcf75d9026 100644 --- a/tool/template-home.html +++ b/tool/template-home.html @@ -105,7 +105,7 @@

Amendments introduce new features to the decentralized XRP Ledger without causing disruptions.

- +
@@ -210,46 +210,56 @@

Have an idea for a use case not listed here? Contact us

+
+
-
-
+
+
+

Exchanges and Gateways

+
+ (currency exchange icon) +
+

Integrate your Exchange or Gateway with the XRP Ledger to enable your users to buy and sell XRP and issued currencies.

+
+
+
+ +
+
+
-
+
+
+

Market Makers

+
+ (market maker icon) +
+

Integrate with the XRP Ledger to place offers algorithmically or through your own trading interface, providing liquidity between different gateways and their users.

+
+
+
+ +
+
+
-
-
-

Exchanges and Gateways

-
- (currency exchange icon) -
-

Integrate your Exchange or Gateway with the XRP Ledger to enable your users to buy and sell XRP and issued currencies.

-
-
+
+
+

Wallets

+
+ (wallet icon) +
+

Build a wallet app on the XRP Ledger to enable your users to send and trade XRP and other currencies issued by a gateway you trust.

+
+
+
+ +
+
+
-
-
-

Market Makers

-
- (market maker icon) -
-

Integrate with the XRP Ledger to place offers algorithmically or through your own trading interface, providing liquidity between different gateways and their users.

-
-
- -
-
-

Wallets

-
- (wallet icon) -
-

Build a wallet app on the XRP Ledger to enable your users to send and trade XRP and other currencies issued by a gateway you trust.

-
-
- -
- -
-
+
+
@@ -266,7 +276,7 @@ Ripple Client Portal - +

For financial institutions using Ripple's proprietary solutions to send money globally.

@@ -281,7 +291,7 @@

Interledger - +

An open protocol suite for connecting all forms of digital money.