# Styles for a focused UI element

**URL:** <https://community.developer.atlassian.com/t/styles-for-a-focused-ui-element/20612>\
**Category:** Atlassian Ecosystem Design\
**Created:** [July 3, 2018, 3:02pm UTC](https://community.developer.atlassian.com/t/styles-for-a-focused-ui-element/20612 "2018-07-03T15:02:39Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![artosphere](https://sea1.discourse-cdn.com/atlassiandeveloper/user_avatar/community.developer.atlassian.com/artosphere/32/35506_2.png) [@artosphere](https://community.developer.atlassian.com/u/artosphere)\
**Post date:** [July 3, 2018, 3:02pm UTC](https://community.developer.atlassian.com/t/styles-for-a-focused-ui-element/20612/1 "2018-07-03T15:02:39Z")

</div>

Hi!  
The design of most elements looks the same between for Jira Cloud and Server version. However, one element is concerned, it is a style of the focused item (inputs, buttons, dropdown items etc) in the latest AUI 7.9.1.

 ![focused_item](https://global.discourse-cdn.com/atlassiandeveloper/original/3X/a/6/a66ede15fba7166f6765bd5dcbb95d658f664c20.png)

Is there a chance that in the future the design for a focused item will look the same as in the AtlasKit with a deep blue border?

Thanks,  
Sergey

---

<div class="post-metadata">

**Author:** ![rwhitbeck](https://sea1.discourse-cdn.com/atlassiandeveloper/user_avatar/community.developer.atlassian.com/rwhitbeck/32/35781_2.png) [@rwhitbeck](https://community.developer.atlassian.com/u/rwhitbeck)\
**Post date:** [July 3, 2018, 5:36pm UTC](https://community.developer.atlassian.com/t/styles-for-a-focused-ui-element/20612/2 "2018-07-03T17:36:39Z")

</div>

Hi @artosphere,

It seems like you’re trying to provide design feedback. Can you please raise an issue in the feedback mechanism in Jira Server?

Thanks

---

<div class="post-metadata">

**Author:** ![artosphere](https://sea1.discourse-cdn.com/atlassiandeveloper/user_avatar/community.developer.atlassian.com/artosphere/32/35506_2.png) [@artosphere](https://community.developer.atlassian.com/u/artosphere)\
**Post date:** [July 4, 2018, 3:48pm UTC](https://community.developer.atlassian.com/t/styles-for-a-focused-ui-element/20612/3 "2018-07-04T15:48:18Z")

</div>

hi @rwhitbeck , thanks for replay. Where I can find “feedback mechanism in Jira Server”?

Thanks!

---

<div class="post-metadata">

**Author:** ![rwhitbeck](https://sea1.discourse-cdn.com/atlassiandeveloper/user_avatar/community.developer.atlassian.com/rwhitbeck/32/35781_2.png) [@rwhitbeck](https://community.developer.atlassian.com/u/rwhitbeck)\
**Post date:** [July 5, 2018, 3:14pm UTC](https://community.developer.atlassian.com/t/styles-for-a-focused-ui-element/20612/4 "2018-07-05T15:14:56Z")

</div>

@artosphere

Right next to the search should be an icon that you can click that will open a issue collector.

In the screenshot here it looks like a megaphone. ![23](https://global.discourse-cdn.com/atlassiandeveloper/original/3X/e/4/e4cb6ef43bf2a9d6a4a23edbc81085bd97ce25a8.png)

---

<div class="post-metadata">

**Author:** ![daz](https://sea1.discourse-cdn.com/atlassiandeveloper/user_avatar/community.developer.atlassian.com/daz/32/35911_2.png) [@daz](https://community.developer.atlassian.com/u/daz)\
**Post date:** [July 16, 2018, 1:56pm UTC](https://community.developer.atlassian.com/t/styles-for-a-focused-ui-element/20612/5 "2018-07-16T13:56:56Z")

</div>

Hi @artosphere! I’ll start with the long answer, then the short one.

**Long answer:**

When it comes to the Atlassian Design Guidelines (ADG) and design differences between Cloud and Server, the differences are disappearing over time. The look and feel of Server and Cloud products is aligning. You can see this in the various announcements from the Server products:

- [Coming soon: Updated look and feel for Jira Server](https://community.developer.atlassian.com/t/coming-soon-updated-look-and-feel-for-jira-server/16603)
- [COMING SOON: Updated look and feel for Bitbucket Server](https://community.developer.atlassian.com/t/coming-soon-updated-look-and-feel-for-bitbucket-server/12652)
- [Confluence 6.7 EAP released and important info about upcoming look and feel changes](https://community.developer.atlassian.com/t/confluence-6-7-eap-released-and-important-info-about-upcoming-look-and-feel-changes/12213)

The AUI team are implementing the ADG’s form styles in an upcoming release. This release of AUI will eventually make it in to the various Server products as well.

**Short answer:**

> in the future, [will the] design for a focused item [in AUI] look the same as in the AtlasKit with a deep blue border?

Yes. 😃