mirror of
https://github.com/JFormDesigner/FlatLaf.git
synced 2025-12-08 15:00:54 +03:00
CHANGELOG.md: added PR #388 (style classes)
This commit is contained in:
Karl Tauber
@@ -5,8 +5,13 @@ FlatLaf Change Log
|
|||||||
|
|
||||||
#### New features and improvements
|
#### New features and improvements
|
||||||
|
|
||||||
- Styling components using string in CSS syntax or `java.util.Map`. (PR #341)\
|
- Styling:
|
||||||
For example: `mySlider.putClientProperty( "FlatLaf.style", "trackWidth: 2" );`
|
- Styling individual components using string in CSS syntax or `java.util.Map`.
|
||||||
|
(PR #341)\
|
||||||
|
E.g.: `mySlider.putClientProperty( "FlatLaf.style", "trackWidth: 2" );`
|
||||||
|
- Style classes allow defining style rules at a single place (in UI defaults)
|
||||||
|
and use them in any component. (PR #388)\
|
||||||
|
E.g.: `mySlider.putClientProperty( "FlatLaf.styleClass", "myclass" );`
|
||||||
- TextField, FormattedTextField and PasswordField: Support leading and trailing
|
- TextField, FormattedTextField and PasswordField: Support leading and trailing
|
||||||
icons (set client property `JTextField.leadingIcon` or
|
icons (set client property `JTextField.leadingIcon` or
|
||||||
`JTextField.trailingIcon` to an `Icon`). (PR #378; issue #368)
|
`JTextField.trailingIcon` to an `Icon`). (PR #378; issue #368)
|
||||||
|
|||||||
@@ -1,268 +0,0 @@
|
|||||||
#
|
|
||||||
# Copyright 2021 FormDev Software GmbH
|
|
||||||
#
|
|
||||||
# Licensed under the Apache License, Version 2.0 (the "License");
|
|
||||||
# you may not use this file except in compliance with the License.
|
|
||||||
# You may obtain a copy of the License at
|
|
||||||
#
|
|
||||||
# https://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
#
|
|
||||||
# Unless required by applicable law or agreed to in writing, software
|
|
||||||
# distributed under the License is distributed on an "AS IS" BASIS,
|
|
||||||
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
||||||
# See the License for the specific language governing permissions and
|
|
||||||
# limitations under the License.
|
|
||||||
#
|
|
||||||
|
|
||||||
# base theme (light, dark, intellij or darcula); only used by theme editor
|
|
||||||
@baseTheme = dark
|
|
||||||
|
|
||||||
#---- variables ----
|
|
||||||
|
|
||||||
# general background and foreground (text color)
|
|
||||||
@background = #21252b
|
|
||||||
@foreground = #abb2bf
|
|
||||||
@selectionBackground = #323844
|
|
||||||
@selectionForeground = #d7dae0
|
|
||||||
@selectionInactiveBackground = #2c313a
|
|
||||||
#@selectionInactiveForeground = @foreground
|
|
||||||
#@disabledText = #888
|
|
||||||
@textComponentBackground = #282c34
|
|
||||||
#@menuBackground = darken(@background,5%)
|
|
||||||
#@menuHoverBackground = lighten(@menuBackground,10%,derived)
|
|
||||||
#@menuCheckBackground = darken(@selectionBackground,10%,derived noAutoInverse)
|
|
||||||
#@menuAcceleratorForeground = darken(@foreground,15%)
|
|
||||||
#@menuAcceleratorSelectionForeground = @selectionForeground
|
|
||||||
#@cellFocusColor = #000
|
|
||||||
#@icon = #adadad
|
|
||||||
|
|
||||||
# accent colors (blueish)
|
|
||||||
@accentColor = #568AF2
|
|
||||||
#@accentFocusColor = shade(spin(@accentColor,-8),20%)
|
|
||||||
#@accentLinkColor = lighten(saturate(spin(@accentColor,-5),50%),16%)
|
|
||||||
#@accentSelectionBackground = @accentColor
|
|
||||||
#@accentSliderColor = @accentUnderlineColor
|
|
||||||
#@accentUnderlineColor = lighten(saturate(spin(@accentColor,-8),13%),5%)
|
|
||||||
#@accentButtonDefaultBackground = darken(spin(@accentColor,-8),13%)
|
|
||||||
#
|
|
||||||
## for buttons within components (e.g. combobox or spinner)
|
|
||||||
#@buttonArrowColor = #9A9DA1
|
|
||||||
#@buttonDisabledArrowColor = darken(@buttonArrowColor,25%)
|
|
||||||
#@buttonHoverArrowColor = lighten(@buttonArrowColor,10%,derived noAutoInverse)
|
|
||||||
#@buttonPressedArrowColor = lighten(@buttonArrowColor,20%,derived noAutoInverse)
|
|
||||||
#
|
|
||||||
## Drop (use lazy colors for IntelliJ platform themes, which usually do not specify these colors)
|
|
||||||
#@dropCellBackground = darken(List.selectionBackground,10%,lazy)
|
|
||||||
#@dropCellForeground = lazy(List.selectionForeground)
|
|
||||||
#@dropLineColor = lighten(List.selectionBackground,10%,lazy)
|
|
||||||
#@dropLineShortColor = lighten(List.selectionBackground,30%,lazy)
|
|
||||||
|
|
||||||
|
|
||||||
Button.borderColor = #464c55
|
|
||||||
Button.disabledBorderColor = #2d3137
|
|
||||||
|
|
||||||
#---- CheckBox ----
|
|
||||||
|
|
||||||
CheckBox.icon.style = filled
|
|
||||||
#CheckBox.icon.checkmarkColor = @accentColor
|
|
||||||
#CheckBox.icon.background = @background
|
|
||||||
|
|
||||||
CheckBox.icon[filled].selectedBorderColor = @accentColor
|
|
||||||
CheckBox.icon[filled].selectedBackground = @accentColor
|
|
||||||
CheckBox.icon[filled].checkmarkColor = #001133
|
|
||||||
CheckBox.icon[filled].focusedBackground = #f00
|
|
||||||
|
|
||||||
|
|
||||||
a=hsl(220,24%,20%)
|
|
||||||
#---- Component ----
|
|
||||||
|
|
||||||
Component.borderColor = #333841
|
|
||||||
|
|
||||||
"colors": {
|
|
||||||
"accentColor": "",
|
|
||||||
"backgroundColor": "",
|
|
||||||
# "borderColor": "#333841",
|
|
||||||
"infoForeground": "#7e8491"
|
|
||||||
},
|
|
||||||
"ui": {
|
|
||||||
"*": {
|
|
||||||
|
|
||||||
"infoForeground": "#5c6370",
|
|
||||||
|
|
||||||
|
|
||||||
"disabledBackground": "backgroundColor",
|
|
||||||
"inactiveBackground": "backgroundColor",
|
|
||||||
|
|
||||||
"acceleratorForeground": "#E6E6E6",
|
|
||||||
"acceleratorSelectionForeground": "#E6E6E6",
|
|
||||||
|
|
||||||
"errorForeground": "#cd3359",
|
|
||||||
|
|
||||||
"focusColor": "backgroundColor",
|
|
||||||
"focusedBorderColor": "accentColor",
|
|
||||||
|
|
||||||
"separatorColor": "#32363c"
|
|
||||||
},
|
|
||||||
|
|
||||||
"Button": {
|
|
||||||
"foreground": "#a0a7b4",
|
|
||||||
"startBackground": "#3d424b",
|
|
||||||
"endBackground": "#3d424b",
|
|
||||||
"shadowColor": "backgroundColor",
|
|
||||||
"focusedBorderColor": "#646a73",
|
|
||||||
|
|
||||||
"default": {
|
|
||||||
"foreground": "#ffffff",
|
|
||||||
"startBackground": "accentColor",
|
|
||||||
"endBackground": "accentColor",
|
|
||||||
"startBorderColor": "accentColor",
|
|
||||||
"endBorderColor": "accentColor",
|
|
||||||
"focusedBorderColor": "#4269b9",
|
|
||||||
"focusColor": "#4269b9"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
"ComboBox": {
|
|
||||||
"nonEditableBackground": "#333841",
|
|
||||||
"background": "#333841",
|
|
||||||
"selectionBackground": "#4d78cc",
|
|
||||||
"ArrowButton": {
|
|
||||||
"iconColor": "#abb2bf",
|
|
||||||
"disabledIconColor": "#2c313a",
|
|
||||||
"nonEditableBackground": "#333841"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
"ComboPopup.border": "1,1,1,1,#2d3137",
|
|
||||||
|
|
||||||
"CompletionPopup": {
|
|
||||||
"matchForeground": "accentColor"
|
|
||||||
},
|
|
||||||
|
|
||||||
"Component": {
|
|
||||||
"errorFocusColor": "#802d43",
|
|
||||||
"inactiveErrorFocusColor": "#522530",
|
|
||||||
"warningFocusColor": "#8c812b",
|
|
||||||
"inactiveWarningFocusColor": "#47441f"
|
|
||||||
},
|
|
||||||
|
|
||||||
"DefaultTabs": {
|
|
||||||
"underlineColor": "accentColor",
|
|
||||||
"inactiveUnderlineColor": "#4269b9",
|
|
||||||
"hoverBackground": "#323844"
|
|
||||||
},
|
|
||||||
|
|
||||||
"DragAndDrop": {
|
|
||||||
"areaForeground": "#abb2bf",
|
|
||||||
"areaBackground": "#323844",
|
|
||||||
"areaBorderColor": "#333841"
|
|
||||||
},
|
|
||||||
|
|
||||||
"EditorPane.inactiveBackground": "#282c34",
|
|
||||||
|
|
||||||
"FileColor": {
|
|
||||||
"Yellow": "#3d3026",
|
|
||||||
"Green": "#293a24",
|
|
||||||
"Blue": "#24354f",
|
|
||||||
"Violet": "#2d1942",
|
|
||||||
"Orange": "#3d3026",
|
|
||||||
"Rose": "#3d1e2b"
|
|
||||||
},
|
|
||||||
|
|
||||||
"Label": {
|
|
||||||
"infoForeground": "infoForeground"
|
|
||||||
},
|
|
||||||
|
|
||||||
"Link": {
|
|
||||||
"activeForeground": "#6494ed",
|
|
||||||
"hoverForeground": "#6494ed",
|
|
||||||
"pressedForeground": "#6494ed",
|
|
||||||
"visitedForeground": "#6494ed"
|
|
||||||
},
|
|
||||||
|
|
||||||
"Popup": {
|
|
||||||
"paintBorder": false,
|
|
||||||
"Toolbar.borderColor": "#3d424b",
|
|
||||||
"Header.activeBackground": "#414855",
|
|
||||||
"Header.inactiveBackground": "#2c313a",
|
|
||||||
"Advertiser": {
|
|
||||||
"foreground": "#5c6370",
|
|
||||||
"borderColor": "#2d3137"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
"ProgressBar": {
|
|
||||||
"trackColor": "#1D1D26",
|
|
||||||
"progressColor": "accentColor",
|
|
||||||
"indeterminateStartColor": "accentColor",
|
|
||||||
"indeterminateEndColor": "#313469",
|
|
||||||
"failedColor": "#bd3c5f",
|
|
||||||
"failedEndColor": "#472c33",
|
|
||||||
"passedColor": "#239E62",
|
|
||||||
"passedEndColor": "#2b4242"
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
"TabbedPane": {
|
|
||||||
"underlineColor": "accentColor",
|
|
||||||
"contentAreaColor": "#323844",
|
|
||||||
"hoverColor": "#323844"
|
|
||||||
},
|
|
||||||
|
|
||||||
"Table": {
|
|
||||||
"selectionForeground": "#ffffff",
|
|
||||||
"dropLineColor": "#abb2bf",
|
|
||||||
"focusCellForeground": "#abb2bf",
|
|
||||||
"gridColor": "#5c6370",
|
|
||||||
"lightSelectionInactiveForeground": "#abb2bf",
|
|
||||||
"lightSelectionForeground": "#abb2bf",
|
|
||||||
"selectionBackground": "#3d424b",
|
|
||||||
"selectionInactiveForeground": "#abb2bf",
|
|
||||||
"lightSelectionBackground": "#414855",
|
|
||||||
"lightSelectionInactiveBackground": "#323844"
|
|
||||||
},
|
|
||||||
|
|
||||||
"TextArea": {
|
|
||||||
"selectionBackground": "#414855"
|
|
||||||
},
|
|
||||||
|
|
||||||
"TextField": {
|
|
||||||
"selectionBackground": "#414855"
|
|
||||||
},
|
|
||||||
|
|
||||||
"ToggleButton": {
|
|
||||||
"onForeground": "#ffffff",
|
|
||||||
"onBackground": "accentColor",
|
|
||||||
"offForeground": "#9f9fa6",
|
|
||||||
"offBackground": "#3d424b",
|
|
||||||
"borderColor": "#3d424b",
|
|
||||||
"buttonColor": "#5c6370"
|
|
||||||
},
|
|
||||||
|
|
||||||
"ToolTip": {
|
|
||||||
"background": "#3d424b"
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
"Tree": {
|
|
||||||
"selectionBackground": "#4d78cc",
|
|
||||||
"modifiedItemForeground": "accentColor",
|
|
||||||
"rowHeight": 20
|
|
||||||
},
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
"icons": {
|
|
||||||
"ColorPalette": {
|
|
||||||
"Checkbox.Background.Default.Dark": "#282c34",
|
|
||||||
"Checkbox.Border.Default.Dark": "#414855",
|
|
||||||
"Checkbox.Foreground.Selected.Dark": "#abb2bf",
|
|
||||||
"Checkbox.Focus.Wide.Dark": "#568AF2",
|
|
||||||
"Checkbox.Focus.Thin.Default.Dark": "#568AF2",
|
|
||||||
"Checkbox.Focus.Thin.Selected.Dark": "#568AF2",
|
|
||||||
"Checkbox.Background.Disabled.Dark": "#21252b",
|
|
||||||
"Checkbox.Border.Disabled.Dark": "#2c313a",
|
|
||||||
"Checkbox.Foreground.Disabled.Dark": "#5c6370"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user