Перемикання стилю Теми

Theme.css є доповненням до стандартних стилів з переключенням режиму світла-темна, написана під час перегляду останньої версії Berry CSS від Maxsite, та пошуку варіанта перемикача на JavaScript. Додатково, окремо стилізвана кнопка для подальшого використання в HTML окремо від Berry.

Оформлення картки

Картка

Це приклад сторінки з підтримкою темної та світлої тем, де використано гармонійні відтінки для читабельності та акцентів.

Посилання в темі

Цей текст є вторинним і має менш яскравий відтінок.

Кнопки

Для зміни кольорової теми натисніть кнопку нижче:

Списки

  • disc
  • disc
  • disc
  • circle
  • circle
  • circle
  • square
  • square
  • square
  • no-bullet
  • no-bullet
  • no-bullet
Використані класи:
class="disc"; class="circle"; class="square"; class="no-bullet";
Додаткові класи:
class="no-margin"; class="list-unstyled"; class="list-inline";

Таблиці

Приклад з трьох колонок
Column1Column2Column3
Element1Element2Element3
Element4Element5Element6

Примітки

Текст текст Текст текст Текст текст Текст текст 
<blockquote><p>Текст текст..</p></blockquote>

Оформлення коду

Example sup Example sub Example code Текст code

Example <sup>sup</sup> ... <code>Текст code</code>

Example pre

Текст pre Текст pre Текст pre Текст pre Текст pre Текст pre Текст pre Текст pre
Текст pre Текст pre Текст pre Текст pre

Example pre + code

if (a > b) {              // Example of code in
  console.log('Hello!');  // the JavaScript language
}