-
Notifications
You must be signed in to change notification settings - Fork 34
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: load html for oss in ls (#570)
- Loading branch information
1 parent
e76f54c
commit 849f18b
Showing
10 changed files
with
274 additions
and
144 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
119 changes: 119 additions & 0 deletions
119
src/main/kotlin/io/snyk/plugin/ui/jcef/ThemeBasedStylingGenerator.kt
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,119 @@ | ||
| package io.snyk.plugin.ui.jcef | ||
|
|
||
| import com.intellij.openapi.editor.colors.ColorKey | ||
| import com.intellij.openapi.editor.colors.EditorColorsManager | ||
| import com.intellij.openapi.editor.colors.EditorColorsScheme | ||
| import com.intellij.openapi.editor.colors.FontPreferences | ||
| import com.intellij.ui.jcef.JBCefBrowserBase | ||
| import com.intellij.util.ui.JBUI | ||
| import com.intellij.util.ui.UIUtil | ||
| import org.cef.browser.CefBrowser | ||
| import org.cef.browser.CefFrame | ||
| import org.cef.handler.CefLoadHandlerAdapter | ||
| import java.awt.Color | ||
|
|
||
| class ThemeBasedStylingGenerator { | ||
| fun toCssHex(color: Color): String { | ||
| return "#%02x%02x%02x".format(color.red, color.green, color.blue) | ||
| } | ||
|
|
||
| fun shift( | ||
| colorComponent: Int, | ||
| d: Double, | ||
| ): Int { | ||
| val n = (colorComponent * d).toInt() | ||
| return n.coerceIn(0, 255) | ||
| } | ||
|
|
||
| fun getCodeDiffColors( | ||
| baseColor: Color, | ||
| isHighContrast: Boolean, | ||
| ): Pair<Color, Color> { | ||
| val addedColor = | ||
| if (isHighContrast) { | ||
| Color(28, 68, 40) // high contrast green | ||
| } else { | ||
| Color(shift(baseColor.red, 0.75), baseColor.green, shift(baseColor.blue, 0.75)) | ||
| } | ||
|
|
||
| val removedColor = | ||
| if (isHighContrast) { | ||
| Color(84, 36, 38) // high contrast red | ||
| } else { | ||
| Color(shift(baseColor.red, 1.25), shift(baseColor.green, 0.85), shift(baseColor.blue, 0.85)) | ||
| } | ||
| return Pair(addedColor, removedColor) | ||
| } | ||
|
|
||
| fun generate(jbCefBrowser: JBCefBrowserBase): CefLoadHandlerAdapter { | ||
| val isDarkTheme = EditorColorsManager.getInstance().isDarkEditor | ||
| val isHighContrast = | ||
| EditorColorsManager.getInstance().globalScheme.name.contains("High contrast", ignoreCase = true) | ||
|
|
||
| return object : CefLoadHandlerAdapter() { | ||
| override fun onLoadEnd( | ||
| browser: CefBrowser, | ||
| frame: CefFrame, | ||
| httpStatusCode: Int, | ||
| ) { | ||
| if (frame.isMain) { | ||
| val baseColor = UIUtil.getTextFieldBackground() | ||
| val (addedColor, removedColor) = getCodeDiffColors(baseColor, isHighContrast) | ||
|
|
||
| val textColor = toCssHex(JBUI.CurrentTheme.Label.foreground()) | ||
| val linkColor = toCssHex(JBUI.CurrentTheme.Link.Foreground.ENABLED) | ||
| val dataFlowColor = toCssHex(baseColor) | ||
| val borderColor = toCssHex(JBUI.CurrentTheme.CustomFrameDecorations.separatorForeground()) | ||
| val editorColor = | ||
| toCssHex(UIUtil.getTextFieldBackground()) | ||
| val labelColor = toCssHex(JBUI.CurrentTheme.Label.foreground()) | ||
|
|
||
| val globalScheme = EditorColorsManager.getInstance().globalScheme | ||
| val tearLineColor = | ||
| globalScheme.getColor(ColorKey.find("TEARLINE_COLOR")) // The closest color to target_rgb = (198, 198, 200) | ||
| val tabItemHoverColor = | ||
| globalScheme.getColor(ColorKey.find("INDENT_GUIDE")) // The closest color to target_rgb = RGB (235, 236, 240) | ||
|
|
||
| val editorColorsManager = EditorColorsManager.getInstance() | ||
| val editorColorsScheme: EditorColorsScheme = editorColorsManager.globalScheme | ||
| val fontPreferences: FontPreferences = editorColorsScheme.fontPreferences | ||
| val editorFont = fontPreferences.fontFamily | ||
|
|
||
| val themeScript = """ | ||
| (function(){ | ||
| if (window.themeApplied) { | ||
| return; | ||
| } | ||
| window.themeApplied = true; | ||
| const style = getComputedStyle(document.documentElement); | ||
| const properties = { | ||
| '--text-color': "$textColor", | ||
| '--link-color': "$linkColor", | ||
| '--data-flow-body-color': "$dataFlowColor", | ||
| '--example-line-added-color': "${toCssHex(addedColor)}", | ||
| '--example-line-removed-color': "${toCssHex(removedColor)}", | ||
| '--tab-item-github-icon-color': "$textColor", | ||
| '--tab-item-hover-color': "${tabItemHoverColor?.let { toCssHex(it) }}", | ||
| '--scrollbar-thumb-color': "${tearLineColor?.let { toCssHex(it) }}", | ||
| '--tabs-bottom-color': "${tearLineColor?.let { toCssHex(it) }}", | ||
| '--border-color': "$borderColor", | ||
| '--editor-color': "$editorColor", | ||
| '--editor-font': "'$editorFont'", | ||
| '--label-color': "'$labelColor'", | ||
| }; | ||
| for (let [property, value] of Object.entries(properties)) { | ||
| document.documentElement.style.setProperty(property, value); | ||
| } | ||
| // Add theme class to body | ||
| const isDarkTheme = $isDarkTheme; | ||
| const isHighContrast = $isHighContrast; | ||
| document.body.classList.add(isHighContrast ? 'high-contrast' : (isDarkTheme ? 'dark' : 'light')); | ||
| })(); | ||
| """ | ||
| browser.executeJavaScript(themeScript, browser.url, 0) | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.