Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Beheer: sta dark mode toe #168

Draft
wants to merge 7 commits into
base: develop
Choose a base branch
from
+672 −4
Draft

Beheer: sta dark mode toe #168

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
cbe518e
Beheer: sta dark mode toe
TimvdLippe Feb 13, 2025
e0fe62f
DO NOT MERGE: Test nieuwe versie van respec
TimvdLippe Feb 19, 2025
70f5610
DO NOT MERGE: Gebruik lokale versie van respec
TimvdLippe Feb 19, 2025
aef927c
DO NOT MERGE: Fix styles URL
TimvdLippe Feb 19, 2025
5d2ac0a
DO NOT MERGE: Test met GitHub pages publicatie
TimvdLippe Feb 19, 2025
e56c273
DO NOT MERGE: Gebruik Logius respec profiel
TimvdLippe Feb 19, 2025
b8e6cb9
Voeg darkmode styles toe voor rules
TimvdLippe Feb 19, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,14 @@
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>
<meta name="color-scheme" content="light dark">
<!-- Invullen: de titel van de standaard of het document ==================================== -->
<title>
NLGov REST API Design Rules
</title>
<!-- Invullen: de naam van de lokale CSS file =============================================== -->
<link href="./media/style.css" rel="stylesheet" type="text/css"/>
<link href="./media/dark.css" rel="stylesheet" type="text/css"/ media="(prefers-color-scheme: dark)">
<script class="remove" src="https://logius-standaarden.github.io/publicatie/respec/organisation-config.js">
</script>
<script class="remove" src="js/config.js">
Expand All @@ -19,7 +21,7 @@
respecConfig.localBiblio = {...organisationConfig.localBiblio, ...respecConfig.localBiblio};
</script>
<link href="https://gitdocumentatie.logius.nl/publicatie/respec/style/logos/logius.ico" rel="shortcut icon" type="image/x-icon"/>
<script async="" class="remove" src="https://gitdocumentatie.logius.nl/publicatie/respec/builds/respec-nlgov.js">
<script async="" class="remove" src="js/respec-logius.js">
</script>
<script class="remove" src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js">
</script>
Expand Down
1 change: 1 addition & 0 deletions js/config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,4 +47,5 @@ var respecConfig = {
specStatus: "WV",
specType: "ST",
pluralize: true,
nl_organisationStylesURL: "https://logius-standaarden.github.io/publicatie/respec/style/"
};
658 changes: 658 additions & 0 deletions js/respec-logius.js
View file
Open in desktop

Large diffs are not rendered by default.

3 changes: 3 additions & 0 deletions media/dark.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
:root {
--logius-rule-background: var(--borderedblock-bg);
}
10 changes: 7 additions & 3 deletions media/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,15 +1,19 @@
/*-- Design rule block ------------------------------------------------------------*/
:root {
--logius-rule-background: rgb(241, 246, 253);
}

/*-- Design rule block ------------------------------------------------------------*/
.rule {
margin: 1em 0;
padding: 1em 2em;
border-left-width: 0.5em;
border-left-style: solid;
border-color: #8CCBF2;
background: rgb(241, 246, 253);
background: var(--logius-rule-background);
}

.rulelab {
color: #005A9C;
color: var(--a-normal-text);
}

.rulelab a {
Expand Down