timi/timi-fx-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix css var

Browse Source
This commit is contained in:
Timi
2026-06-26 18:00:15 +08:00
parent 0457ffc432
commit 0f8b23be91
22 changed files with 84 additions and 532 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/timifx/style/base.css
+26 -5
View File
@@ -30,9 +30,30 @@
-fx-font-smoothing-type: gray;
}
.root {
-timi-fx-color: #177CB0;
-timi-fx-icon-color: #333;
-timi-fx-border-color: #B5B5B5;
-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;
@@ -45,7 +66,7 @@
-fx-faint-focus-color: transparent;
-fx-shadow-highlight-color: transparent;
-fx-cell-focus-inner-border: transparent;
-fx-control-inner-background: #FFF;
-fx-control-inner-background: -timi-fx-white-color;
}
/* --------------------------- 聚焦边距 --------------------------- */
.text-area:focused,
@@ -64,5 +85,5 @@
/* --------------------------- 只读 --------------------------- */
.text-area:readonly,
.text-field:readonly {
-fx-text-fill: #666;
-fx-text-fill: -timi-fx-gray-color;
}
src/main/resources/timifx/style/components/date-time-picker.css
+3 -2
View File
@@ -4,7 +4,7 @@
.date-time-picker-time-pane {
-fx-border-width: 0 0 0 1;
-fx-border-color: -timi-fx-border-color;
-fx-background-color: #F4F4F4;
-fx-background-color: -timi-fx-gray-white-color;
-fx-translate-y: -1;
-fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, .25), 4, 0, 0, 1);
}
@@ -15,5 +15,6 @@
-fx-alignment: center-right;
}
.date-time-picker-clear {
-fx-background-color: #F4F4F4;
-fx-background-color: -timi-fx-gray-white-color;
}
src/main/resources/timifx/style/components/hyperlink.css
+2 -1
View File
@@ -1,6 +1,7 @@
.x-hyperlink {
-fx-text-fill: #177CB0;
-fx-text-fill: -timi-fx-focused-default-color;
}
.x-hyperlink:hover {
-fx-underline: true;
}
src/main/resources/timifx/style/components/icon-button.css
+1
View File
@@ -2,3 +2,4 @@
-fx-border-width: 1;
-fx-border-color: transparent;
}
src/main/resources/timifx/style/components/label-progress-bar.css
+1
View File
@@ -4,3 +4,4 @@
.label-progress-bar:indeterminate .bar {
-fx-background-color: linear-gradient(to left, transparent, #7ACAF4);
}
src/main/resources/timifx/style/components/navigation.css
+2 -1
View File
@@ -14,7 +14,7 @@
-fx-background-color: #CCC;
}
.navigation .navigation-button:selected {
-fx-text-fill: #FFF;
-fx-text-fill: -timi-fx-white-color;
-fx-background-color: -timi-fx-color;
}
.navigation .navigation-button:disabled {
@@ -31,3 +31,4 @@
.group-pane .content {
-fx-padding: 0;
}
src/main/resources/timifx/style/components/progress-slider.css
+1
View File
@@ -5,3 +5,4 @@
-fx-pref-height: 6;
-fx-background-insets: 0;
}
src/main/resources/timifx/style/components/segmented-button-group.css
-38
View File
@@ -1,38 +0,0 @@
.segmented-button-group {
-fx-skin: "com.imyeyu.fx.ui.components.SegmentedButtonGroupSkin";
}
.segmented-button-group .segmented-button-group-box {
-fx-spacing: 0;
-fx-alignment: center-left;
}
.segmented-button-group .segmented-button-group-button {
-fx-background-radius: 0;
-fx-border-radius: 0;
-fx-border-width: 1 1 1 0;
-fx-padding: .333333em 1em; /* 4 12 */
-fx-background-color: #FFF;
}
.segmented-button-group .segmented-button-group-button.first,
.segmented-button-group .segmented-button-group-button.single {
-fx-border-width: 1;
}
.segmented-button-group .segmented-button-group-button.single {
-fx-background-radius: .083333em;
-fx-border-radius: .083333em;
}
.segmented-button-group .segmented-button-group-button.first {
-fx-background-radius: .083333em 0 0 .083333em;
-fx-border-radius: .083333em 0 0 .083333em;
}
.segmented-button-group .segmented-button-group-button.last {
-fx-background-radius: 0 .083333em .083333em 0;
-fx-border-radius: 0 .083333em .083333em 0;
}
.segmented-button-group .segmented-button-group-button:hover {
-fx-background-color: #F4F9FC;
}
.segmented-button-group .segmented-button-group-button:selected {
-fx-background-color: -timi-fx-color;
-fx-border-color: -timi-fx-color;
-fx-text-fill: #FFF;
}
src/main/resources/timifx/style/components/selectable-label.css
+1
View File
@@ -5,3 +5,4 @@
-fx-hbar-policy: never;
-fx-vbar-policy: never;
}
src/main/resources/timifx/style/components/tab-pane.css
+1
View File
@@ -33,3 +33,4 @@
.tab-pane:top > .tab-header-area {
-fx-padding: 0;
}
src/main/resources/timifx/style/components/text-area-editor.css
+2 -1
View File
@@ -1,7 +1,8 @@
.text-area-editor .find-field {
-fx-background-color: #FFF;
-fx-background-color: -timi-fx-white-color;
-fx-background-insets: 0;
}
.text-area-editor .replace-field {
-fx-padding: .25em .333333em .25em 1.25em; /* 3 4 3 15 */
}
src/main/resources/timifx/style/components/time-picker.css
+3 -2
View File
@@ -1,11 +1,11 @@
.time-picker .text-field:readonly {
-fx-text-fill: #666;
-fx-text-fill: -timi-fx-gray-color;
}
.time-picker-popup {
-fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, .3), 5, 0, 0, 1);
-fx-border-width: 1;
-fx-border-color: -timi-fx-border-color;
-fx-background-color: #F4F4F4;
-fx-background-color: -timi-fx-gray-white-color;
}
.time-picker-time-box {
-fx-spacing: 0;
@@ -13,3 +13,4 @@
.time-picker-now {
-fx-alignment: center-right;
}
src/main/resources/timifx/style/components/toggle-icon.css
+1
View File
@@ -4,3 +4,4 @@
.toggle-icon:disabled .icon {
-fx-opacity: -timi-fx-opacity-disabled;
}
src/main/resources/timifx/style/components/tray-menu.css
+1
View File
@@ -1,3 +1,4 @@
.tray-menu {
-fx-border-width: 0;
}
src/main/resources/timifx/style/controls.css
+9 -7
View File
@@ -9,6 +9,7 @@
}
.toggle-button {
-fx-padding: .25em .833333em; /* 3 10 */
-fx-pref-height: 26;
-fx-border-width: 1;
-fx-border-color: -timi-fx-border-color;
-fx-background-color: transparent;
@@ -114,7 +115,7 @@
.combo-box .text-input,
.date-picker .text-input {
-fx-padding: 4;
-fx-background-color: -fx-text-box-border, #FFF;
-fx-background-color: -fx-text-box-border, -timi-fx-white-color;
-fx-background-insets: 0, 0 1 0 0;
-fx-background-radius: 0;
}
@@ -150,7 +151,7 @@
-fx-padding: 0;
-fx-translate-y: -1;
-fx-border-width: 1 1 0 1;
-fx-background-color: -timi-fx-border-color, #FFF;
-fx-background-color: -timi-fx-border-color, -timi-fx-white-color;
-fx-background-insets: 0, 0 0 1 0;
}
.combo-box .combo-box-popup .list-view .list-cell {
@@ -158,12 +159,12 @@
-fx-background-color: transparent;
}
.combo-box .combo-box-popup .list-view .list-cell:filled:hover {
-fx-text-fill: #FFF;
-fx-text-fill: -timi-fx-white-color;
-fx-background-color: -timi-fx-color;
}
.combo-box .combo-box-popup .list-view .list-cell:filled:selected,
.combo-box .combo-box-popup .list-view .list-cell:filled:selected:hover {
-fx-text-fill: #FFF;
-fx-text-fill: -timi-fx-white-color;
-fx-background-color: -timi-fx-color;
}
.combo-box .combo-box-popup .list-view .scroll-bar:vertical {
@@ -201,14 +202,14 @@
-fx-padding: 0;
-fx-border-width: 1;
-fx-border-color: -timi-fx-border-color;
-fx-background-color: #FFF;
-fx-background-color: -timi-fx-white-color;
-fx-background-insets: 0;
}
.context-menu .menu-item:focused {
-fx-background-color: -timi-fx-selected-color;
}
.context-menu .menu-item:focused .label {
-fx-text-fill: #333;
-fx-text-fill: -timi-fx-dark-gray-color;
}
.context-menu .separator {
-fx-padding: 0;
@@ -391,7 +392,7 @@
-fx-padding: 0;
-fx-border-width: 2 0 0 0;
-fx-border-color: -timi-fx-border-color;
-fx-background-color: #FFF;
-fx-background-color: -timi-fx-white-color;
-fx-background-insets: 0;
}
.titled-group .titled-pane {
@@ -424,3 +425,4 @@
-fx-pref-height: 1;
-fx-background-color: -timi-fx-border-color;
}
src/main/resources/timifx/style/font.css
+1
View File
@@ -15,6 +15,7 @@
.text-area,
.text-field,
.list-view > *,
.toggle-button,
.table-view > *,
.minecraft-ae {
-fx-font-size: 16;
src/main/resources/timifx/style/layout.css
+1
View File
@@ -11,3 +11,4 @@
-fx-background-color: transparent;
-fx-background-insets: 0;
}
src/main/resources/timifx/style/style.css
+2
View File
@@ -2,3 +2,5 @@
@import "controls.css";
@import "layout.css";
@import "utility.css";
@import "components/radio-button-group.css";
src/main/resources/timifx/style/utility.css
+22 -20
View File
@@ -5,13 +5,13 @@
-fx-background-insets: 0;
}
.bg-white {
-fx-background-color: #FFF;
-fx-background-color: -timi-fx-white-color;
}
.bg-black {
-fx-background-color: #000;
-fx-background-color: -timi-fx-black-color;
}
.bg-default {
-fx-background-color: #F4F4F4;
-fx-background-color: -timi-fx-gray-white-color;
}
.bg-button-static {
-fx-border-color: -timi-fx-border-color;
@@ -67,7 +67,7 @@
-fx-border-width: .083333em .083333em .083333em 0; /* 1 1 1 0 */
}
.editable-table .table-row-cell .text-field {
-fx-background-color: -timi-fx-color, #FFF;
-fx-background-color: -timi-fx-color, -timi-fx-white-color;
-fx-background-insets: 0, 0;
}
.editable-table .table-row-cell .text-field:focused {
@@ -77,52 +77,52 @@
-fx-padding: 0;
}
.white {
-fx-text-fill: #FFF;
-fx-text-fill: -timi-fx-white-color;
}
.red {
-fx-text-fill: #F30;
-fx-text-fill: -timi-fx-red-color;
}
.brown {
-fx-text-fill: #A67D7B;
-fx-text-fill: -timi-fx-brown-color;
}
.black {
-fx-text-fill: #000;
-fx-text-fill: -timi-fx-black-color;
}
.orange {
-fx-text-fill: #F60;
-fx-text-fill: -timi-fx-orange-color;
}
.yellow {
-fx-text-fill: #FF0;
-fx-text-fill: -timi-fx-yellow-color;
}
.green {
-fx-text-fill: #393;
-fx-text-fill: -timi-fx-green-color;
}
.dark-green {
-fx-text-fill: #373;
-fx-text-fill: -timi-fx-dark-green-color;
}
.gray {
-fx-text-fill: #666;
-fx-text-fill: -timi-fx-gray-color;
}
.blue {
-fx-text-fill: #008DCB;
-fx-text-fill: -timi-fx-blue-color;
}
.light-blue {
-fx-text-fill: #DDEAF0;
-fx-text-fill: -timi-fx-light-blue-color;
}
.gray-white {
-fx-text-fill: #F4F4F4;
-fx-text-fill: -timi-fx-gray-white-color;
}
.light-gray {
-fx-text-fill: #B5B5B5;
-fx-text-fill: -timi-fx-light-gray-color;
}
.dark-gray {
-fx-text-fill: #333;
-fx-text-fill: -timi-fx-dark-gray-color;
}
.pink {
-fx-text-fill: #FF7A9B;
-fx-text-fill: -timi-fx-pink-color;
}
.transparent {
-fx-text-fill: #FFFFFF00;
-fx-text-fill: -timi-fx-transparent;
}
.border-all {
-fx-border-width: 1;
@@ -172,3 +172,5 @@
.border-lr {
-fx-border-width: 0 1 0 1;
}