Add dark mode

This commit is contained in:
James Musselman 2023-11-30 01:32:08 -06:00
parent bcd45d9006
commit 2588ef9729
5 changed files with 72 additions and 36 deletions

View file

@ -1,15 +1,12 @@
<!DOCTYPE html>
<html lang="en_US">
<html lang="en_US" data-bs-theme="dark">
<head>
<title>Edit File</title>
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">
<link rel="stylesheet" type="text/css"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
</script>
@ -65,49 +62,45 @@
onclick="formatText('heading', 'h6')">Heading 6</button></li>
</ul>
</div>
<button type="button" class="btn btn-light" onclick="formatText('bold')" aria-label="Bold"><i
<button type="button" class="btn" onclick="formatText('bold')" aria-label="Bold"><i
class="fas fa-bold"></i></button>
<button type="button" class="btn btn-light" onclick="formatText('italic')"><i
<button type="button" class="btn " onclick="formatText('italic')"><i
class="fas fa-italic"></i></button>
<button type="button" class="btn btn-light" onclick="formatText('underline')"><i
<button type="button" class="btn " onclick="formatText('underline')"><i
class="fas fa-underline"></i></button>
<button type="button" class="btn btn-light" onclick="formatText('strikeThrough')"><i
<button type="button" class="btn " onclick="formatText('strikeThrough')"><i
class="fas fa-strikethrough"></i></button>
<button type="button" class="btn btn-light" onclick="formatText('removeFormat')"><i
<button type="button" class="btn " onclick="formatText('removeFormat')"><i
class="fas fa-eraser"></i></button>
<button class="btn btn-light" onclick="addTable()"><i class="fas fa-table"
disabled></i></button>
<button class="btn btn-light" onclick="addVideo()"><i class="fas fa-video"></i></button>
<button class="btn " onclick="addTable()"><i class="fas fa-table" disabled></i></button>
<button class="btn " onclick="addVideo()"><i class="fas fa-video"></i></button>
<button type="button" class="btn btn-light" onclick="undo()"><i
class="fas fa-undo"></i></button>
<button type="button" class="btn btn-light" onclick="redo()"><i
class="fas fa-redo"></i></button>
<button type="button" class="btn btn-light" onclick="formatText('insertUnorderedList')"><i
<button type="button" class="btn " onclick="undo()"><i class="fas fa-undo"></i></button>
<button type="button" class="btn " onclick="redo()"><i class="fas fa-redo"></i></button>
<button type="button" class="btn " onclick="formatText('insertUnorderedList')"><i
class="fas fa-list-ul"></i></button>
<button type="button" class="btn btn-light" onclick="formatText('insertOrderedList')"><i
<button type="button" class="btn " onclick="formatText('insertOrderedList')"><i
class="fas fa-list-ol"></i></button>
<button type="button" class="btn btn-light" onclick="insertImage()"><i
class="fas fa-image"></i></button>
<button type="button" class="btn btn-light" onclick="formatText('formatBlock', '<blockquote>')"
<button type="button" class="btn " onclick="insertImage()"><i class="fas fa-image"></i></button>
<button type="button" class="btn " onclick="formatText('formatBlock', '<blockquote>')"
disabled><i class="fas fa-quote-right"></i></button>
<button type="button" class="btn btn-light" onclick="formatText('formatBlock', '<code>')"
disabled><i class="fas fa-code"></i></button>
<button type="button" class="btn btn-light" onclick="formatText('insertHorizontalRule')"><i
<button type="button" class="btn " onclick="formatText('formatBlock', '<code>')" disabled><i
class="fas fa-code"></i></button>
<button type="button" class="btn " onclick="formatText('insertHorizontalRule')"><i
class="fas fa-grip-lines"></i></button>
<button class="btn btn-light" onclick="insertLink()"><i class="fas fa-link"></i></button>
<button class="btn " onclick="insertLink()"><i class="fas fa-link"></i></button>
</div>
<div>
<button class="btn btn-light" onclick="confirmOverwrite()"> <i class="fa fa-notes-medical"></i>
<button class="btn " onclick="confirmOverwrite()"> <i class="fa fa-notes-medical"></i>
Templates</i></button>
<button class="btn btn-light" onclick="saveForm()"><i class="fas fa-save"></i></button>
<button class="btn btn-light" onclick="confirmDeletion()"><i class="fas fa-trash"></i></button>
<button class="btn " onclick="saveForm()"><i class="fas fa-save"></i></button>
<button class="btn " onclick="confirmDeletion()"><i class="fas fa-trash"></i></button>
</div>
</div>
</div>
@ -203,6 +196,7 @@
});
}
</script>
<script src="/static/build/darkmode.js" type="text/javascript"></script>
</body>