DoC: Darker 4PDA by dark

Details

Authordark

LicenseCC BY-NC

Category4pda

Created3 years, 1 month ago

Updated2 years, 11 months ago

Size72 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Тёмное оформление для форума 4pda.(ru|to).
По умолчанию цвет основных элементов — белый, для изменения цвета под свой вкус вам надо дополнительно поставить DoC: Darker 4PDA - Color overrides.
Вы, конечно, можете изменить цвета в этом файле стилей, однако в данном случае будут проблемы с обновлениями, когда/если они выйдут, потому и было решено разделить стили, чтобы каждый пользователь мог настроить цветовую гамму под себя, не потеряв эти настройки при обновлении базового стиля.

Notes

2021-12-19
~ исправлена панель редактора при быстром редактировании сообщения
~ исправлен цвет перманентной ссылки на сообщение

2021-10-26

добавлен домен 4pda.to
~ размер шрифта теперь влияет на гораздо большее количество элементов
добавлена возможность изменять цвет текста у элементов с акцентированным фоном
~ много разных изменений/исправлений, исправлены старые недочёты, добавлены новые

2019-11-19
~ исправлен QMS под новую структуру
~ оформлены кнопки рейтинга постов
~ кучка небольших исправлений везде подряд

2019-02-13
~ исправлена страница с упоминаниями и поиск пользователей

2019-02-12
~ исправлена страница 404 и настройки форума
~ небольшие исправления на странице истории репутации

2019-01-31
~ исправления читабельности в попапе скачивания
~ исправление кнопки поиска в шапке
~ оформлена загрузка файлов

2018-11-18
~ исправлен логотип в шапке

2018-11-06
~ дооформлено редактирование профиля

оформлено объявление под шапкой
~ небольшие исправления

2018-10-24
~ Исправлено оформление кнопок „В FAQ“, „Быстрый ответ“, „Ответить“, „Новая тема“, „Тема закрыта“
~ Исправлены цвета и размеры текста (привет любителям нечитаемых оффтопов)

Отключено оформление чекбоксов и радиокнопок

Оформлена страница пользователя

2018-10-20
~ Исправлено оформление кнопок „Наверх“, „Жалоба“, „Имя“ и „Цитировать“

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.

/* ==UserStyle==
@name           DoC: Darker 4PDA
@namespace      https://darklab.ru
@author         Dark Preacher <dark@darklab.ru> (https://darklab.ru)
@version        1.0.2
@license        CC-BY-NC-4.0
==/UserStyle== */
@-moz-document regexp("https?://4pda.(ru|to)/forum/.*") {
:root{--tran:all .3s ease-in-out;--fz-d:var(--fz,16px);--fg-h-d:var(--fg-h,0);--fg-s-d:var(--fg-s,0%);--fg-l-d:var(--fg-l,95%);--bg-h-d:var(--bg-h,0);--bg-s-d:var(--bg-s,0%);--bg-l-d:var(--bg-l,5%);--accent-h-d:var(--accent-h,0);--accent-s-d:var(--accent-s,0%);--accent-l-d:var(--accent-l,75%);--c-red-h:11;--c-red-s:100%;--c-red-l:61%;--c-green-h:76;--c-green-s:50%;--c-green-l:48%;--fg-accent-d:var(--fg-accent,var(--bg));--bg:hsl(var(--bg-h-d),var(--bg-s-d),var(--bg-l-d));--fg:hsl(var(--fg-h-d),var(--fg-s-d),var(--fg-l-d));--fg-dim:hsl(var(--fg-h-d),var(--fg-s-d),calc(var(--fg-l-d) * .5));--accent:hsl(var(--accent-h-d),var(--accent-s-d),var(--accent-l-d));--accent-hover:hsl(var(--accent-h-d),var(--accent-s-d),calc(var(--accent-l-d) * 1.5));--accent-dim:hsl(var(--accent-h-d),var(--accent-s-d),calc(var(--accent-l-d) * .75));--c-red:hsl(var(--c-red-h),var(--c-red-s),var(--c-red-l));--c-green:hsl(var(--c-green-h),var(--c-green-s),var(--c-green-l));scrollbar-color:var(--accent-v10) var(--bg);scrollbar-width:thin}html{box-sizing:border-box;height:100%;fill:inherit;stroke:inherit}body,html{position:relative}body{background:var(--bg);color:var(--fg);font-size:var(--fz-d)}a{line-height:unset!important}a,a:visited{color:var(--accent)!important;transition:var(--tran)}a:active,a:hover{color:var(--accent-hover)!important}.btn,.btn.blue,.button,.forum-attach-files-buttons .attach-btn,.forum-attach-form .attach-btn,.g-btn.blue,.input-ok,.input-ok-content,.zbtn,.zbtn-default{border:0;border-radius:2px;background:var(--accent);box-shadow:unset;color:var(--fg-accent-d)!important;transition:var(--tran)}.btn.blue:active,.btn.blue:focus,.btn.blue:hover,.btn:active,.btn:focus,.btn:hover,.button:active,.button:focus,.button:hover,.forum-attach-files-buttons .attach-btn:active,.forum-attach-files-buttons .attach-btn:focus,.forum-attach-files-buttons .attach-btn:hover,.forum-attach-form .attach-btn:active,.forum-attach-form .attach-btn:focus,.forum-attach-form .attach-btn:hover,.g-btn.blue:active,.g-btn.blue:focus,.g-btn.blue:hover,.input-ok-content:active,.input-ok-content:focus,.input-ok-content:hover,.input-ok:active,.input-ok:focus,.input-ok:hover,.zbtn-default:active,.zbtn-default:focus,.zbtn-default:hover,.zbtn:active,.zbtn:focus,.zbtn:hover{background:var(--accent-hover);color:var(--fg-accent-d)!important}.btn.blue[disabled],.btn[disabled],.button[disabled],.forum-attach-files-buttons .attach-btn[disabled],.forum-attach-form .attach-btn[disabled],.g-btn.blue[disabled],.input-ok-content[disabled],.input-ok[disabled],.zbtn-default[disabled],.zbtn[disabled]{background:var(--accent-dim);color:var(--fg-accent-d)}.btn-link{box-shadow:unset;color:var(--accent)!important;transition:var(--tran)}.btn-link:active,.btn-link:hover{color:var(--accent-hover)!important}.g-btn.nopad{padding-right:4px;padding-left:4px}.g-btn.red{background:var(--c-red)!important}.g-btn.green,.g-btn.red{color:var(--fg-accent-d)!important}.g-btn.green{background:var(--c-green)!important}.semodfuncpan a{height:unset}.layout-internal{background-color:transparent}.content{background:var(--bg);color:var(--fg)}.ed-wrap td{border:0!important}.ed-wrap .ed-panel,.ed-wrap .ed-vtoggle-down,.ed-wrap .ed-vtoggle-hover,.ed-wrap .ed-vtoggle-normal{background-color:var(--accent);color:var(--bg)}.ed-wrap .ed-panel-title{color:var(--bg)}.ed-wrap .ed-p-textarea{background-color:transparent;padding:0}.ed-wrap .ed-textarea{background:var(--bg);padding:6px 12px;color:var(--fg)}.ed-wrap .ed-color-normal{transition:var(--tran);border-color:var(--accent)}.ed-wrap .ed-color-hover{transition:var(--tran);border-color:var(--bg)}.ed-wrap div.ed-bbcode-down,.ed-wrap div.ed-bbcode-hover,.ed-wrap div.ed-bbcode-normal{transition:var(--tran);color:var(--bg)}.ed-wrap div.ed-bbcode-down,.ed-wrap div.ed-bbcode-hover{background-color:var(--bg);color:var(--accent)}#ed-0_ap>table,#ed--1_ap>table{border:0!important}.qr-maintitle{display:none}.dipt{background-color:transparent;color:var(--fg)}.dipt:after{box-shadow:inset 0 1px 0 0 var(--accent-dim)}.dipt .dfrml{box-shadow:unset}.dipt .dfrml+.dfrmr,.dipt .dfrmrbrd{box-shadow:-1px 0 0 0 var(--accent-dim)}.forum-attach-form .forum-attach-file-border{border-color:var(--accent-dim);background-color:hsl(var(--bg-h-d),var(--bg-s-d),calc(var(--bg-l-d) * 2))}.forum-attach-form .view-preview{background:transparent}.forum-attach-form .progress{background-color:hsl(var(--bg-h-d),var(--bg-s-d),calc(var(--bg-l-d) * 4))}.forum-attach-form .progress-bar{background-color:var(--accent)}.row1 div.postcolor{background-color:var(--bg)!important}.postcolor .ed-wrap .ed-panel,.postcolor .ed-wrap .ed-panel td{background-color:var(--accent)!important}img[src$="folder_editor_buttons/area_minus.png"],img[src$="folder_editor_buttons/area_plus.png"],img[src$="folder_editor_buttons/b.png"],img[src$="folder_editor_buttons/bb_help.png"],img[src$="folder_editor_buttons/center.png"],img[src$="folder_editor_buttons/clear.png"],img[src$="folder_editor_buttons/code.png"],img[src$="folder_editor_buttons/hide.png"],img[src$="folder_editor_buttons/i.png"],img[src$="folder_editor_buttons/left.png"],img[src$="folder_editor_buttons/list.png"],img[src$="folder_editor_buttons/numlist.png"],img[src$="folder_editor_buttons/offtop.png"],img[src$="folder_editor_buttons/quote.png"],img[src$="folder_editor_buttons/right.png"],img[src$="folder_editor_buttons/s.png"],img[src$="folder_editor_buttons/spoil.png"],img[src$="folder_editor_buttons/spoiler.png"],img[src$="folder_editor_buttons/sub.png"],img[src$="folder_editor_buttons/sup.png"],img[src$="folder_editor_buttons/u.png"],img[src$="folder_editor_buttons/url.png"]{transition:var(--tran);border:0!important;background-color:var(--accent-dim);padding-top:3em;padding-left:3em;width:0!important;height:0!important}img[src$="folder_editor_buttons/area_minus.png"]:hover,img[src$="folder_editor_buttons/area_plus.png"]:hover,img[src$="folder_editor_buttons/b.png"]:hover,img[src$="folder_editor_buttons/bb_help.png"]:hover,img[src$="folder_editor_buttons/center.png"]:hover,img[src$="folder_editor_buttons/clear.png"]:hover,img[src$="folder_editor_buttons/code.png"]:hover,img[src$="folder_editor_buttons/hide.png"]:hover,img[src$="folder_editor_buttons/i.png"]:hover,img[src$="folder_editor_buttons/left.png"]:hover,img[src$="folder_editor_buttons/list.png"]:hover,img[src$="folder_editor_buttons/numlist.png"]:hover,img[src$="folder_editor_buttons/offtop.png"]:hover,img[src$="folder_editor_buttons/quote.png"]:hover,img[src$="folder_editor_buttons/right.png"]:hover,img[src$="folder_editor_buttons/s.png"]:hover,img[src$="folder_editor_buttons/spoil.png"]:hover,img[src$="folder_editor_buttons/spoiler.png"]:hover,img[src$="folder_editor_buttons/sub.png"]:hover,img[src$="folder_editor_buttons/sup.png"]:hover,img[src$="folder_editor_buttons/u.png"]:hover,img[src$="folder_editor_buttons/url.png"]:hover{background-color:var(--fg-accent-d)}img[src$="folder_editor_buttons/b.png"]{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M14 10V7c0-1-1-2-2-2H6v12h8c1 0 2-1 2-2v-3c0-1-1-2-2-2zM8 7h3c.5 0 1 .5 1 1v1c0 .5-.5 1-1 1H8zm5 8H8v-3h5c.5 0 1 .5 1 1v1c0 .5-.5 1-1 1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M14 10V7c0-1-1-2-2-2H6v12h8c1 0 2-1 2-2v-3c0-1-1-2-2-2zM8 7h3c.5 0 1 .5 1 1v1c0 .5-.5 1-1 1H8zm5 8H8v-3h5c.5 0 1 .5 1 1v1c0 .5-.5 1-1 1z'/%3E%3C/svg%3E")}img[src$="folder_editor_buttons/i.png"]{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M12 5L8 17h2l4-12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M12 5L8 17h2l4-12z'/%3E%3C/svg%3E")}img[src$="folder_editor_buttons/u.png"]{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6 5v7c0 3 2 5 5 5s5-2 5-5V5h-2v7c0 2-1 3-3 3s-3-1-3-3V5zM5 18v1h12v-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6 5v7c0 3 2 5 5 5s5-2 5-5V5h-2v7c0 2-1 3-3 3s-3-1-3-3V5zM5 18v1h12v-1z'/%3E%3C/svg%3E")}img[src$="folder_editor_buttons/s.png"]{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M15 5H6v5h2V7h5v1h2V5zM5 11v1h12v-1H5zm9 2v2H9v-1H7v3h9v-4h-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M15 5H6v5h2V7h5v1h2V5zM5 11v1h12v-1H5zm9 2v2H9v-1H7v3h9v-4h-2z'/%3E%3C/svg%3E")}img[src$="folder_editor_buttons/sub.png"]{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M5 5l3 5-3 5h2.5l2-3.5 2 3.5H14l-3-5 3-5h-2.5l-2 3.5-2-3.5zm12 10v-4h-2.5v1H16v2h-1.5v3H17v-1h-1.5v-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M5 5l3 5-3 5h2.5l2-3.5 2 3.5H14l-3-5 3-5h-2.5l-2 3.5-2-3.5zm12 10v-4h-2.5v1H16v2h-1.5v3H17v-1h-1.5v-1z'/%3E%3C/svg%3E")}img[src$="folder_editor_buttons/sup.png"]{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M5 7l3 5-3 5h2.5l2-3.5 2 3.5H14l-3-5 3-5h-2.5l-2 3.5-2-3.5zm12 2V5h-2.5v1H16v2h-1.5v3H17v-1h-1.5V9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org...

Reviews

No reviews yet.