Skip to content

Instantly share code, notes, and snippets.

@niskala5570
Last active November 6, 2025 06:56
Show Gist options
  • Select an option

  • Save niskala5570/cfc5e43310164bd64ecbe34efe76f8dd to your computer and use it in GitHub Desktop.

Select an option

Save niskala5570/cfc5e43310164bd64ecbe34efe76f8dd to your computer and use it in GitHub Desktop.
/* ==UserStyle==
@name Kamus DBP++
@namespace niskala5570
@version 1.0
@description Ragam gelap, rumi jawi menyala, Hamzah Tiga Suku.
@preprocessor stylus
==/UserStyle== */
@-moz-document domain("kamus.dbp.gov.my") {
/* --- Import JAWI Readex Pro font --- */
@import url("https://cdn.jsdelivr.net/gh/niskala5570/[email protected]/Persendirian%20%26%20Perdagangan/Readex%20Pro/JAWI%20Readex%20Pro.css");
/* --- Background + Containers --- */
body, .bg-white, .bg-gradient-to-br, .shadow-sm, .shadow-md {
background-color: #212121 !important;
color: #E8E8E8 !important;
border-color: rgba(255,255,255,0.1) !important;
}
.border-gray-200\/60, .border-slate-200\/60 {
border-color: rgba(255,255,255,0.15) !important;
}
/* --- Headings (Rumi) --- */
h1.text-blue-700, h3.text-2xl.font-bold.text-gray-700, span.text-blue-700 {
color: #6ea8ff !important;
text-shadow: 0 0 8px rgba(0, 119, 255, .39),
0 0 16px rgba(0, 119, 255, .26);
}
/* --- Jawi text (below Rumi) --- */
.font-sakkal-majalla {
font-family: "JAWI Readex Pro", "Readex Pro", "Scheherazade New", "Amiri", serif !important;
font-weight: 500 !important;
font-size: 1.55rem !important;
color: #E8E8E8 !important;
text-shadow: 0 0 6px rgba(255, 220, 150, .28),
0 0 12px rgba(255, 200, 100, .14),
0 0 20px rgba(255, 180, 80, 0.3);
direction: rtl !important;
text-align: left !important;
margin-left: 1rem !important;
margin-top: 0.25rem !important;
}
/* --- IPA (below both) --- */
.font-silmanuscriptipa,
.font-sildoulosipa {
display: block !important;
color: #cfcfcf !important;
text-shadow: none !important;
font-size: 0.95em !important;
margin-top: 0.4em !important;
margin-left: 1.2em !important;
}
/* --- Definition / meaning --- */
.text-gray-800, .text-gray-700, .text-gray-600, .text-slate-600 {
color: #d4d4d4 !important;
}
/* --- Green parts (word class) --- */
.text-green-700 {
color: #9aff9a !important;
text-shadow: 0 0 5px rgba(100, 255, 100, 0.5);
}
/* --- Links --- */
a.text-blue-600, a.text-blue-700 {
color: #82caff !important;
text-shadow: 0 0 6px rgba(0, 100, 255, 0.4);
}
a:hover {
color: #b4dfff !important;
text-shadow: 0 0 10px rgba(0, 150, 255, 0.6);
}
/* --- Accordion and borders --- */
.accordion-button, .accordion-body {
background-color: #212121 !important;
border-color: rgba(255,255,255,0.15) !important;
}
/* --- “Kongsi” container --- */
.bg-gradient-to-br.from-slate-50.to-gray-100 {
background: linear-gradient(to bottom right, #161616, #0e0e0e) !important;
}
/* --- Search bar --- */
input#main-query {
background-color: rgba(30,30,30,0.95) !important;
color: #f0f0f0 !important;
border-color: rgba(255,255,255,0.15) !important;
}
input#main-query::placeholder {
color: #aaa !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment