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

Add light theme first pass

Browse Source 
Toggle is only temp to test. Need to move in nav for final.
Will need further adjusting colors.
This commit is contained in:
Jake
2021-05-30 19:03:36 -07:00
committed by mDuo13
parent 00a8bfd4da
commit 6e02aeb7ab
9 changed files with 275 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
template/base.html.jinja
View File

@@ -32,6 +32,8 @@
<meta name="msapplication-TileColor" content="#25A768">
<meta name="msapplication-config" content="{{currentpage.prefix}}assets/favicons/browserconfig.xml">
<meta name="theme-color" content="#25A768">
<!-- The page supports both dark and light color schemes, and the page author prefers dark. -->
<meta name="color-scheme" content="dark light">
<!-- jQuery -->
<script src="{{currentpage.prefix}}assets/vendor/jquery-3.6.0.min.js"></script>
@@ -71,6 +73,9 @@
<script src="assets/js/js-editor.js"></script>
{% endif %}
<!-- Theme switch -->
<script src="assets/js/theme-switch.js"></script>
{% block head %}
{% endblock %}
@@ -78,7 +83,13 @@
</head>
<body class="xrp-ledger-dev-portal {% if currentpage.sidebar is undefined or currentpage.sidebar != "disabled" %}sidebar-primary {% endif %}lang-{{target.lang}} {% block bodyclasses %}{% endblock %}" data-spy="scroll" data-target=".page-toc" data-offset="0">
<form class="form-inline">
<div class="custom-control custom-switch" title="" data-toggle="tooltip" data-placement="left" data-original-title="Toggle Dark Mode">
<input type="checkbox" class="custom-control-input" id="css-toggle-btn">
<label class="custom-control-label" for="css-toggle-btn"></label>
</div>
</form>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KCQZ3L8"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>