refactor css file

2026-06-26 00:27:36 +08:00
parent 57e6b13292
commit 0457ffc432
42 changed files with 1100 additions and 446 deletions
@@ -0,0 +1,68 @@
+/******************************************************************************
+ *                                                                            *
+ * Pixel Size to Font Size                                                    *
+ *                                                                            *
+ * 1px:    0.083333em                                                         *
+ * 2px:    0.166667em                                                         *
+ * 3px:    0.25em                                                             *
+ * 4px:    0.333333em                                                         *
+ * 5px:    0.416667em                                                         *
+ * 6px:    0.5em                                                              *
+ * 7px:    0.583333em                                                         *
+ * 8px:    0.666667em                                                         *
+ * 9px:    0.75em                                                             *
+ * 10px:   0.833333em                                                         *
+ * 11px:   0.916667em                                                         *
+ * 12px:   1.0em                                                              *
+ *                                                                            *
+ ******************************************************************************/
+
+/*
+	- TimiFX 的样式表 -
+
+	1. 主体颜色为灰色，辅助色为靛青 #177CB0
+	2. style.css 仅保留导入入口
+	3. 基础控件、布局、工具类、组件样式分文件维护
+
+*/
+* {
+	-fx-tab-size: 4;
+	-fx-font-smoothing-type: gray;
+}
+.root {
+	-timi-fx-color: #177CB0;
+	-timi-fx-icon-color: #333;
+	-timi-fx-border-color: #B5B5B5;
+	-timi-fx-popup-shadow: dropshadow(three-pass-box, rgba(0, 0, 0, .3), 5, 0, 0, 1);
+	-timi-fx-opacity-hover: .7;
+	-timi-fx-selected-color: #7CC4FF;
+	-timi-fx-opacity-disabled: .4;
+
+	-fx-accent: -timi-fx-color;
+	-fx-focus-color: transparent;
+	-fx-focused-base: transparent;
+	-fx-text-box-border: -timi-fx-border-color;
+	-fx-faint-focus-color: transparent;
+	-fx-shadow-highlight-color: transparent;
+	-fx-cell-focus-inner-border: transparent;
+	-fx-control-inner-background: #FFF;
+}
+/* --------------------------- 聚焦边距 --------------------------- */
+.text-area:focused,
+.text-field:focused {
+	-fx-background-insets: 1, 2;
+}
+.button:focused {
+	-fx-background-insets: 0;
+}
+.list-view:focused {
+	-fx-background-insets: 0, 0, 2;
+}
+.table-view:focused {
+	-fx-background-insets: 0, 0, 1;
+}
+/* --------------------------- 只读 --------------------------- */
+.text-area:readonly,
+.text-field:readonly {
+	-fx-text-fill: #666;
+}