Title: Can't change text color of disabled label · Issue #298 · NativeScript/theme · GitHub
Open Graph Title: Can't change text color of disabled label · Issue #298 · NativeScript/theme
X Title: Can't change text color of disabled label · Issue #298 · NativeScript/theme
Description: 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 infor...
Open Graph Description: 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): ✔ Gettin...
X Description: 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): ✔ Gettin...
Opengraph URL: https://github.com/NativeScript/theme/issues/298
X: @github
Domain: github.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Can't change text color of disabled label ","articleBody":"**Environment**\r\nProvide 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):\r\n\r\n✔ Getting NativeScript components versions information...\r\n✔ Component nativescript has 8.1.5 version and is up to date.\r\n✔ Component @nativescript/core has 8.1.5 version and is up to date.\r\n✔ Component @nativescript/ios has 8.1.0 version and is up to date.\r\n✔ Component @nativescript/android has 8.1.1 version and is up to date.\r\n\r\n{\r\n \"name\": \"festivelo\",\r\n \"main\": \"app/app.js\",\r\n \"version\": \"6.0.0\",\r\n \"private\": true,\r\n \"dependencies\": {\r\n \"@bradmartin/nativescript-urlhandler\": \"^2.0.1\",\r\n \"@kefah/nativescript-google-maps\": \"^1.0.3\",\r\n \"@master.technology/permissions\": \"^2.0.1\",\r\n \"@nativescript/appversion\": \"^2.0.0\",\r\n \"@nativescript/core\": \"~8.1.1\",\r\n \"@nativescript/email\": \"^2.0.5\",\r\n \"@nativescript/firebase\": \"^11.1.3\",\r\n \"@nativescript/geolocation\": \"^8.0.2\",\r\n \"@nativescript/iqkeyboardmanager\": \"^2.0.0\",\r\n \"@nativescript/theme\": \"^3.0.2\",\r\n \"@triniwiz/nativescript-toasty\": \"^4.1.3\",\r\n \"base-64\": \"^1.0.0\",\r\n \"nativescript-bitmap-factory\": \"^1.8.1\",\r\n \"nativescript-clipboard\": \"^2.1.1\",\r\n \"nativescript-contacts\": \"^1.6.4\",\r\n \"nativescript-danem-google-maps-utils\": \"^1.0.18\",\r\n \"nativescript-drop-down\": \"^6.0.0\",\r\n \"nativescript-pdf-view\": \"^3.0.0-1\",\r\n \"nativescript-phone\": \"^3.0.2\",\r\n \"nativescript-screenshot\": \"^0.0.2\",\r\n \"nativescript-sqlite\": \"^2.8.6\",\r\n \"nativescript-ui-listview\": \"^10.0.2\",\r\n \"nativescript-ui-sidedrawer\": \"^10.0.2\",\r\n \"patch-package\": \"^6.4.7\"\r\n },\r\n \"devDependencies\": {\r\n \"@nativescript/android\": \"8.1.1\",\r\n \"@nativescript/ios\": \"8.1.0\",\r\n \"@nativescript/webpack\": \"~5.0.0\"\r\n },\r\n \"scripts\": {\r\n \"postinstall\": \"patch-package\"\r\n }\r\n}\r\n\r\n**Describe the bug**\r\n\r\nI 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: \r\n\r\n```\r\nStackLayout:disabled {\r\n background-color: dimgray;\r\n}\r\n```\r\nBut, I am unable to modify the text color, even when specified directly as an inline style, which has the highest css specificity. \r\n\r\nIs there a way to specify the text color for disabled labels? \r\n\r\n**To Reproduce**\r\n\u003cLabel class=\"h2\" text=\"Disabled Label\" backgroundColor=\"dimgray\" isEnabled=\"false\" style=\"color: black;\" /\u003e\r\n\r\n**Expected behavior**\r\nInline styling would be respected. \r\n\r\n**Sample project**\r\n\u003c!-- If possible, provide a link from the [Playground](https://play.nativescript.org) with reproduction of the problem. If not, consider attaching a sample project or link to a repository with such project. --\u003e\r\n\r\n**Additional context**\r\nThis is a NativeScript JavaScript project\r\n","author":{"url":"https://github.com/dlcole","@type":"Person","name":"dlcole"},"datePublished":"2022-02-04T18:44:25.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/298/theme/issues/298"}
| route-pattern | /_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format) |
| route-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:b13330ca-38c8-cc2a-9c48-1f6de6efe0eb |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | BEC2:34AA0F:79B625:AC4B71:6A6210CF |
| html-safe-nonce | 6b898adafdb981a08d1fe986f6d67ad43c8cf4ddf0ca8eac3329b36fc2433be1 |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJCRUMyOjM0QUEwRjo3OUI2MjU6QUM0QjcxOjZBNjIxMENGIiwidmlzaXRvcl9pZCI6Ijc0NjEyNjUyODM0Mzk3OTIzMzUiLCJyZWdpb25fZWRnZSI6ImlhZCIsInJlZ2lvbl9yZW5kZXIiOiJpYWQifQ== |
| visitor-hmac | bf6e95228242279d3efcbfcabd839e5006616fa262eecd5eb3135a22367e21a8 |
| hovercard-subject-tag | issue:1124505536 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/NativeScript/theme/298/issue_layout |
| twitter:image | https://opengraph.githubassets.com/3183e0f9654989aa77570d16bab8875f86a2c31a375ffedd60f5903a572472b6/NativeScript/theme/issues/298 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/3183e0f9654989aa77570d16bab8875f86a2c31a375ffedd60f5903a572472b6/NativeScript/theme/issues/298 |
| og:image:alt | 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): ✔ Gettin... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | dlcole |
| hostname | github.com |
| expected-hostname | github.com |
| None | be9a4d9589756e22b427637ffbf1123a96e067050e57f5cec403e3080a650ca4 |
| turbo-cache-control | no-preview |
| go-import | github.com/NativeScript/theme git https://github.com/NativeScript/theme.git |
| octolytics-dimension-user_id | 7392261 |
| octolytics-dimension-user_login | NativeScript |
| octolytics-dimension-repository_id | 64524068 |
| octolytics-dimension-repository_nwo | NativeScript/theme |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 64524068 |
| octolytics-dimension-repository_network_root_nwo | NativeScript/theme |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | 7b5509702f01f876c214a2cbb142690847de0019 |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width