Codeblocks как изменить цвет фона

Code::Blocks is mostly used opensource IDE due its great features. Code::Blocks is lightweight and easy to use. Becoming opensource it is also available for Linux and is free to download and use.

You are currently viewing How To Install Dark Themes In Code::Blocks

Code::Blocks is mostly used opensource IDE due its great features. Code::Blocks is lightweight and easy to use. Becoming opensource it is also available for Linux and is free to download and use. It is best IDE for beginners, who wants to learn C, C++ and FORTRAN and for creating small projects. However for large projects Code::Blocks may not be good.

Code::Blocks comes with light theme by default and not all users like it. There is no option to change the editor theme is Code::Blocks however we can change it manually. Here is how to install Code::Blocks themes.

Theme download link is given at the end of this post.

Available Code::Blocks Themes

  • Son of Obsidian (my favorite)
  • Sublime
  • Oblivion
  • Vim
  • Dark gray
  • KFT2
  • Bright yellow
  • Espresso Libre
  • Modnokai Coffee
  • Modnokai Night Shift
  • Modnokai night Shift v2
  • Slush and Poppies
  • Solarized Dark
  • Solarized Light

How to install CodeBlocks theme?

First you need to download the themes, download it from here: Code::Blocks Theme. Then extract it on the desktop. Close the CodeBlocks application before opening CB Share Config. CB Share Config is a tool that installs along with CodeBlocks. It can be found in Program list.

  • Exit CodeBlocks if already opened.
  • Open CodeBlock Share Config
  • Browser Destination Configuration file which is in right side.
  • Select default.conf
  • Browse Source Configuration file which is in left side.
  • Select the downloaded theme.conf
  • Tick all the checkbox that appeared in source configuration file, which is in right side. (You can use space to tick)
  • Click on Transfer and then Save, and then Close.
  • Now open CodeBlocks, goto Settings>>Editor>>Syntax Highlighting and then Color Themes.

For Linux/Ubuntu

Open CB Share Config using: $ cb_share_config. Then follow the above steps for windows.

For Mac

default.conf is located at ~/Library/Application Support/codeblocks/default.conf and cb_share_config is under CodeBlocks.app/Contents/MacOS/cb_share_config. The <strong>Library</strong> folder is by default hidden by the most recent version of Mac OX. You could use COMMAND+SHIFT+G to navigate to hidden folders.

Watch this video to learn how to install dark themes in CodeBlocks

Installing Code::Blocks themes
  • If you don’t have default.conf file inside CodeBlocks directory try creating a project, it will be generated.
  • If background of line number did not change go to settings > environment settings > colors. Then edit the following; editor-caret,line number background color, line number foreground number, margin chrome color, margin chrome highlight color.

Downloads

Google Drive – https://drive.google.com/open?id=1qj6UpKXokr_QHLrRalMrTcMjsed8vKcI

Also see – How can you Activate Windows 10 for Free

ZippyShare – https://www54.zippyshare.com/v/FZCpqIEx/file.html

Important Links

Code::Blocks Forum: http://forums.codeblocks.org/

Source : http://wiki.codeblocks.org/index.php/Syntax_highlighting_custom_colour_themes

Problem finding default.conf file?
You may want to read FAQ – http://wiki.codeblocks.org/index.php/FAQ-Settings

Improve Article

Save Article

  • Read
  • Discuss
  • Improve Article

    Save Article

    Code::Blocks is a popular integrated development environment(IDE) used for compiling codes written in various programming languages like C, C++, Fortran, etc. It is a free and open-source software which is basically a collection of compilers like gcc, visual c++, clang, and so on. Several plugins can be installed to increase its functionality.

    But the one and only one problem with code::blocks is that it doesn’t have any dark theme by default. The white background is irritating to the eyes and is not liked by many people. Several configuration files can be downloaded to make the editor’s background in dark theme but it’s not that efficient due to 2 reasons:

    1. Only the editor’s background turns dark and not the whole window of code::blocks
    2. Extra files need to be downloaded which needs lots of time for configurations

    Below is the white color code::blocks window.

    Follow the below steps to make this window in dark  mode:

    Step 1: Click on settings in Windows 10 and type magnifier as shown below

    settings

    Step 2: Now click on ‘invert colors when using Magnifier’ from the menu bar(shown above). A new magnifier window will open as shown below:

    Magnifier

    Step 3: Click on the checkbox denoting ‘invert colors’ as highlighted in the above picture.

    Step 4: Open cortana (of Windows 10) and type ‘magnifier’ as shown below:

    Step 5: Hit enter and you see the codeblocks white color changed to black as shown below:

    Step 6: Minimize the magnifier and start typing code.

    Note: After closing the code::blocks, close the magnifier as well.

    Отсюда берем код (там их два в одном одна тема, в другом несколько).
    Копируем в блокнот.
    Сохраняем в кодировке UTF-8 в файл с названием примерно таким colour_themes.conf.
    Запускаем программу Share Config (идет с CodeBlocks), сам Codeblocks должен быть закрыт.
    Нажимаем правую кнопку с тремя точками, должна открыться папка, где лежит файл default.conf (на всякий, чтоб вернуть настройки можно скопировать его) и выбираем его.
    Нажимаем левую кнопку с тремя точками и выбираем файл colour_themes.conf.
    Ниже появиться список тем, выбираем нужные, если последний checkbox включить, то будут затерты установленные темы (если они были конечно), если нет то новые темы будут добавлены к установленным.
    Нажимаем кнопку Transfer.
    Нажимаем кнопку Save.
    Запускаем CodeBlocks и заходим в меню Settings->Editor->Syntax Highlighting и там выбираем тему.

    Цвет курсора в меню Settings->Editor->Margins and Caret

    Цвет левой колонки, где номера строк, в меню Settings->Environment->Color и там, что относится к Editor.

    Every passionate programmer uses dark mode on their IDE as Dark themes reduce the luminance emitted by device screens, while still meeting minimum color contrast ratios. The most important thing is, Dark theme reduces eye strain and facilitating screen use in dark environments which is a crying need for a passionate programmer. If you are a Code::blocks user and still searching for how to install codeblocks dark theme then I am here to help you.

    As you are searching for code blocks dark theme I think you know what code blocks is. If you are not familiar with Code::Blocks then the answer is for you. Code Blocks is one of the most used opensource IDE that supports multiple compilers including GCC, Clang, and Visual C++. CodeBlocks is developed in the C++ language.

    Table Of Contents

    • 1 How to download and install CodeBlocks
    • 2 Available Codeblocks Themes
    • 3 How to install Codeblocks dark theme
        • 3.0.1 Some Relevant Article you may love:
    • 4 FAQ about Code::Blocks
        • 4.0.1 Important Links
    • 5 Conclusion

    How to download and install CodeBlocks

    If you haven’t install Codeblocks yet then you can install it by following these simple steps. Steps to download and install Code Blocks:

    1. Go to CodeBlocks official website.

    2. Click on Download the binary release.

    Download CodeBlocks

    Download CodeBlocks

    3. Select a setup package depending on your platform. Download CodeBlocks installer with GCC Compiler eg: codeblocks-20.03mingw-setup.exe for windows. Linux Installation Guide

    Download CodeBlocks windows file

    Download CodeBlocks windows file

    4. Run the downloaded installer.

    5. Accept the default options.

    Available Codeblocks Themes

    By default, CodeBlocks comes with only a light theme that most of the user doesn’t like. On CodeBlocks there is no option for changing the theme. However, we can change the code blocks theme manually. In this Theme Package, there are 15 popular codeblocks themes available. These are:

    1. Bright yellowBright Yellow Codeblocks theme
      Bright Yellow Codeblocks theme
    2. Dark grayDark gray Code blocks theme
      Dark gray Code blocks theme
    3. Espresso LibreEspresso Libre CodeBlocks theme
      Espresso Libre CodeBlocks theme
    4. IdelIdel Codeblocks theme
      Idel Codeblocks theme
    5. KFT2KFT2 Codeblocks color theme
      KFT2 Codeblocks color theme
    6. Modnokai CoffeeModnokai Coffee code blocks dark theme
      Modnokai Coffee code blocks dark theme
    7. Modnokai Night ShiftModnokai Night Shift code blocks theme
      Modnokai Night Shift code blocks theme
    8. Modnokai night Shift v2Modnokai Night Shift v2 CodeBlocks dark theme
      Modnokai Night Shift v2 CodeBlocks dark theme
    9. OblivionOblivion CodeBlock theme
      Oblivion CodeBlock theme
    10. Slush and PoppiesSlush and Poppies Code Blocks theme
      Slush and Poppies Code Blocks theme
    11. Solarized DarkSolarized Dark theme codeblocks
      Solarized Dark theme codeblocks
    12. Solarized LightSolarized Light theme codeblocks
      Solarized Light theme codeblocks
    13. Son of Obsidian (my favorite)Son of Obsidian CodeBlocks Dark Theme
      Son of Obsidian CodeBlocks Dark Theme
    14. SublimeSublime Code Blocks Theme
      Sublime Code Blocks Theme
    15. VimVim Code Blocks Dark theme
      Vim Code Blocks Dark theme

    If you want to watch a video instead of the reading article then here is a video for you.

    Installing the dark theme on CodeBlocks is very easy. Anyone can do that. There is no rocket science to install the Code Blocks color theme. Here are the simple steps to install Code Blocks dark theme:

    1. Download the Codeblocks theme from the link below.

    2. Extract the Rar file. You can use 7-zip to extract the file.

    Password: nextprotips.com

    3. Exit CodeBlocks if already opened.

    4. Click on the Start menu.

    Start menu

    Start menu

    5. Open CB Share Config from the start menu codeblocks folder. Linux/Ubuntu users Open CB Share Config using: $ cb_share_config.

    CodeBlocks share config

    CodeBlocks share config

    6. Run Locate.bat file from the extracted folder by double-clicking on it.

    Run Locate.bat

    Run Locate.bat

    7. Copy the file address from the upper address bar.

    Copy the file address

    Copy the file address

    8. Click on Destination configuration file “” sign on the right side of Code::Blocks share config.

    Destination configuration file

    Destination configuration file

    9. Paste the copied address on the address bar and click the arrow sign.

    Paste Destination configuration file address

    Paste Destination configuration file address

    10. Select default.conf and click on open.

    Select default.conf

    Select default.conf

    11. Click on Source configuration file “” sign on the left side of Code::Blocks share config.

    Source configuration file

    Source configuration file

    12. Go to your extracted folder.

    Codeblocks Dark Theme

    Codeblocks Dark Theme

    13. Select theme.conf on the extracted folder and click on open.

    Select theme.conf

    Select theme.conf

    14. Check all the options on the left side of Share Config.

    Check all the options

    Check all the options

    15. Click on Transfer on the bottom left corner of Code Blocks share config and then click Yes >> Ok.

    Transfer and select Yes

    Transfer and select Yes

    16. Click on Save from the bottom of Code Blocks share config and then click Yes >> Ok.

    Save and click Yes

    Save and click Yes

    17. Now open CodeBlocks, goto Settings >> Editor…

    Code Blocks Setting Editor

    Code Blocks Setting Editor

    18. From the left widget click on Syntex highlighting.

    Syntex highlighting

    Syntex highlighting

    19. From the top Colour theme option, click and select Son of Obsidian and click Ok. You can select any of the themes but this is my favorite.

    select Son of Obsidian

    select Son of Obsidian

    Congratulations! You have successfully installed the dark theme on Code Blocks.

    Some Relevant Article you may love:

    1. How to enable Windows 10 dark mode file explorer
    2. How to stop chrome notifications
    3. How to Change the Desktop Background in Windows 10

    FAQ about Code::Blocks

    1. Does code blocks have a dark theme?

    By default, Codeblocks doesn’t have any dark theme. CodeBlocks comes with a default light theme. But you can download codeblocks dark theme from the link I shared and can easily install it.

    2. How do I change my CodeBlock theme?

    By default, CodeBlock doesn’t allow to change the theme as CodeBlocks comes with a default light theme. There is no option to change it but you can install codeblocks dark theme manually by following some easy steps. Then go to settings > Editor > Syntex highlighting to change the CodeBlock theme.

    Important Links

    Code::Blocks Forum: http://forums.codeblocks.org
    Source: http://wiki.codeblocks.org/index.php/Syntax_highlighting_custom_colour_themes

    Conclusion

    I think you have already done Download codeblocks dark theme and able to install codeblocks dark theme. If you have successfully installed code blocks dark theme on your Windows/Linux Computer write something on comment below. Also if you failed to do that or want to know something else feel free to write it through comments which I always focus on. I love to hear back from my readers! And please do share it on social media so that your friends also get to know how to install code blocks color theme.

    I am eagerly waiting for your valuable Feedback.

    Happy Programming!

    Md Sahadat Husain

    This is Sahadat Husain a Computer Engineer also a Tech Lover. I have completed my graduation in CSE from Leading University, Sylhet in 2021. Also, I am a Cisco Certified Internetwork Expert (CCIE). Technology is my passion. I always try to share my knowledge and experience because I believe that “helping others means helping yourself”. I am the CEO & Founder of this website and another product review website named Top10Bests.com

    1. Импортируйте файл конфигурации с помощью инструмента:

    Шаг 1. Откройтеcodeblock wikiВеб-сайт: вы можете видеть, что на этой странице есть более десятка тем с подбором цветов, вы можете предварительно просмотреть это.

    Вы можете посмотреть, как описано ниже, сохранить файл конфигурации как: colour_themes.conf

    Шаг 2. Загрузите файл конфигурации Colour_themes.conf:https://download.csdn.net/download/xrinosvip/10628032

    Шаг 3. Откройте файл cb_share_config.exe в каталоге установки Code :: Blocks.

    ВSoures Configuration file ВыбратьПредыдущая загрузкаизColour_Themes.conf,

    вDestination Configuration file Выберите C: Users Sandy (замените здесь свое имя пользователя) AppData Roaming CodeBlocks default.conf

    (заметка:……AppData Roaming CodeBlocks default.conf, который скрыт, может отображаться в соответствии с методом ниже)

    1. Запустите файл cb_share_config.exe

    2. После нажатия, чтобы открыть cb_share_config.exe, проверьте все темы, а затем нажмите 3 кнопки по очереди (не имеет значения, резервная копия или нет, тема по умолчанию будет сохранена)

    3. Перезапустите Codeblocks, Настройки → Редактор → Подсветка синтаксиса → цветовая тема будет успешной. 

    Во-вторых, настройте тему

    1. Откройте блоки кода, настройку (настройки) -> редактор (редактирование) -> Подсветка синтаксиса (выделение синтаксиса), а затем выберите подходящую вам тему в цветовой теме справа.

    Следующий шаг:

    Примечание. Нажмите Фон-> Добавить собственный цвет-> Запомните шесть данных на картинке выше, вы будете использовать их позже!

    2. Установите курсор

    Вы можете не видеть курсор с новым стилем интерфейса из-за цвета, настройки (настройки) -> редактора (редактирования) -> Поля и курсора -> курсора, а затем выберите курсор, соответствующий вашему цвету и размеру
     

    4. Настроить шрифты.

    В Настройках-> Редактор-> Общие настройки слева измените шрифт наConsolas, Выбор размера шрифта11Пронумеруйте и поставьте следующееshow line numbersВыбрано
    Курсив шрифта Consolas просто не очень красивый ~~~

    Следующий шаг: Отметьте ПоказатьНомер строки

    4. Задайте область номера строки слева.

    настройка-> Среда-> Цвета, тогда он будет использоватьсяшаг 1изШесть ценностей!

    Измените, как показано на следующем рисунке:

    Эффект после настройки:

    3. Я не знаю, как изменить фон, кроме редактора кодовых блоков. Возможно, вам потребуется скомпилировать исходный код.

    Как изменить фон кодовых блоков кроме редактора

    Пришло время разместить сообщение о настройке цвета кодовых блоков.

    Reference:

    Украсить темы и шрифты CodeBlocks

    Настройки цветовой схемы CodeBlocks

    Как изменить фон программы, написанной CodeBlocks

    Code::Blocks Theme Preview

    20,722 views

    Code::Blocks

    To Install

    • Download the dracula.conf file.
    • Open Codeblocks share config

      • Windows
        • Open C:Program FilesCodeBlockscb_share_config.exe depending on where you installed codeblocks
        • Or you can Go to start (Press ⊞ Win) then type «Codeblocks Share Config»
        • Run the application by pressing ↵ Enter or clicking on it’s icon with the mouse
      • Linux
        • Open ~/.codeblocks/cb_share_config depending on where you installed codeblocks, you may also want to run it as sudo
      • MacOS
        • Open /Applications/CodeBlocks.app/Contents/MacOS/cb_share_config
    • Click the … button under «Source configuration file»

      Screenshot

    • Navigate to where you downloaded the dracula.conf file, it will be most likely in the downloads folder

    • Click the two check boxes that appear
      Screenshot

    • Click the … button under «Destination configuration file»

      Screenshot

    • Navigate to the default.conf file of Codeblocks, the location will differ by OS, If you can’t find it, you should try creating a new project so that it gets created again.

      • Windows
        • The location in Windows is C:/Users/<User Name>/AppData/Roaming/Codeblocks/default.conf (%APPDATA%/Codeblocks/default.conf)
        • The AppData folder is by default hidden by Windows Explorer.
          • On Windows 10, Go to the «View» tab at the top and check the «Hidden items» checkbox
          • On Windows 11, Click the «View» icon at the top then hover over «Show» and check the «Hidden items» checkbox
      • Linux
        — The location in Linux is ~/.config/codeblocks/default.conf
      • MacOS
        • The location in MacOS is ~/Library/Application Support/codeblocks/default.conf
        • The Library folder is by default hidden by the most recent version of Mac OS. You could use ⌘ Command + ⇧ Shift + G to navigate to hidden folders.
    • Now click on the Transfer >> Button

      Screenshot

    • Click Yes

      Screenshot

    • Then you’ll see a message like this, press Ok

      Screenshot

    • Then press Save and voilà, you’ve just installed the theme

    Activating theme

    The theme should be automatically applied, if not, Go to Settings then Editor then Syntax Highlighting and set the Colour Theme to dracula

    You should also change your cursor color to white

    • Click Settings

      Screenshot

    • Click Margins and caret

      Screenshot

    • Click on the color

      Screenshot

    • Click the white color on the bottom right

      Screenshot

    Stay up to date

    Get updates about this theme and more. 7,223 people enjoy it.

    Contributors

    This theme wouldn’t exist without these people. Wanna help too? Check the repository on GitHub.

    Edit this documentation on GitHub.

    Asked
    2 years, 9 months ago

    Viewed
    72k times

    I am using Code::Blocks 17.12 and I want to set the dark mode theme and I don’t know how.

    asked Apr 23, 2020 at 23:53

    Fantômas's user avatar

    First you need to download the themes, download it from Code::Blocks Theme. Then extract it on the desktop. Close the CodeBlocks application before opening CB Share Config. CB Share Config is a tool that installs along with CodeBlocks. It can be found in Program list.

    1. Exit CodeBlocks if already opened.
    2. Open CodeBlock Share Config
    3. Browser Destination Configuration file which is in right side.
    4. Select default.conf
    5. Browse Source Configuration file which is in left side.
    6. Select the downloaded theme.conf
    7. Tick all the checkbox that appeared in source configuration file, which is in right side. (You can use space to tick)
    8. Click on Transfer and then Save, and then Close.
    9. Now open CodeBlocks, goto Settings>>Editor>>Syntax Highlighting and then Color Themes.

    Here, you can change the theme to downloaded one.

    answered Sep 20, 2020 at 8:58

    Ravi Mishra's user avatar

    Ravi MishraRavi Mishra

    1212 silver badges7 bronze badges

    1

    Понравилась статья? Поделить с друзьями:
  • Codeblocks fatal error iostream no such file or directory
  • Codeblocks environment error что делать
  • Codebase error unrecognized field name
  • Codebase error 70 reading file
  • Codebase error 630 optimization file flushing failure