{"action":"created","issue":{"url":"https://api.github.com/repos/ijprest/keyboard-layout-editor/issues/239","repository_url":"https://api.github.com/repos/ijprest/keyboard-layout-editor","labels_url":"https://api.github.com/repos/ijprest/keyboard-layout-editor/issues/239/labels{/name}","comments_url":"https://api.github.com/repos/ijprest/keyboard-layout-editor/issues/239/comments","events_url":"https://api.github.com/repos/ijprest/keyboard-layout-editor/issues/239/events","html_url":"https://github.com/ijprest/keyboard-layout-editor/issues/239","id":361090059,"node_id":"MDU6SXNzdWUzNjEwOTAwNTk=","number":239,"title":"custom key border color","user":{"login":"freMea","id":22337329,"node_id":"MDQ6VXNlcjIyMzM3MzI5","avatar_url":"https://avatars2.githubusercontent.com/u/22337329?v=4","gravatar_id":"","url":"https://api.github.com/users/freMea","html_url":"https://github.com/freMea","followers_url":"https://api.github.com/users/freMea/followers","following_url":"https://api.github.com/users/freMea/following{/other_user}","gists_url":"https://api.github.com/users/freMea/gists{/gist_id}","starred_url":"https://api.github.com/users/freMea/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/freMea/subscriptions","organizations_url":"https://api.github.com/users/freMea/orgs","repos_url":"https://api.github.com/users/freMea/repos","events_url":"https://api.github.com/users/freMea/events{/privacy}","received_events_url":"https://api.github.com/users/freMea/received_events","type":"User","site_admin":false},"labels":[{"id":58086428,"node_id":"MDU6TGFiZWw1ODA4NjQyOA==","url":"https://api.github.com/repos/ijprest/keyboard-layout-editor/labels/enhancement","name":"enhancement","color":"84b6eb","default":true}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2018-09-18T00:18:27Z","updated_at":"2018-09-18T10:02:06Z","closed_at":null,"author_association":"NONE","body":"Hi,\r\n\r\nI'd like to customize key border color. Since there is no option for that in **properties** tab (I wish a such option exists), I tried **custom styles**.\r\n\r\nThe only rule that works is :\r\n```css\r\n.keyborder {\r\n    border-color: rgba(255,255,255,.3) !important;\r\n}\r\n```\r\nWithout `!important`, it's not applied but if used, then, the selected and hover border color doesn't work anymore. So, it is not a viable solution in edition mode but can still be applied when the work is finished.\r\n\r\nThe **custom styles** doesn't support nested element so there is no workaround like applying a custom border color for selected key: `#keyboard .selected > .keycap > .keyborder` (inspired by the generated rule by the app) below the above rule with `!important` won't change anything.\r\n\r\n## PLUS…\r\n\r\nI wish there were another key profile named **PLAIN** that get rid of any 3D effect. Currently, the way to achieve that is applying this CSS:\r\n\r\n```css\r\n.keytop,\r\n.keylabels {\r\n    border-color: transparent !important;\r\n}\r\n.keytop {\r\n    background-color: transparent !important;\r\n}\r\n```"},"comment":{"url":"https://api.github.com/repos/ijprest/keyboard-layout-editor/issues/comments/422333163","html_url":"https://github.com/ijprest/keyboard-layout-editor/issues/239#issuecomment-422333163","issue_url":"https://api.github.com/repos/ijprest/keyboard-layout-editor/issues/239","id":422333163,"node_id":"MDEyOklzc3VlQ29tbWVudDQyMjMzMzE2Mw==","user":{"login":"freMea","id":22337329,"node_id":"MDQ6VXNlcjIyMzM3MzI5","avatar_url":"https://avatars2.githubusercontent.com/u/22337329?v=4","gravatar_id":"","url":"https://api.github.com/users/freMea","html_url":"https://github.com/freMea","followers_url":"https://api.github.com/users/freMea/followers","following_url":"https://api.github.com/users/freMea/following{/other_user}","gists_url":"https://api.github.com/users/freMea/gists{/gist_id}","starred_url":"https://api.github.com/users/freMea/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/freMea/subscriptions","organizations_url":"https://api.github.com/users/freMea/orgs","repos_url":"https://api.github.com/users/freMea/repos","events_url":"https://api.github.com/users/freMea/events{/privacy}","received_events_url":"https://api.github.com/users/freMea/received_events","type":"User","site_admin":false},"created_at":"2018-09-18T10:02:06Z","updated_at":"2018-09-18T10:02:06Z","author_association":"NONE","body":"The use-case of plain background key color: printing to paste on the physical kbd."}}
{"actor":{"display_login":"freMea"}}