Skip to content
BranchesTags

Repository files navigation

Github logo

My logo (maganezf)

Maganez FilhoProject Top LanguageGitHub UI CloneRepository sizeGitHub last commitLicenseGitHub Pull RequestsStargazers

This is my 'Github UI Clone' project 🤗

The 'Github UI Clone' project.
Built with ❤︎ by Maganez Filho and contributors

📌 Table of Contents

🎨 Layout:


👀 Live Website

👉 Click to open Website here

💻 Technologies

This project was made using the follow technologies:

🎯 Purpose and Features

  • Responsive Github UI Clone (partial) for study purposes.
  • Light and Dark theme (Click on github icon to switch)

👷 How to Run

# Clone Repository
$ git clone https://github.com/maganezf/github-ui-clone.git

💻 Run Web Project

# Install Dependencies
$ yarn install
# Run Aplication
$ yarn start

Go to http://localhost:3000/ to see the result.

🐛 Issues

Feel free to file a new issue with a respective title and description on the the GitHub UI Clone repository. If you already found a solution to your problem, i would love to review your pull request!

🎉 Contributing

First of all, thank you for being interested in helping out, your time is always appreciated in every way. 💯

Here's some tips:

  • Check the issues page for already opened issues (or maybe even closed ones) that might already address your question/bug/feature request.
  • Feature requests are welcomed! Provide some details on why it would be helpful for you and others, explain how you're using bull-board and if possible even some screenshots if you are willing to mock something!

Check out the contributing page to see the best places to file issues, start discussions and begin contributing.

📕 License

Released in 2021 📕 License

Made with ❤︎ by Maganez Filho 🚀.
This project is under the MIT license.

Give a ⭐️ if this project helped you!

About

Github - UI Clone

github-ui-clone-maganezf.netlify.app/

Topics

cssfetch-apigithub-ui-clonehtmllight-dark-thememaganezfreactjssass-cssstyled-componentstypescript

Resources

Readme
MIT license

Code of conduct

Code of conduct

Contributing

Contributing
Activity

Stars

0 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all 
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
GitHub - maganezf/github-ui-clone: Github - UI Clone · GitHub
Skip to content
BranchesTags
Repository files navigation
Github logo
My logo (maganezf)
Maganez FilhoProject Top LanguageGitHub UI CloneRepository sizeGitHub last commitLicenseGitHub Pull RequestsStargazers
This is my 'Github UI Clone' project 🤗
The 'Github UI Clone' project. 

Built with ❤︎ by
Maganez Filho and

contributors

📌 Table of Contents
 🎨 Layout:

👀 Live Website
👉 Click to open Website here
💻 Technologies
This project was made using the follow technologies:
🎯 Purpose and Features
  • Responsive Github UI Clone (partial) for study purposes.
  • Light and Dark theme (Click on github icon to switch)
👷 How to Run
# Clone Repository
$ git clone https://github.com/maganezf/github-ui-clone.git
💻 Run Web Project
# Install Dependencies
$ yarn install
# Run Aplication
$ yarn start
Go to http://localhost:3000/ to see the result.
🐛 Issues
Feel free to file a new issue with a respective title and description on the the GitHub UI Clone repository. If you already found a solution to your problem, i would love to review your pull request!
🎉 Contributing
First of all, thank you for being interested in helping out, your time is always appreciated in every way. 💯
Here's some tips:
  • Check the issues page for already opened issues (or maybe even closed ones) that might already address your question/bug/feature request.
  • Feature requests are welcomed! Provide some details on why it would be helpful for you and others, explain how you're using bull-board and if possible even some screenshots if you are willing to mock something!
Check out the contributing page to see the best places to file issues, start discussions and begin contributing.
📕 License
Released in 2021 📕 License
Made with ❤︎ by Maganez Filho 🚀. 

This project is under the MIT license.
Give a ⭐️ if this project helped you!
About
Github - UI Clone
github-ui-clone-maganezf.netlify.app/
Topics
cssfetch-apigithub-ui-clonehtmllight-dark-thememaganezfreactjssass-cssstyled-componentstypescript
Resources
Readme
MIT license
Code of conduct
Code of conduct
Contributing
Contributing
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Force GitHub README to respect dark mode
(function() {
var style = document.createElement('style');
style.textContent = '
.markdown-body {
color-scheme: dark light;
}
.markdown-body pre { background: #161b22 !important; }
.markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }
.markdown-body table th, .markdown-body table td { border-color: #30363d !important; }
.markdown-body img { background: #0d1117; }
.markdown-body blockquote { border-left-color: #8b949e; }
.markdown-body hr { border-color: #30363d; }
';
document.head.appendChild(style);
})();
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - maganezf/github-ui-clone: Github - UI Clone · GitHub
Skip to content
BranchesTags
Repository files navigation
Github logo
My logo (maganezf)
Maganez FilhoProject Top LanguageGitHub UI CloneRepository sizeGitHub last commitLicenseGitHub Pull RequestsStargazers
This is my 'Github UI Clone' project 🤗
The 'Github UI Clone' project. 

Built with ❤︎ by
Maganez Filho and

contributors

📌 Table of Contents
 🎨 Layout:

👀 Live Website
👉 Click to open Website here
💻 Technologies
This project was made using the follow technologies:
🎯 Purpose and Features
  • Responsive Github UI Clone (partial) for study purposes.
  • Light and Dark theme (Click on github icon to switch)
👷 How to Run
# Clone Repository
$ git clone https://github.com/maganezf/github-ui-clone.git
💻 Run Web Project
# Install Dependencies
$ yarn install
# Run Aplication
$ yarn start
Go to http://localhost:3000/ to see the result.
🐛 Issues
Feel free to file a new issue with a respective title and description on the the GitHub UI Clone repository. If you already found a solution to your problem, i would love to review your pull request!
🎉 Contributing
First of all, thank you for being interested in helping out, your time is always appreciated in every way. 💯
Here's some tips:
  • Check the issues page for already opened issues (or maybe even closed ones) that might already address your question/bug/feature request.
  • Feature requests are welcomed! Provide some details on why it would be helpful for you and others, explain how you're using bull-board and if possible even some screenshots if you are willing to mock something!
Check out the contributing page to see the best places to file issues, start discussions and begin contributing.
📕 License
Released in 2021 📕 License
Made with ❤︎ by Maganez Filho 🚀. 

This project is under the MIT license.
Give a ⭐️ if this project helped you!
About
Github - UI Clone
github-ui-clone-maganezf.netlify.app/
Topics
cssfetch-apigithub-ui-clonehtmllight-dark-thememaganezfreactjssass-cssstyled-componentstypescript
Resources
Readme
MIT license
Code of conduct
Code of conduct
Contributing
Contributing
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Highlight search terms from Google/DuckDuckGo/Bing referrer
(function() {
var ref = document.referrer;
var terms = [];
if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {
var url = new URL(ref);
var q = url.searchParams.get('q') || url.searchParams.get('p');
if (q) {
terms = q.split(/\s+/).filter(function(t) { return t.length > 2; });
}
}
if (terms.length === 0) return;
var style = document.createElement('style');
style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';
document.head.appendChild(style);
function highlight(node) {
if (node.nodeType === 3) { // text node
var text = node.textContent;
var found = false;
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi');
if (regex.test(text)) {
found = true;
var frag = document.createDocumentFragment();
var parts = text.split(regex);
parts.forEach(function(part, i) {
if (i % 2 === 0) {
frag.appendChild(document.createTextNode(part));
} else {
var span = document.createElement('span');
span.className = 'userscript-highlight';
span.textContent = part;
frag.appendChild(span);
}
});
node.parentNode.replaceChild(frag, node);
}
});
} else if (node.nodeType === 1 && node.childNodes) { // element
var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];
if (!skipTags.includes(node.tagName)) {
Array.from(node.childNodes).forEach(highlight);
}
}
}
highlight(document.body);
// Re-highlight on dynamic content
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1 || node.nodeType === 3) highlight(node);
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - maganezf/github-ui-clone: Github - UI Clone · GitHub
Skip to content
BranchesTags
Repository files navigation
Github logo
My logo (maganezf)
Maganez FilhoProject Top LanguageGitHub UI CloneRepository sizeGitHub last commitLicenseGitHub Pull RequestsStargazers
This is my 'Github UI Clone' project 🤗
The 'Github UI Clone' project. 

Built with ❤︎ by
Maganez Filho and

contributors

📌 Table of Contents
 🎨 Layout:

👀 Live Website
👉 Click to open Website here
💻 Technologies
This project was made using the follow technologies:
🎯 Purpose and Features
  • Responsive Github UI Clone (partial) for study purposes.
  • Light and Dark theme (Click on github icon to switch)
👷 How to Run
# Clone Repository
$ git clone https://github.com/maganezf/github-ui-clone.git
💻 Run Web Project
# Install Dependencies
$ yarn install
# Run Aplication
$ yarn start
Go to http://localhost:3000/ to see the result.
🐛 Issues
Feel free to file a new issue with a respective title and description on the the GitHub UI Clone repository. If you already found a solution to your problem, i would love to review your pull request!
🎉 Contributing
First of all, thank you for being interested in helping out, your time is always appreciated in every way. 💯
Here's some tips:
  • Check the issues page for already opened issues (or maybe even closed ones) that might already address your question/bug/feature request.
  • Feature requests are welcomed! Provide some details on why it would be helpful for you and others, explain how you're using bull-board and if possible even some screenshots if you are willing to mock something!
Check out the contributing page to see the best places to file issues, start discussions and begin contributing.
📕 License
Released in 2021 📕 License
Made with ❤︎ by Maganez Filho 🚀. 

This project is under the MIT license.
Give a ⭐️ if this project helped you!
About
Github - UI Clone
github-ui-clone-maganezf.netlify.app/
Topics
cssfetch-apigithub-ui-clonehtmllight-dark-thememaganezfreactjssass-cssstyled-componentstypescript
Resources
Readme
MIT license
Code of conduct
Code of conduct
Contributing
Contributing
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Strip utm_, fbclid, gclid, etc. from all links on page
(function() {
var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',
'ref', 'ref_src', 'source', 'medium', 'campaign'];
function cleanUrl(url) {
try {
var u = new URL(url, window.location.origin);
var changed = false;
trackingParams.forEach(function(p) {
if (u.searchParams.has(p)) {
u.searchParams.delete(p);
changed = true;
}
});
return changed ? u.toString() : url;
} catch (e) {
return url;
}
}
function cleanLinks() {
document.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
cleanLinks();
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.tagName === 'A') cleanLinks();
node.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '
GitHub - maganezf/github-ui-clone: Github - UI Clone · GitHub
Skip to content
BranchesTags
Repository files navigation
Github logo
My logo (maganezf)
Maganez FilhoProject Top LanguageGitHub UI CloneRepository sizeGitHub last commitLicenseGitHub Pull RequestsStargazers
This is my 'Github UI Clone' project 🤗
The 'Github UI Clone' project. 

Built with ❤︎ by
Maganez Filho and

contributors

📌 Table of Contents
 🎨 Layout:

👀 Live Website
👉 Click to open Website here
💻 Technologies
This project was made using the follow technologies:
🎯 Purpose and Features
  • Responsive Github UI Clone (partial) for study purposes.
  • Light and Dark theme (Click on github icon to switch)
👷 How to Run
# Clone Repository
$ git clone https://github.com/maganezf/github-ui-clone.git
💻 Run Web Project
# Install Dependencies
$ yarn install
# Run Aplication
$ yarn start
Go to http://localhost:3000/ to see the result.
🐛 Issues
Feel free to file a new issue with a respective title and description on the the GitHub UI Clone repository. If you already found a solution to your problem, i would love to review your pull request!
🎉 Contributing
First of all, thank you for being interested in helping out, your time is always appreciated in every way. 💯
Here's some tips:
  • Check the issues page for already opened issues (or maybe even closed ones) that might already address your question/bug/feature request.
  • Feature requests are welcomed! Provide some details on why it would be helpful for you and others, explain how you're using bull-board and if possible even some screenshots if you are willing to mock something!
Check out the contributing page to see the best places to file issues, start discussions and begin contributing.
📕 License
Released in 2021 📕 License
Made with ❤︎ by Maganez Filho 🚀. 

This project is under the MIT license.
Give a ⭐️ if this project helped you!
About
Github - UI Clone
github-ui-clone-maganezf.netlify.app/
Topics
cssfetch-apigithub-ui-clonehtmllight-dark-thememaganezfreactjssass-cssstyled-componentstypescript
Resources
Readme
MIT license
Code of conduct
Code of conduct
Contributing
Contributing
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Auto-enable theater mode on YouTube
(function() {
function tryTheater() {
var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]');
if (btn && !btn.classList.contains('activated')) {
btn.click();
}
}
// Try immediately
tryTheater();
// Try after navigation (SPA)
var lastUrl = location.href;
setInterval(function() {
if (location.href !== lastUrl) {
lastUrl = location.href;
setTimeout(tryTheater, 500);
}
}, 1000);
// Also try on player load
var observer = new MutationObserver(tryTheater);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - maganezf/github-ui-clone: Github - UI Clone · GitHub
Skip to content
BranchesTags
Repository files navigation
Github logo
My logo (maganezf)
Maganez FilhoProject Top LanguageGitHub UI CloneRepository sizeGitHub last commitLicenseGitHub Pull RequestsStargazers
This is my 'Github UI Clone' project 🤗
The 'Github UI Clone' project. 

Built with ❤︎ by
Maganez Filho and

contributors

📌 Table of Contents
 🎨 Layout:

👀 Live Website
👉 Click to open Website here
💻 Technologies
This project was made using the follow technologies:
🎯 Purpose and Features
  • Responsive Github UI Clone (partial) for study purposes.
  • Light and Dark theme (Click on github icon to switch)
👷 How to Run
# Clone Repository
$ git clone https://github.com/maganezf/github-ui-clone.git
💻 Run Web Project
# Install Dependencies
$ yarn install
# Run Aplication
$ yarn start
Go to http://localhost:3000/ to see the result.
🐛 Issues
Feel free to file a new issue with a respective title and description on the the GitHub UI Clone repository. If you already found a solution to your problem, i would love to review your pull request!
🎉 Contributing
First of all, thank you for being interested in helping out, your time is always appreciated in every way. 💯
Here's some tips:
  • Check the issues page for already opened issues (or maybe even closed ones) that might already address your question/bug/feature request.
  • Feature requests are welcomed! Provide some details on why it would be helpful for you and others, explain how you're using bull-board and if possible even some screenshots if you are willing to mock something!
Check out the contributing page to see the best places to file issues, start discussions and begin contributing.
📕 License
Released in 2021 📕 License
Made with ❤︎ by Maganez Filho 🚀. 

This project is under the MIT license.
Give a ⭐️ if this project helped you!
About
Github - UI Clone
github-ui-clone-maganezf.netlify.app/
Topics
cssfetch-apigithub-ui-clonehtmllight-dark-thememaganezfreactjssass-cssstyled-componentstypescript
Resources
Readme
MIT license
Code of conduct
Code of conduct
Contributing
Contributing
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Remove or un-stick sticky/fixed headers that block content
(function() {
function unstick() {
document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) {
if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {
el.style.position = 'static';
el.style.top = 'auto';
el.style.zIndex = 'auto';
}
});
}
unstick();
var observer = new MutationObserver(unstick);
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
})();
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - maganezf/github-ui-clone: Github - UI Clone · GitHub
Skip to content
BranchesTags
Repository files navigation
Github logo
My logo (maganezf)
Maganez FilhoProject Top LanguageGitHub UI CloneRepository sizeGitHub last commitLicenseGitHub Pull RequestsStargazers
This is my 'Github UI Clone' project 🤗
The 'Github UI Clone' project. 

Built with ❤︎ by
Maganez Filho and

contributors

📌 Table of Contents
 🎨 Layout:

👀 Live Website
👉 Click to open Website here
💻 Technologies
This project was made using the follow technologies:
🎯 Purpose and Features
  • Responsive Github UI Clone (partial) for study purposes.
  • Light and Dark theme (Click on github icon to switch)
👷 How to Run
# Clone Repository
$ git clone https://github.com/maganezf/github-ui-clone.git
💻 Run Web Project
# Install Dependencies
$ yarn install
# Run Aplication
$ yarn start
Go to http://localhost:3000/ to see the result.
🐛 Issues
Feel free to file a new issue with a respective title and description on the the GitHub UI Clone repository. If you already found a solution to your problem, i would love to review your pull request!
🎉 Contributing
First of all, thank you for being interested in helping out, your time is always appreciated in every way. 💯
Here's some tips:
  • Check the issues page for already opened issues (or maybe even closed ones) that might already address your question/bug/feature request.
  • Feature requests are welcomed! Provide some details on why it would be helpful for you and others, explain how you're using bull-board and if possible even some screenshots if you are willing to mock something!
Check out the contributing page to see the best places to file issues, start discussions and begin contributing.
📕 License
Released in 2021 📕 License
Made with ❤︎ by Maganez Filho 🚀. 

This project is under the MIT license.
Give a ⭐️ if this project helped you!
About
Github - UI Clone
github-ui-clone-maganezf.netlify.app/
Topics
cssfetch-apigithub-ui-clonehtmllight-dark-thememaganezfreactjssass-cssstyled-componentstypescript
Resources
Readme
MIT license
Code of conduct
Code of conduct
Contributing
Contributing
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Universal Dark Mode - works on any site
(function() {
var enabled = true;
function applyDarkMode() {
if (!enabled) return;
// Create style element if it doesn't exist
var style = document.getElementById('universal-dark-mode-style');
if (!style) {
style = document.createElement('style');
style.id = 'universal-dark-mode-style';
document.head.appendChild(style);
}
// Dark mode CSS - inverts colors but preserves images/video
style.textContent = '
/* Invert everything except media */
html {
filter: invert(1) hue-rotate(180deg) !important;
background: #1a1a2e !important;
}
/* Restore images, videos, iframes, canvas */
img, video, iframe, canvas, svg, picture, [style*="background-image"] {
filter: invert(1) hue-rotate(180deg) !important;
}
/* Preserve specific elements that should not be inverted */
.no-dark-mode, .no-dark-mode *,
[data-theme="light"], [data-theme="light"],
.ace_editor, .ace_editor *,
.CodeMirror, .CodeMirror *,
.monaco-editor, .monaco-editor *,
.markdown-body pre, .markdown-body pre *,
.highlight, .highlight *,
pre code, pre code * {
filter: none !important;
}
/* Fix common UI elements */
.modal, .popup, .dropdown-menu, .tooltip, .popover {
filter: invert(1) hue-rotate(180deg) !important;
background: #2d2d44 !important;
border-color: #444 !important;
}
/* Scrollbars */
::-webkit-scrollbar { background: #1a1a2e !important; }
::-webkit-scrollbar-thumb { background: #444 !important; }
::-webkit-scrollbar-thumb:hover { background: #555 !important; }
/* Selection */
::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
';
}
function removeDarkMode() {
var style = document.getElementById('universal-dark-mode-style');
if (style) style.remove();
}
// Toggle with Alt+Shift+D
document.addEventListener('keydown', function(e) {
if (e.altKey && e.shiftKey && e.key === 'D') {
e.preventDefault();
enabled = !enabled;
if (enabled) {
applyDarkMode();
console.log('[Universal Dark Mode] Enabled');
} else {
removeDarkMode();
console.log('[Universal Dark Mode] Disabled');
}
}
});
// Apply on load
applyDarkMode();
// Re-apply on dynamic content
var observer = new MutationObserver(function(mutations) {
if (enabled && !document.getElementById('universal-dark-mode-style')) {
applyDarkMode();
}
});
observer.observe(document.head, { childList: true });
console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');
})();
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();
GitHub - maganezf/github-ui-clone: Github - UI Clone · GitHub
Skip to content
BranchesTags
Repository files navigation
Github logo
My logo (maganezf)
Maganez FilhoProject Top LanguageGitHub UI CloneRepository sizeGitHub last commitLicenseGitHub Pull RequestsStargazers
This is my 'Github UI Clone' project 🤗
The 'Github UI Clone' project. 

Built with ❤︎ by
Maganez Filho and

contributors

📌 Table of Contents
 🎨 Layout:

👀 Live Website
👉 Click to open Website here
💻 Technologies
This project was made using the follow technologies:
🎯 Purpose and Features
  • Responsive Github UI Clone (partial) for study purposes.
  • Light and Dark theme (Click on github icon to switch)
👷 How to Run
# Clone Repository
$ git clone https://github.com/maganezf/github-ui-clone.git
💻 Run Web Project
# Install Dependencies
$ yarn install
# Run Aplication
$ yarn start
Go to http://localhost:3000/ to see the result.
🐛 Issues
Feel free to file a new issue with a respective title and description on the the GitHub UI Clone repository. If you already found a solution to your problem, i would love to review your pull request!
🎉 Contributing
First of all, thank you for being interested in helping out, your time is always appreciated in every way. 💯
Here's some tips:
  • Check the issues page for already opened issues (or maybe even closed ones) that might already address your question/bug/feature request.
  • Feature requests are welcomed! Provide some details on why it would be helpful for you and others, explain how you're using bull-board and if possible even some screenshots if you are willing to mock something!
Check out the contributing page to see the best places to file issues, start discussions and begin contributing.
📕 License
Released in 2021 📕 License
Made with ❤︎ by Maganez Filho 🚀. 

This project is under the MIT license.
Give a ⭐️ if this project helped you!
About
Github - UI Clone
github-ui-clone-maganezf.netlify.app/
Topics
cssfetch-apigithub-ui-clonehtmllight-dark-thememaganezfreactjssass-cssstyled-componentstypescript
Resources
Readme
MIT license
Code of conduct
Code of conduct
Contributing
Contributing
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages