fragginwagon/memory-infrastructure-palace
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 Enhance syntax highlighting styles with !important for consistent appearance

Browse Source
This commit is contained in:
Greg Jacobs
2026-01-29 04:54:35 +00:00
parent 7a1fb11dfb
commit 4952bc7649
1 changed files with 30 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
code/websites/pokedex.online/src/views/GamemasterExplorer.vue
View File

@@ -615,11 +615,11 @@ onMounted(async () => {
padding: 0.25rem 0.5rem;
cursor: pointer;
min-height: 20px;
background: #ffffff;
background: #ffffff !important;
}
.content-viewer.dark-mode .line {
background: #1e1e1e;
background: #1e1e1e !important;
}
@media (max-width: 768px) {
@@ -629,28 +629,28 @@ onMounted(async () => {
}
.line:hover {
background: rgba(102, 126, 234, 0.08);
background: rgba(102, 126, 234, 0.08) !important;
}
.content-viewer.dark-mode .line:hover {
background: rgba(102, 126, 234, 0.15);
background: rgba(102, 126, 234, 0.15) !important;
}
.line.selected {
background: rgba(102, 126, 234, 0.15);
background: rgba(102, 126, 234, 0.15) !important;
}
.content-viewer.dark-mode .line.selected {
background: rgba(102, 126, 234, 0.25);
background: rgba(102, 126, 234, 0.25) !important;
}
.line.highlight-match {
background: rgba(255, 235, 59, 0.3);
background: rgba(255, 235, 59, 0.3) !important;
border-left: 3px solid #ffc107;
}
.content-viewer.dark-mode .line.highlight-match {
background: rgba(255, 235, 59, 0.15);
background: rgba(255, 235, 59, 0.15) !important;
}
.line.current-result {
@@ -670,6 +670,7 @@ onMounted(async () => {
font-family: monospace;
margin-right: 1rem;
user-select: none;
flex-shrink: 0;
}
.content-viewer.dark-mode .line-number {
@@ -681,78 +682,79 @@ onMounted(async () => {
flex: 1;
white-space: pre;
overflow-x: auto;
background: transparent;
background: transparent !important;
color: inherit;
}
.line pre code {
background: transparent;
color: inherit;
background: transparent !important;
color: inherit !important;
padding: 0 !important;
}
/* Light mode syntax highlighting - high contrast colors */
.content-viewer:not(.dark-mode) .line pre code {
background-color: transparent;
color: #24292e;
background-color: transparent !important;
color: #24292e !important;
}
.content-viewer:not(.dark-mode) .hljs {
background: #ffffff;
color: #24292e;
background: transparent !important;
color: #24292e !important;
}
.content-viewer:not(.dark-mode) .hljs-attr,
.content-viewer:not(.dark-mode) .hljs-attribute {
color: #6f42c1;
color: #6f42c1 !important;
font-weight: 600;
}
.content-viewer:not(.dark-mode) .hljs-string {
color: #032f62;
color: #032f62 !important;
font-weight: 500;
}
.content-viewer:not(.dark-mode) .hljs-number {
color: #005a9c;
color: #005a9c !important;
font-weight: 600;
}
.content-viewer:not(.dark-mode) .hljs-literal {
color: #d73a49;
color: #d73a49 !important;
font-weight: 600;
}
.content-viewer:not(.dark-mode) .hljs-name {
color: #24292e;
color: #24292e !important;
font-weight: 600;
}
/* Dark mode syntax highlighting */
.content-viewer.dark-mode .line pre code {
background-color: transparent;
color: #e1e4e8;
background-color: transparent !important;
color: #e1e4e8 !important;
}
.content-viewer.dark-mode .hljs {
background: #1e1e1e;
color: #e1e4e8;
background: transparent !important;
color: #e1e4e8 !important;
}
.content-viewer.dark-mode .hljs-attr,
.content-viewer.dark-mode .hljs-attribute {
color: #79b8ff;
color: #79b8ff !important;
}
.content-viewer.dark-mode .hljs-string {
color: #85e89d;
color: #85e89d !important;
}
.content-viewer.dark-mode .hljs-number {
color: #79b8ff;
color: #79b8ff !important;
}
.content-viewer.dark-mode .hljs-literal {
color: #f97583;
color: #f97583 !important;
}
.line-wrap .line pre {