Jump to content

Revenge [Dark&Light] 


roonovoorsk

Recommended Posts

Revenge [Dark&Light] 


Хорошая и красивая тема имеет темный и светлый дизайн


 

Link to comment
Share on other sites

  • 2 weeks later...
  • 4 months later...
51 минуту назад, Optinice сказал:

Подскажите как сделать чтоб стандартный цвет стиля был чёрный. разжуйте для нуба 

Там есть кнопки день/ночь 

Link to comment
Share on other sites

9 минут назад, Dusty сказал:

Там есть кнопки день/ночь 

Да я знаю, но стандартна включена тема день, хотелось ы поменять чтобы стандартно стояла ночь 

Link to comment
Share on other sites

8 часов назад, Optinice сказал:

Да я знаю, но стандартна включена тема день, хотелось ы поменять чтобы стандартно стояла ночь 

В настройках шаблона должно быть.

Link to comment
Share on other sites

11 часов назад, Dusty сказал:

В настройках шаблона должно быть.

В настройках нету, поэтому вопрос всё ещё актуален 

Link to comment
Share on other sites

1 hour ago, Optinice said:

I understand that no one knows, sadly. 

hi

just relax

edit your theme and open include_js files then looking for:

<script>
  

const toggleSwitch = document.querySelector('.theme-switch input[type="checkbox"]');
const currentTheme = localStorage.getItem('theme');

if (currentTheme) {
    document.documentElement.setAttribute('data-theme', currentTheme);
  
    if (currentTheme === 'dark') {
        toggleSwitch.checked = true;
    }
}

function switchTheme(e) {
    if (e.target.checked) {
        document.documentElement.setAttribute('data-theme', 'dark');
        localStorage.setItem('theme', 'dark');
    }
    else {        document.documentElement.setAttribute('data-theme', 'light');
          localStorage.setItem('theme', 'light');
    }    
}

toggleSwitch.addEventListener('change', switchTheme, false);


</script>

and change Preference!

 

Link to comment
Share on other sites

42 минуты назад, Xontero сказал:

hi

just relax

edit your theme and open include_js files then looking for:

<script>
  

const toggleSwitch = document.querySelector('.theme-switch input[type="checkbox"]');
const currentTheme = localStorage.getItem('theme');

if (currentTheme) {
    document.documentElement.setAttribute('data-theme', currentTheme);
  
    if (currentTheme === 'dark') {
        toggleSwitch.checked = true;
    }
}

function switchTheme(e) {
    if (e.target.checked) {
        document.documentElement.setAttribute('data-theme', 'dark');
        localStorage.setItem('theme', 'dark');
    }
    else {        document.documentElement.setAttribute('data-theme', 'light');
          localStorage.setItem('theme', 'light');
    }    
}

toggleSwitch.addEventListener('change', switchTheme, false);


</script>

and change Preference!

 

Плохо в этом разбираюсь, не могли бы скинуть уже готовый вариант. 

Link to comment
Share on other sites

1 минуту назад, Optinice сказал:

Плохо в этом разбираюсь, не могли бы скинуть уже готовый вариант. 

он имеет в виду это

Спойлер

54.thumb.png.a3649cf67910b9503dda1f0937b8fb97.png

 

Link to comment
Share on other sites

5 минут назад, SlawkA сказал:

он имеет в виду это

  Скрыть контент

54.thumb.png.a3649cf67910b9503dda1f0937b8fb97.png

 

Блин я что то туплю. у меня нет данного раздела 

Спойлер

768146995_1.thumb.png.714efc183b0fa3f738dc1a678c12087c.png

 

Edited by Optinice
Link to comment
Share on other sites

3 минуты назад, SlawkA сказал:

include :ca:

Да спасибо ))) 
Только другой вопрос я не понимаю что нужно заменить в этом коде чтобы стандартно была чёрная тема. 

Link to comment
Share on other sites

13 минут назад, Zero108 сказал:

Этот код отвечает за переключение, а не определяет дефолтный цвет темы.

 

Подскажи какой тогда отвечает за дефолтный цвет темы если не сложно 

Link to comment
Share on other sites

44 minutes ago, Optinice said:

Tell me which then is responsible for the default color of the theme, if not difficult 

you can also edit css file and change

html[data-theme="dark"]

to

html[data-theme="light"]

Link to comment
Share on other sites

  • 6 months later...

1.thumb.jpg.53c13e56077856a756c9daaeba6f16bb.jpg  2.thumb.jpg.c5a4943e5b5768f51e99f612ffa4893f.jpg

Сделал косметические изменения для оптимизации работы темы на Invision Community 4.7.11.1. Изменения вносились, в основном, в Glodal Template и custom.css.

Тема оптимизирована для работы с приложением Smart Search.

В левом сайдбаре добавлены иконки всех основных приложений, используемых на моем сайте. Редактируется в Glodal Template.

Из недостатков темы хочется отметить отсутствие настраиваемого расширенного футера (с меню).

Расстривает невозможность выбора цвета по умолчанию (не смог решить простым способом, сейчас по умолчанию всегда светлая тема), отсуствие переключателя темы (светлая /  темная) в мобильной версии. Если кто-то может решить эти вопросы, скачивайте, смотрите. 

В настоящее время использую тему как резервную на сайте, указанном на скриншоте, можно посмотреть. 

 

Revenge 4.7.11.1.xml

Edited by Zero108
Link to comment
Share on other sites

  • 1 month later...

Благодаря @WaNted удалось разобраться, как сделать тёмную версию темы загружаемой по умолчанию.

Чтобы сделать темную тему по умолчанию, в шаблоне: 

core -> global -> global -> includeJS

строку:

const currentTheme = localStorage.getItem('theme');

заменить на:

const currentTheme = localStorage.getItem('theme') ? localStorage.getItem('theme') : 'dark';

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...