Mirrors/overte-AleziaKurdis
3
0
Fork 0
mirror of https://github.com/AleziaKurdis/overte.git synced 2025-04-06 14:53:29 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Night mode set to default + toggle implemented.

Browse source
This commit is contained in:
Kasen IO 2020-01-23 13:47:59 -05:00
parent 78bf9e9a2f
commit 53d05f9fee
5 changed files with 24967 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
tools/jsdoc/hifi-jsdoc-template/static/fonts/materialdesignicons-webfont.woff Normal file
View file

Binary file not shown.

BIN
tools/jsdoc/hifi-jsdoc-template/static/fonts/materialdesignicons-webfont.woff2 Normal file
View file

Binary file not shown.

59
tools/jsdoc/hifi-jsdoc-template/static/styles/night.css
View file

@ -0,0 +1,59 @@
html {
background-color: #061F2F;
}
body h1 {
color: white;
}
body {
color: #d3d4d4 !important;
}
section {
background-color: #061F2F;
}
code {
background-color: #0a121b !important;
}
/* Prettify */
.typ {
color: #f8c555 !important;
}
.pun {
color: #c1f1f0 !important;
}
.pln {
color: #c1f1f0 !important;
}
.kwd {
color: #e8a0e8 !important;
}
.str {
color: #f08d49 !important;
}
/* JSDoc */
thead {
background: #1f3341 !important;
}
table tr:nth-child(2n) {
background: #1f3341 !important;
}
.name code {
color: #e8a0e8 !important;
}
#main a, #main a:visited, #main a:active, #main a:hover {
color: #69d3ff !important;
}

24874
tools/jsdoc/hifi-jsdoc-template/static/styles/vuetify.css Normal file
View file

File diff suppressed because it is too large Load diff

45
tools/jsdoc/hifi-jsdoc-template/tmpl/layout.tmpl
View file

@ -15,20 +15,28 @@
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
<link type="text/css" rel="stylesheet" href="styles/night.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">
<link href="styles/materialdesignicons.min.css" rel="stylesheet">
<link href="styles/vuetify.min.css" rel="stylesheet">
<link href="styles/vuetify.css" rel="stylesheet">
<style>
.v-application--wrap {
min-height: 0 !important;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
<link href="images/fav-icon.ico" rel="shortcut icon">
</head>
<body id="app">
<body>
<div class="nav-header">
<div>
<v-app>
<v-content>
<v-container>Hello world</v-container>
</v-content>
<div id="app">
<v-app dark>
<v-btn @click="toggleNightMode" text dark>
Toggle
<v-icon class="ml-2">mdi-theme-light-dark</v-icon>
</v-btn>
</v-app>
</div>
<p><a href="https://projectathena.io"><img src="images/project-athena-logo.png" width="214px" /></a></p>
@ -86,10 +94,25 @@
<?js } ?>
<script>
new Vue({
el: '#app',
vuetify: new Vuetify(),
})
new Vue({
el: '#app',
vuetify: new Vuetify({
theme: {
dark: true,
},
}),
data: () => ({
nightMode: false,
}),
methods: {
toggleNightMode: function() {
this.darkDisabled = !this.darkDisabled;
var nightSheet = document.querySelector('[href="styles/night.css"]');
nightSheet.removeAttribute('disabled');
nightSheet.disabled = this.darkDisabled;
}
},
})
</script>
<!-- Start Google Analytics Tag -->