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

Jump to bottom

Enhance Keyboard Shortcuts Table Styling for Consistency in Dark and Light Modes #376

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Enhance Keyboard Shortcuts Table Styling for Consistency in Dark and Light Modes #376

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
48 changes: 24 additions & 24 deletions docs/chapter8/4shortcuts.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,26 +1,26 @@
# Keyboard Shortcuts

| Keys | Actions |
|----------|:-------------:|
| Copy | Ctrl + c |
| Cut | Ctrl + x |
| Paste | Ctrl + v |
| Undo | Ctrl + z |
| Redo | Ctrl + y |
| Delete Object(s) | Delete |
| Select All | Ctrl + a |
| De-select | ESC |
| Deattach objects before placing | Backspace |
| Multi-object Select | Ctrl + scoll using mouse |
| Save Project Online | Ctrl + s |
| Save Project Offline | Ctrl + Shift + s |
| Open Project | Ctrl + o |
| Download Image | Ctrl + d |
| Zoom in | Ctrl + '+' |
| Zoom out | Ctrl + '-' |
| Enter Time in diagram | T |
| Make object looks Right | Arrow Right |
| Make object looks Left | Arrow Left |
| Make object looks Up | Arrow Up |
| Make object looks Down | Arrow Down |
| Open Documentation Page | F1 |
| Keys | Actions |
|------------------------------|:----------------------------:|
| Copy | Ctrl + c |
| Cut | Ctrl + x |
| Paste | Ctrl + v |
| Undo | Ctrl + z |
| Redo | Ctrl + y |
| Delete Object(s) | Delete |
| Select All | Ctrl + a |
| De-select | ESC |
| Deattach objects before placing | Backspace |
| Multi-object Select | Ctrl + scroll using mouse |
| Save Project Online | Ctrl + s |
| Save Project Offline | Ctrl + Shift + s |
| Open Project | Ctrl + o |
| Download Image | Ctrl + d |
| Zoom in | Ctrl + '+' |
| Zoom out | Ctrl + '-' |
| Enter Time in diagram | T |
| Make object looks Right | Arrow Right |
| Make object looks Left | Arrow Left |
| Make object looks Up | Arrow Up |
| Make object looks Down | Arrow Down |
| Open Documentation Page | F1 |
224 changes: 116 additions & 108 deletions docs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,126 +2,134 @@
<html lang="en">

<head>
<!-- Defines the character encoding and language -->
<meta charset="UTF-8" lang="en">
<title>CircuitVerse Docs</title>
<!-- Provides HTTP header for the information/value of the content attribute -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- Define a description of the code -->
<meta name="description" content="CircuitVerse Documentation">
<!-- Defines keywords for search engines -->
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<!-- Viewport: Controls dimensions and scaling -->
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<!-- CSS Stylesheet -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/style.min.css"
title="docsify-darklight-theme" type="text/css" />
<link rel="stylesheet" type="text/css" href="styles/theme.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.1/css/all.css"
integrity="sha384-xxzQGERXS00kBmZW/6qxqJPyxW3UR0BPsL4c8ILaIWXva5kFi7TxkIIaMiKtqV1Q" crossorigin="anonymous">

<script>
var url = "//cdn.jsdelivr.net/gh/sushantrahate/docsify-darkly-theme/css/darkly.min.css";
var url2 = "//unpkg.com/docsify/themes/vue.css";
var stylesheet = document.getElementById("stylesheet");
var show = false;
var darkmode = localStorage.getItem('darkmode')
function setStyleSheet() {
const slider = document.querySelector(".slider");
slider.classList.add("smooth");
document.body.classList.add("darkmode");
setTimeout(function () {
document.querySelector(".slider").classList.remove("smooth");
}, 500);
if (show) {
stylesheet.setAttribute('href', url2);
localStorage.setItem('darkmode', "disabled");
show = !show;
}
else {
stylesheet.setAttribute('href', url);
localStorage.setItem('darkmode', "enabled");
show = !show;
}
};


</script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

body {
font-family: 'Open Sans', sans-serif;
}

td {
color: black;
background-color: white;
}

.markdown-section {
margin: 0 auto;
max-width: 80%;
padding: 30px 15px 40px 15px;
position: relative;
}

.markdown-section a {
color: #00bc8c;
font-weight: 600;
}
</style>
<!-- Defines the character encoding and language -->
<meta charset="UTF-8" lang="en">
<title>CircuitVerse Docs</title>
<!-- Provides HTTP header for the information/value of the content attribute -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- Define a description of the code -->
<meta name="description" content="CircuitVerse Documentation">
<!-- Defines keywords for search engines -->
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<!-- Viewport: Controls dimensions and scaling -->
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<!-- CSS Stylesheet -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/style.min.css"
title="docsify-darklight-theme" type="text/css" />
<link rel="stylesheet" type="text/css" href="styles/theme.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.1/css/all.css"
integrity="sha384-xxzQGERXS00kBmZW/6qxqJPyxW3UR0BPsL4c8ILaIWXva5kFi7TxkIIaMiKtqV1Q" crossorigin="anonymous">

<script>
var url = "//cdn.jsdelivr.net/gh/sushantrahate/docsify-darkly-theme/css/darkly.min.css";
var url2 = "//unpkg.com/docsify/themes/vue.css";
var stylesheet = document.getElementById("stylesheet");
var show = false;
var darkmode = localStorage.getItem('darkmode')
function setStyleSheet() {
const slider = document.querySelector(".slider");
slider.classList.add("smooth");
document.body.classList.toggle("darkmode");
setTimeout(function () {
document.querySelector(".slider").classList.remove("smooth");
}, 500);
if (show) {
stylesheet.setAttribute('href', url2);
localStorage.setItem('darkmode', "disabled");
show = !show;
}
else {
stylesheet.setAttribute('href', url);
localStorage.setItem('darkmode', "enabled");
show = !show;
}
};


</script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

body {
font-family: 'Open Sans', sans-serif;
}

/* Styling for dark mode */
.darkmode td {
color: white; /* Set text color to white */
background-color: #3F3F3F; /* Set background color for dark mode */
}

.darkmode .markdown-section {
color: white; /* Set default text color to white */
}

.darkmode .markdown-section a {
color: #00bc8c;
font-weight: 600;
}

/* Adjust hyperlink color for dark mode */
.darkmode .markdown-section a:visited {
color: #9ddfd3;
}

/* Adjust hyperlink color for dark mode */
.darkmode .markdown-section a:hover {
color: #86cdba;
}
</style>
</head>

<body>
<div id="app"></div>
<script src="//unpkg.com/docsify-edit-on-github/index.js"></script>
<script>
window.$docsify = {
name: 'CircuitVerse',
repo: 'https://github.com/CircuitVerse/CircuitVerseDocs/',
nameLink: 'https://circuitverse.org/',
themeColor: "#42b983",
plugins: [
EditOnGithubPlugin.create('https://github.com/CircuitVerse/CircuitVerseDocs/blob/master/docs/')
],
loadSidebar: true,
routerMode: 'hash',
maxLevel: 4,
subMaxLevel: 2,
alias: {
'/.*/_sidebar.md': '/_sidebar.md'
},
executeScript: true,
noCompileLinks: ['/#'],
auto2top: true,
pagination: {
previousText: 'Previous',
nextText: 'Next',
}
}
</script>
<script src="//unpkg.com/docsify@4/lib/docsify.min.js"></script>
<script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
<script src="//unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>
<script src="//unpkg.com/docsify/lib/plugins/zoom-image.min.js"></script>
<div id="app"></div>
<script src="//unpkg.com/docsify-edit-on-github/index.js"></script>
<script>
window.$docsify = {
name: 'CircuitVerse',
repo: 'https://github.com/CircuitVerse/CircuitVerseDocs/',
nameLink: 'https://circuitverse.org/',
themeColor: "#42b983",
plugins: [
EditOnGithubPlugin.create('https://github.com/CircuitVerse/CircuitVerseDocs/blob/master/docs/')
],
loadSidebar: true,
routerMode: 'hash',
maxLevel: 4,
subMaxLevel: 2,
alias: {
'/.*/_sidebar.md': '/_sidebar.md'
},
executeScript: true,
noCompileLinks: ['/#'],
auto2top: true,
pagination: {
previousText: 'Previous',
nextText: 'Next',
}
}
</script>
<script src="//unpkg.com/docsify@4/lib/docsify.min.js"></script>
<script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
<script src="//unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>
<script src="//unpkg.com/docsify/lib/plugins/zoom-image.min.js"></script>
</body>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-112678513-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer = window.dataLayer || [];

function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());

gtag('config', 'UA-112678513-2');
gtag('config', 'UA-112678513-2');

</script>
<script src="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/index.min.js" type="text/javascript">
</script>

</html>
</html>