Sötét oldaltéma fejlesztése

HUP

A közösségi, sötét oldaltémával kapcsolatos hibajelzések, fejlesztések gyüjtőhelye.

  • 546 megtekintés

( kroozo v | 2025. 11. 03., h – 09:46 )

Most vettem észre, hogy a Bekezdés és a Forrás gombokon a szövegek hover hatására eltűnek.  Szerintem lemaradt a szín csere a konkrét tartalomról, mert csak ezen a kettőn van ikonon kívül más is. (és az ikonok ezeken is jók)

( kroozo v | 2025. 11. 03., h – 10:09 )

Illetve most volt kettő világos téma megint.

Az egyikben light volt a dark_mode_user (az egy főoldal), a másikban meg system (az meg konkrétan ez a topic, ide gépelem most a kommentet)

egyébként meg nyilván darkra van állítva.

( Nyizsa v | 2025. 11. 03., h – 10:29 )

A topic tetején az első új hozzászólásra mutató nyíl fekete.

Javaslat: kapjon ugyanolyan színt, mint a hozzászólásokban az előző/következő új hozzászólásra mutató nyilak.

Debian - The "What?!" starts not!
http://nyizsa.blogspot.com

( falu v | 2025. 11. 03., h – 12:34 )

Nálam random módon váltogatja a sötét/világos témát az oldalak közötti váltáskor. Lehet, hogy valami cache probléma ez, de nem nálam, mert ha ráfrissítek, akkor is világos marad.

[Falu.Me]==>[-][□][X]

( asch v | 2025. 11. 03., h – 14:23 )

A beküldés gombon nem látszik, hogy meg volt nyomva. Párosítva azzal, hogy lassan reagál egy kicsit zavaró, szerintem világos háttérrel nem így volt.

Hat, en idaig jutottam, igy nez ki: https://imgur.com/a/aEn702O

a ckeditorral nem nagyon tudok mit kezdeni, annyira nem ertek a lovakhoz es/vagy egy...

source (ez kell hozza, vagy beszeld ra az illetekeseket, hogy fejlesszek bele az oldalba :) https://github.com/openstyles/stylus):

#all {
	background: #24262b !important;
	color: white !important;
}
html[data-dmu-mode="dark"] body {
	--dm-background: #111;
	--dm-color: #e0e0e0;
	--dm-dcolor: #303030;
	--dm-hcolor: #FFFFFF;
	--dm-link-hover: #C0C0F0;
	--dm-d0-bg: #202226;
	--dm-d1-bg: #222;
	--dm-d1-bg-hl: #454545;
	--dm-d1-br-hl: #333;
	--dm-d1-br: #454545;
	--dm-d2-bg: #354840;
	--dm-d2-br: #505050;
	--dm-d3-bg: #909090;
	--dm-d3-br: #A0A0A0;
	--dm-hl-active: #C0C0F0;
	--dm-d0-bg-hl: #353535;

	color: var(--dm-color);
}

html[data-dmu-mode="dark"] #block-hup-theme-content article.new {
	background-color: #222 !important;
}

html[data-dmu-mode="dark"] #block-hup-theme-content .comment_info_wrapper {
	background-color: #222 !important;
}

/* footer */
html[data-dmu-mode="dark"] footer[role="contentinfo"] .region-footer {
	background-color: var(--dm-d1-bg);
	border-color: var(--dm-d2-br);
}

/* code block */
html[data-dmu-mode="dark"] .hljs {
	background-color: var(--dm-background);
}

/* cke */
html[data-dmu-mode="dark"] .ck.ck-toolbar {
	background-color: var(--dm-d1-bg) !important;
}

html[data-dmu-mode="dark"] .ck.ck-button:not(.ck-disabled):hover .ck-icon {
	filter: none;
	color: black;
}

html[data-dmu-mode="dark"] .ck-content pre {
  background:#111;
  border:1px solid #c4c4c4;
  border-radius:2px;
  color:white;
  direction:ltr;
  font-style:normal;
  min-width:200px;
  padding:1em;
  tab-size:4;
  text-align:left;
  white-space:pre-wrap
}