Просмотр файла

Revenge [Dark&Light] 

---

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

---

• Добавил
  roonovoorsk
• Добавлено
  08/26/22
• Категория
  Темы и дизайн
• Язык
  Английский

 

UPD

 

Revenge-4.6.9.xml

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

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

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

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

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

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

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

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

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

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

Нет настройки такой в настройках шаблона.

Edited 22 января, 20232 yr by Zero108

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

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

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

Я так понимаю не кто не знает, печально. 

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!

 

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!

 

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

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

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

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

Спойлер

 

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

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

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

 

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

Спойлер

 

Edited 24 января, 20232 yr by Optinice

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

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

include

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

include

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

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

 

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

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

 

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

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"]

Видимо правильного ответа нету ) 

  

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

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

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

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

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

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

 

Revenge 4.7.11.1.xml

Edited 17 августа, 20231 yr by Zero108

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

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

core -> global -> global -> includeJS

строку:

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

заменить на:

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

 

Hello
I want to add the header part of this template to the default template, that is, to format the header of the default template like this.
Thank you for your guidance

SlawkA Zero108 

avangcom approximately 25$. Do you want the contacts of the programmer?

Edited 25 сентября, 20231 yr by Zero108

@Zero108no, Thank you