Allow scaling the font-size used in the generated css

Debugger.sublime-settings

@@ -5,8 +5,8 @@
 	// Sets the entire scale of the UI, defaults to font_size
 	"ui_scale": null,
 
-	// Change at your own risk it may break the interface. Restart required to take effect
-	"font_face": "Monospace",
+	// Only change this if your font size does not match the panel size (overlapping text, panels not lining up, etc)
+	"internal_font_scale": 1,
 
 	// Which external terminal should be used when an adapter requests an external terminal
 	// "platform" (default) uses Terminal on MacOS, CMD (Not tested) on Windows, (Unimplemented) on Linux

modules/output_panel.py

@@ -157,6 +157,7 @@ def __init__(self, debugger: Debugger, panel_name: str, name: str|None = None, s
 	def update_settings(self):
 		# these settings control the size of the ui calculated in ui/layout
 		settings = self.view.settings()
+		settings['internal_font_scale'] = Settings.internal_font_scale
 		if Settings.ui_scale:
 			settings['font_size'] = Settings.ui_scale
 		else:

modules/settings.py

@@ -32,18 +32,16 @@ class Settings:
 		description='Open the debugger automatically when a project that is set up for debugging'
 	)
 
-	ui_scale = Setting['int|None'] (
+	ui_scale = Setting['float|None'] (
 		key='ui_scale',
 		default=None,
 		description='Sets the entire scale of the UI, defaults to font_size'
 	)
 
-	font_face = Setting[str] (
-		key='font_face',
-		default='Monospace',
-		description='''
-		Change at your own risk it may break the interface. Restart required to take effect
-		'''
+	internal_font_scale = Setting[float] (
+		key='internal_font_scale',
+		default=1,
+		description='Only change this if your font size does not match the panel size (overlapping text, panels not lining up, etc)'
 	)
 
 	external_terminal = Setting[str] (
@@ -117,7 +115,6 @@ class Settings:
 		'''
 	)
 
-
 	installed_packages = Setting['list[str]'] (
 		key='installed_packages',
 		default=[],

modules/ui/layout.py

@@ -246,12 +246,12 @@ def update(self) -> None:
 
 		settings = self.view.settings()
 		font_size = settings.get('font_size') or 1
-
+		internal_font_scale = settings.get('internal_font_scale') or 1
 		width, height = self.view.viewport_extent()
 		em_width = self.view.em_width() or 1
 
 		# check if anything has changed so we can avoid invalidating the layout
-		all = (background, font_size, em_width, width, height)
+		all = (background, font_size, internal_font_scale, em_width, width, height)
 		if self._all == all:
 
 			# only invalidate the layout after the user has stopped changing the layout to avoid redrawing while they are changing stuff
@@ -263,6 +263,7 @@ def update(self) -> None:
 
 		self._all = all
 
+		self.internal_font_scale = internal_font_scale
 		self.font_size = font_size
 		self._width = width / em_width
 		self._height = height / em_width

modules/ui/style.py

@@ -83,7 +83,7 @@ def invalidate():
 
 	@staticmethod
 	def generate(layout: Layout):
-		key = f'{layout.em_width}-{layout.font_size}'
+		key = f'{layout.em_width}-{layout.font_size}-{layout.internal_font_scale}'
 		if c := css._cached_css.get(key):
 			return c
 
@@ -95,9 +95,9 @@ def generate(layout: Layout):
 		# Change the font-size back since we changed the font-size in the html tag for the rem units
 		# I have no idea why windows/linux needs pt instead of px to get the font-size correct...
 		if sublime.platform() == 'osx':
-			css_list.append(f'body {{ font-size: {layout.font_size}px; }}')
+			css_list.append(f'body {{ font-size: {layout.font_size * layout.internal_font_scale}px; }}')
 		else:
-			css_list.append(f'body {{ font-size: {layout.font_size}pt; }}')
+			css_list.append(f'body {{ font-size: {layout.font_size * layout.internal_font_scale}pt; }}')
 
 		for c in css.instances:
 			css_list.append('#{}{{'.format(c.id))