290 lines
12 KiB
HTML
290 lines
12 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<title>Barevné schéma - 🚀ApolloNvim</title>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
<link rel="stylesheet" href="../../../assets/css/darcula-highlight.min.css">
|
|
|
|
<link rel="stylesheet" href="../../../assets/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="../../../assets/css/dracula-ui.min.css">
|
|
<link rel="stylesheet" href="../../../assets/css/mkdocs.min.css">
|
|
<link href="../../../style/extra.css" rel="stylesheet">
|
|
|
|
|
|
<link rel="icon" type="image/x-icon" href="../../../assets/img/favicon.ico">
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
|
|
<script>hljs.initHighlightingOnLoad();</script>
|
|
|
|
</head>
|
|
|
|
<body class="drac-bg-black-secondary drac-text-grey-ternary drac-text drac-scrollbar-purple">
|
|
|
|
<main class="d-flex">
|
|
|
|
<!-- block sidebar -->
|
|
<nav id="sidebar" class="sidebar drac-bg-black">
|
|
<div class="custom-menu">
|
|
<button type="button" id="sidebarCollapse" class="btn btn-primary">
|
|
<i class="fa fa-bars"></i>
|
|
<span class="sr-only">Menu</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="p-4">
|
|
|
|
|
|
<div class="drac-text-center">
|
|
|
|
<span class="drac-text drac-line-height drac-text-white">🚀ApolloNvim</span>
|
|
|
|
</div>
|
|
|
|
<div class="drac-box flex-column">
|
|
<ul class="dot-ul">
|
|
<li><div class="dot-li drac-bg-cyan"></div></li>
|
|
<li><div class="dot-li drac-bg-green"></div></li>
|
|
<li><div class="dot-li drac-bg-orange"></div></li>
|
|
<li><div class="dot-li drac-bg-pink"></div></li>
|
|
<li><div class="dot-li drac-bg-purple"></div></li>
|
|
<li><div class="dot-li drac-bg-red"></div></li>
|
|
<li><div class="dot-li drac-bg-yellow"></div></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<hr class="drac-divider" />
|
|
|
|
<!-- block menu -->
|
|
<ul class="mb-5 drac-list drac-list-none">
|
|
|
|
<li class="drac-box">
|
|
<a href="../../.."
|
|
class="
|
|
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
|
|
🏘 Domů
|
|
</a>
|
|
</li>
|
|
<li class="drac-box">
|
|
<a href="../../installation/"
|
|
class="
|
|
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
|
|
🛠 Instalace
|
|
</a>
|
|
</li>
|
|
<li class="drac-box">
|
|
<a href="../../plugins/"
|
|
class="
|
|
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
|
|
🗄 Pluginy
|
|
</a>
|
|
</li>
|
|
<li class="drac-box">
|
|
<a href="../../.."
|
|
class=" active
|
|
drac-anchor btn-toggle d-inline-flex align-items-center border-0 drac-text-purple--hover collapsed"
|
|
data-bs-toggle="collapse" data-bs-target="#📑-návody-collapse" aria-expanded="false">
|
|
📑 Návody
|
|
</a>
|
|
<div class="collapse" id="📑-návody-collapse">
|
|
<ul class="mb-5 drac-list drac-list-none">
|
|
|
|
<li class="drac-box-ternary">
|
|
<a href="../keyshortcuts/"
|
|
class="
|
|
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
|
|
Defaultní klávesové zkratky
|
|
</a>
|
|
</li>
|
|
|
|
<li class="drac-box-ternary">
|
|
<a href="../vimplug/"
|
|
class="
|
|
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
|
|
Jak nainstalovat vim.plug
|
|
</a>
|
|
</li>
|
|
|
|
<li class="drac-box-ternary">
|
|
<a href="../03.%20Jak%20nainstalovat%20Codeium%20do%20Neovim/"
|
|
class="
|
|
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
|
|
Jak nainstalovat Codeium do Neovim
|
|
</a>
|
|
</li>
|
|
|
|
<li class="drac-box-ternary">
|
|
<a href="../04.%20Jak%20nainstalovat%20Telescope%20do%20editoru%20Neovim/"
|
|
class="
|
|
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
|
|
Jak nainstalovat Telescope do editoru Neovim
|
|
</a>
|
|
</li>
|
|
|
|
<li class="drac-box-ternary">
|
|
<a href="./"
|
|
class=" active
|
|
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
|
|
Barevné schéma
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="drac-box">
|
|
<a href="../../../contact/"
|
|
class="
|
|
drac-anchor d-inline-flex align-items-center border-0 drac-text-purple--hover">
|
|
📪 Kontakty
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<!-- endblock -->
|
|
</div>
|
|
</nav>
|
|
<!-- endblock -->
|
|
|
|
<nav class="divider drac-bg-purple-cyan"></nav>
|
|
|
|
<div class="content">
|
|
<!-- block header -->
|
|
<header>
|
|
<nav class="navbar navbar-expand-xl drac-bg-purple">
|
|
<div class="container-fluid">
|
|
|
|
<button class="navbar-toggler w-100 text-center" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsMenu"
|
|
aria-controls="navbarsMenu" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse flex-column ml-auto" id="navbarsMenu">
|
|
<ul class="navbar-nav text-md-center">
|
|
|
|
<!-- block preview -->
|
|
<li class="nav-item">
|
|
|
|
<div class="container">
|
|
<div class="row row-preview">
|
|
<div class="col">
|
|
<a href="../04.%20Jak%20nainstalovat%20Telescope%20do%20editoru%20Neovim/"
|
|
class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover">
|
|
<i class="fa fa-arrow-left"></i> Previous
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a href="../../../contact/"
|
|
class="btn-preview drac-btn drac-btn-outline drac-text-white drac-text-cyan-green--hover" style="padding-left: 3%;">
|
|
Next <i class="fa fa-arrow-right"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<!-- endblock -->
|
|
|
|
<!-- block search -->
|
|
<li class="nav-item"><div role="search" class="search-box">
|
|
<form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
|
|
<input type="text" name="q" class="drac-input drac-input-search drac-input-white drac-text-white drac-bg-black-secondary"
|
|
placeholder="Search docs" title="Type search term here" />
|
|
</form>
|
|
</div>
|
|
</li>
|
|
<!-- endblock -->
|
|
|
|
<!-- block source -->
|
|
<li class="nav-item">
|
|
|
|
</li>
|
|
<!-- endblock -->
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<!-- endblock -->
|
|
|
|
<!-- block content -->
|
|
<section class="p-md-5 section-content">
|
|
<article>
|
|
<p><h1 id="barevne-schema">Barevné schéma</h1>
|
|
<p>Většinu barevných schémat v Neovimu lze nainstalovat jako plugin. Barevných schémat existuje spousta, opravdu. Zde je seznam některých znich na <a href="https://github.com/rafi/awesome-vim-colorschemes" target="_blank">GitHubu</a>.</p>
|
|
<p>Mezi mé oblíbené patří:
|
|
<code>Gruvbox</code>
|
|
<code>Dracula</code>
|
|
<code>Tokionight</code></p>
|
|
<p>Schémata se instalují uvnitř <code>plug#begin()</code> a <code>plug#end()</code>, pojďme deklarovat naše barevné schéma. Pro ilustraci použiji Gruvbox:</p>
|
|
<div class="codehilite"><pre><span></span><code><span class="k">call</span><span class="w"> </span><span class="nl">plug</span>#<span class="nv">begin</span><span class="ss">(</span><span class="s1">'~/.config/nvim/plugged'</span><span class="ss">)</span>
|
|
|
|
<span class="nv">Plug</span><span class="w"> </span><span class="s1">'gruvbox-community/gruvbox'</span>
|
|
|
|
<span class="k">call</span><span class="w"> </span><span class="nl">plug</span>#<span class="k">end</span><span class="ss">()</span>
|
|
</code></pre></div>
|
|
|
|
<p>Výše uvedený příklad ukazuje, jak deklarovat pluginy, se kterými chcete nainstalovat pluginy přes vim-plug . Plugin Gruvbox výšše je zkrácený zápis pro:</p>
|
|
<p><code>Plug 'https://github.com/gruvbox-community/gruvbox'</code></p>
|
|
<p>Jakmile deklarujete svůj plugin init.vim, k instalaci je třeba provést několik dalších kroků:</p>
|
|
<div class="codehilite"><pre><span></span><code>Uložte své init.vim :w
|
|
Načíst source (zdroj) init.vims :so % nebo restart Neovim
|
|
Instalovat barevné schémata :PlugInstall
|
|
</code></pre></div>
|
|
|
|
<p>Výše uvedené příkazy je třeba zadat NORMAL režimu. </p>
|
|
<p>Po dokončení instalace pluginu můžete zavřít vim-plug (vyrovnávací paměti ) zadáním <code>:q!</code>.</p>
|
|
<p>Po instalaci vašeho barevného schématu budeme muset Neovimu říct, aby jej použil. Uvnitř tvého init.vim pod deklarace pluginu přidejte následující řádky kódu:</p>
|
|
<div class="codehilite"><pre><span></span><code>call plug#begin('~/.config/nvim/plugged')
|
|
|
|
Plug 'gruvbox-community/gruvbox'
|
|
|
|
call plug#end()
|
|
|
|
" Vybere tvé barevné schéma:
|
|
colorscheme gruvbox
|
|
" Automaticky po startu Neovim načte tvé schéma
|
|
autocmd VimEnter * colorscheme gruvbox
|
|
</code></pre></div>
|
|
|
|
<p>Uložte a ukončete init.vim pomocí <code>:wq</code>. Až příště znovu otevřete Neovim, měli byste vidět nové barevné schéma!</p>
|
|
<p>Barevné schéma můžete změnit i za běhu Neovim tímto způsobem:</p>
|
|
<p><code>:colorscheme -> klikni <space> <Tab></code></p>
|
|
<div style="text-align: center;">
|
|
Copyright © 2024 - 2025 ApolloNvim
|
|
</div></p>
|
|
</article>
|
|
</section>
|
|
<!-- endblock -->
|
|
|
|
<!-- block footer -->
|
|
<footer>
|
|
<div class="d-flex flex-sm-row justify-content-between py-2 border-top drac-text-black drac-bg-cyan-green">
|
|
<a href="https://github.com/dracula/mkdocs" target="_blank" style="padding-left: 1%;"
|
|
class="footer-text drac-anchor drac-text-black drac-text-purple--hover">
|
|
Made with Dracula Theme for MkDocs
|
|
</a>
|
|
</div>
|
|
</footer>
|
|
<!-- endblock -->
|
|
</div>
|
|
|
|
</main>
|
|
|
|
<script>var base_url = '../../..';</script>
|
|
<script src="../../../assets/js/jquery-3.3.1.slim.min.js"></script>
|
|
<script src="../../../assets/js/bootstrap.bundle.min.js"></script>
|
|
<script src="../../../assets/js/mkdocs.js"></script>
|
|
<script src="../../../javascripts/extra.js" defer></script>
|
|
<script src="../../../search/main.js" defer></script>
|
|
|
|
</body>
|
|
|
|
</html> |