Feat: add border width variable

Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
nextcloud · May 15, 2024 · 9d1ce66 · 9d1ce66
1 parent 6a4e12d
commit 9d1ce66
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/apps/theming/css/default.css b/apps/theming/css/default.css
@@ -49,6 +49,9 @@
   --default-font-size: 15px;
   --animation-quick: 100ms;
   --animation-slow: 300ms;
+  /** Border width for input elements such as text fields and selects */
+  --border-width-input: 1px; 
+  --border-width-input-focused: 2px;
   --border-radius: 3px;
   --border-radius-large: 10px;
   --border-radius-rounded: 28px;

diff --git a/apps/theming/lib/Themes/DefaultTheme.php b/apps/theming/lib/Themes/DefaultTheme.php
@@ -186,6 +186,10 @@ public function getCSSVariables(): array {
 			'--animation-slow' => '300ms',
 
 			// Default variables --------------------------------------------
+			// Border width for input elements such as text fields and selects
+			'--border-width-input' => '1px',
+			'--border-width-input-focused' => '2px',
+
 			'--border-radius' => '3px',
 			'--border-radius-large' => '10px',
 			'--border-radius-rounded' => '28px',