api: add dark theme for API Browser
This commit is contained in:
parent
6aa6615608
commit
0f5e6d0d8c
|
@ -1,7 +1,31 @@
|
||||||
{% extends "rest_framework/base.html" %}
|
{% extends "rest_framework/base.html" %}
|
||||||
|
|
||||||
|
{% block title %}{% if name %}{{ name }} – {% endif %}authentik{% endblock %}
|
||||||
|
|
||||||
{% block branding %}
|
{% block branding %}
|
||||||
<span class='navbar-brand'>
|
<span class='navbar-brand'>
|
||||||
authentik
|
authentik
|
||||||
</span>
|
</span>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
{% block style %}
|
||||||
|
{{ block.super }}
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
background-color: #18191a;
|
||||||
|
color: #fafafa;
|
||||||
|
}
|
||||||
|
.prettyprint {
|
||||||
|
background-color: #1c1e21;
|
||||||
|
color: #fafafa;
|
||||||
|
border: 1px solid #2b2e33;
|
||||||
|
}
|
||||||
|
.pln {
|
||||||
|
color: #fafafa;
|
||||||
|
}
|
||||||
|
.well {
|
||||||
|
background-color: #1c1e21;
|
||||||
|
border: 1px solid #2b2e33;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
{% endblock %}
|
||||||
|
|
|
@ -1,22 +0,0 @@
|
||||||
{% load i18n %}
|
|
||||||
|
|
||||||
<ak-modal-button>
|
|
||||||
<button slot="trigger" class="pf-c-button pf-m-tertiary">
|
|
||||||
{% trans 'View Metadata' %}
|
|
||||||
</button>
|
|
||||||
<div slot="modal">
|
|
||||||
<div class="pf-c-modal-box__header">
|
|
||||||
<h1 class="pf-c-title pf-m-2xl" id="modal-title">{% trans 'Metadata' %}</h1>
|
|
||||||
</div>
|
|
||||||
<div class="pf-c-modal-box__body" id="modal-description">
|
|
||||||
<form method="post">
|
|
||||||
<ak-codemirror mode="xml"><textarea class="pf-c-form-control"
|
|
||||||
readonly>{{ metadata }}</textarea></ak-codemirror>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
<footer class="pf-c-modal-box__footer pf-m-align-left">
|
|
||||||
<a class="pf-c-button pf-m-primary">{% trans 'Close' %}</a>
|
|
||||||
</footer>
|
|
||||||
</div>
|
|
||||||
</ak-modal-button>
|
|
||||||
|
|
Reference in a new issue