NativeScript / theme

@nativescript/theme
https://v7.docs.nativescript.org/ui/theme
Apache License 2.0
128 stars 44 forks source link

Can't change text color of disabled label #298

Open dlcole opened 2 years ago

dlcole commented 2 years ago

Environment Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project):

✔ Getting NativeScript components versions information... ✔ Component nativescript has 8.1.5 version and is up to date. ✔ Component @nativescript/core has 8.1.5 version and is up to date. ✔ Component @nativescript/ios has 8.1.0 version and is up to date. ✔ Component @nativescript/android has 8.1.1 version and is up to date.

{ "name": "festivelo", "main": "app/app.js", "version": "6.0.0", "private": true, "dependencies": { "@bradmartin/nativescript-urlhandler": "^2.0.1", "@kefah/nativescript-google-maps": "^1.0.3", "@master.technology/permissions": "^2.0.1", "@nativescript/appversion": "^2.0.0", "@nativescript/core": "~8.1.1", "@nativescript/email": "^2.0.5", "@nativescript/firebase": "^11.1.3", "@nativescript/geolocation": "^8.0.2", "@nativescript/iqkeyboardmanager": "^2.0.0", "@nativescript/theme": "^3.0.2", "@triniwiz/nativescript-toasty": "^4.1.3", "base-64": "^1.0.0", "nativescript-bitmap-factory": "^1.8.1", "nativescript-clipboard": "^2.1.1", "nativescript-contacts": "^1.6.4", "nativescript-danem-google-maps-utils": "^1.0.18", "nativescript-drop-down": "^6.0.0", "nativescript-pdf-view": "^3.0.0-1", "nativescript-phone": "^3.0.2", "nativescript-screenshot": "^0.0.2", "nativescript-sqlite": "^2.8.6", "nativescript-ui-listview": "^10.0.2", "nativescript-ui-sidedrawer": "^10.0.2", "patch-package": "^6.4.7" }, "devDependencies": { "@nativescript/android": "8.1.1", "@nativescript/ios": "8.1.0", "@nativescript/webpack": "~5.0.0" }, "scripts": { "postinstall": "patch-package" } }

Describe the bug

I have listview swipe actions which have a colored background and white text. When disabled, I'd like them to have a gray background and black text so as to be more legible. I can style the background color of the StackLayout:

StackLayout:disabled {
  background-color: dimgray;
}

But, I am unable to modify the text color, even when specified directly as an inline style, which has the highest css specificity.

Is there a way to specify the text color for disabled labels?

To Reproduce