Add dark mode
This commit is contained in:
parent
bcd45d9006
commit
2588ef9729
5 changed files with 72 additions and 36 deletions
|
@ -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>
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue