90 lines
3.4 KiB
CSS
90 lines
3.4 KiB
CSS
/******************************************************************************
|
|
* *
|
|
* 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-white-color: #FFF;
|
|
-timi-fx-red-color: #F30;
|
|
-timi-fx-brown-color: #A67D7B;
|
|
-timi-fx-black-color: #000;
|
|
-timi-fx-orange-color: #F60;
|
|
-timi-fx-yellow-color: #FF0;
|
|
-timi-fx-green-color: #393;
|
|
-timi-fx-dark-green-color: #373;
|
|
-timi-fx-gray-color: #666;
|
|
-timi-fx-blue-color: #008DCB;
|
|
-timi-fx-light-blue-color: #DDEAF0;
|
|
-timi-fx-gray-white-color: #F4F4F4;
|
|
-timi-fx-light-gray-color: #B5B5B5;
|
|
-timi-fx-dark-gray-color: #333;
|
|
-timi-fx-pink-color: #FF7A9B;
|
|
-timi-fx-transparent: transparent;
|
|
-timi-fx-focused-default-color: #177CB0;
|
|
-timi-fx-focused-light-color: #55B0DF;
|
|
-timi-fx-focused-dark-color: #0B6C9E;
|
|
-timi-fx-icon-disabled-color: #939393;
|
|
|
|
-timi-fx-color: -timi-fx-focused-default-color;
|
|
-timi-fx-icon-color: -timi-fx-dark-gray-color;
|
|
-timi-fx-border-color: -timi-fx-light-gray-color;
|
|
-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: -timi-fx-white-color;
|
|
}
|
|
/* --------------------------- 聚焦边距 --------------------------- */
|
|
.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: -timi-fx-gray-color;
|
|
}
|