<turbo-stream action="replace" target="forum-thread-gap-731-4117"><template>
<div id="messages-post-component-734">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-734" tabindex="-1" autofocus="autofocus" data-test-selector="forum-post-734" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-34a17172-e87d-474b-bf71-67b23ea08455" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/5&quot;,&quot;name&quot;:&quot;Birthe Lindenthal&quot;,&quot;id&quot;:5}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/5/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/5/hover_card" data-hover-card-trigger-target="trigger" href="/users/5" data-view-component="true" class="Link--primary Link text-bold">Birthe Lindenthal</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=734#message-734" data-view-component="true" class="Link--secondary Link text-small">03/12/2014 09:02 AM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-8cc0cde9-df1f-4bd6-86e8-c586990a9534-button" popovertarget="primary-menu-8cc0cde9-df1f-4bd6-86e8-c586990a9534-overlay" aria-controls="primary-menu-8cc0cde9-df1f-4bd6-86e8-c586990a9534-list" aria-haspopup="true" aria-labelledby="tooltip-4aacead5-c343-405f-95ff-8405600d7586" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-4aacead5-c343-405f-95ff-8405600d7586" for="primary-menu-8cc0cde9-df1f-4bd6-86e8-c586990a9534-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-8cc0cde9-df1f-4bd6-86e8-c586990a9534-overlay" anchor="primary-menu-8cc0cde9-df1f-4bd6-86e8-c586990a9534-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-8cc0cde9-df1f-4bd6-86e8-c586990a9534-button" id="primary-menu-8cc0cde9-df1f-4bd6-86e8-c586990a9534-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=734#message-734" tabindex="-1" id="item-fc84a29e-2203-4d23-82f3-e3f13c6b1943" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><p class="op-uc-p">There is a news article about <a href="https://www.openproject.org/news/18-openproject-themes-part-1-creating-a-theme" rel="noopener noreferrer nofollow" target="_top" class="op-uc-link">Creating a theme in OpenProject</a>. I am afraid it could be outdated, however, it might be a good starting point anyway. Also for us to update this information…</p></div></div>
  
</div>
</div>
<div id="messages-post-component-735">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-735" data-test-selector="forum-post-735" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-22f54ec1-41b1-4e81-af96-568644461961" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/901&quot;,&quot;name&quot;:&quot;Hagen Schink&quot;,&quot;id&quot;:901}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/901/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/901/hover_card" data-hover-card-trigger-target="trigger" href="/users/901" data-view-component="true" class="Link--primary Link text-bold">Hagen Schink</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=735#message-735" data-view-component="true" class="Link--secondary Link text-small">03/12/2014 09:06 AM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-0452a461-a2b9-46e8-a156-84172c4612ef-button" popovertarget="primary-menu-0452a461-a2b9-46e8-a156-84172c4612ef-overlay" aria-controls="primary-menu-0452a461-a2b9-46e8-a156-84172c4612ef-list" aria-haspopup="true" aria-labelledby="tooltip-ba5ad7b3-dd16-4cd8-b2ed-e38d1e70c76c" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-ba5ad7b3-dd16-4cd8-b2ed-e38d1e70c76c" for="primary-menu-0452a461-a2b9-46e8-a156-84172c4612ef-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-0452a461-a2b9-46e8-a156-84172c4612ef-overlay" anchor="primary-menu-0452a461-a2b9-46e8-a156-84172c4612ef-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-0452a461-a2b9-46e8-a156-84172c4612ef-button" id="primary-menu-0452a461-a2b9-46e8-a156-84172c4612ef-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=735#message-735" tabindex="-1" id="item-251930cc-3879-4b0b-8041-a9a40f4677cc" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><p class="op-uc-p">Hello Birthe, hello Jason,</p>
<p class="op-uc-p">I fear that the news article is outdated and does not give a good starting point because theming is done differently these days.</p>
<p class="op-uc-p">I spoke with the responsible developer and he said that there will be no theming guide available soon. Nevertheless, he will try to give some starting points as soon as he has some time left. So, stay tuned! :-)</p>
<p class="op-uc-p">Kind regards,<br>
Hagen</p></div></div>
  
</div>
</div>
<div id="messages-post-component-738">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-738" data-test-selector="forum-post-738" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-4533dd7c-32b4-40b5-a905-f4ee4f541776" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/8586&quot;,&quot;name&quot;:&quot;jason southwell&quot;,&quot;id&quot;:8586}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/8586/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/8586/hover_card" data-hover-card-trigger-target="trigger" href="/users/8586" data-view-component="true" class="Link--primary Link text-bold">jason southwell</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=738#message-738" data-view-component="true" class="Link--secondary Link text-small">03/12/2014 01:19 PM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-bf5db445-26a3-4509-85e3-d3c606bacd0a-button" popovertarget="primary-menu-bf5db445-26a3-4509-85e3-d3c606bacd0a-overlay" aria-controls="primary-menu-bf5db445-26a3-4509-85e3-d3c606bacd0a-list" aria-haspopup="true" aria-labelledby="tooltip-407aede1-4c70-4ece-83b4-9fc6640ac8b2" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-407aede1-4c70-4ece-83b4-9fc6640ac8b2" for="primary-menu-bf5db445-26a3-4509-85e3-d3c606bacd0a-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-bf5db445-26a3-4509-85e3-d3c606bacd0a-overlay" anchor="primary-menu-bf5db445-26a3-4509-85e3-d3c606bacd0a-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-bf5db445-26a3-4509-85e3-d3c606bacd0a-button" id="primary-menu-bf5db445-26a3-4509-85e3-d3c606bacd0a-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=738#message-738" tabindex="-1" id="item-37e4dc7d-803a-429c-a4bb-6dae61cf0c76" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><p class="op-uc-p">If you point me in the right direction, I can write an article about the process on my blog once I get it figured out.</p></div></div>
  
</div>
</div>
<div id="messages-post-component-760">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-760" data-test-selector="forum-post-760" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-dafb1810-dc7f-469f-9880-98ba7910ca63" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/11787&quot;,&quot;name&quot;:&quot;Phason Electronics&quot;,&quot;id&quot;:11787}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/11787/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/11787/hover_card" data-hover-card-trigger-target="trigger" href="/users/11787" data-view-component="true" class="Link--primary Link text-bold">Phason Electronics</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=760#message-760" data-view-component="true" class="Link--secondary Link text-small">03/13/2014 09:30 PM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-b2957088-096b-4adc-acd0-14b6e6bc4c86-button" popovertarget="primary-menu-b2957088-096b-4adc-acd0-14b6e6bc4c86-overlay" aria-controls="primary-menu-b2957088-096b-4adc-acd0-14b6e6bc4c86-list" aria-haspopup="true" aria-labelledby="tooltip-02a02f3b-c3f6-4fbe-94a4-952280d10664" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-02a02f3b-c3f6-4fbe-94a4-952280d10664" for="primary-menu-b2957088-096b-4adc-acd0-14b6e6bc4c86-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-b2957088-096b-4adc-acd0-14b6e6bc4c86-overlay" anchor="primary-menu-b2957088-096b-4adc-acd0-14b6e6bc4c86-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-b2957088-096b-4adc-acd0-14b6e6bc4c86-button" id="primary-menu-b2957088-096b-4adc-acd0-14b6e6bc4c86-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=760#message-760" tabindex="-1" id="item-4e1eb31a-b7b0-49f3-bc25-4e76cf735740" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><p class="op-uc-p">I am also interested in customizing the appearance for our installation. Either some direction in creating themes, or knowing which CSS files to modify would be very helpful.</p>
<p class="op-uc-p">Regards,<br>
Chris</p></div></div>
  
</div>
</div>
<div id="messages-post-component-832">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-832" data-test-selector="forum-post-832" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-e219b00b-aade-472e-b04d-808ab7c05b9b" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/8586&quot;,&quot;name&quot;:&quot;jason southwell&quot;,&quot;id&quot;:8586}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/8586/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/8586/hover_card" data-hover-card-trigger-target="trigger" href="/users/8586" data-view-component="true" class="Link--primary Link text-bold">jason southwell</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=832#message-832" data-view-component="true" class="Link--secondary Link text-small">03/17/2014 03:15 PM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-6aac1246-6f45-4b9a-86cf-de83c4c59c19-button" popovertarget="primary-menu-6aac1246-6f45-4b9a-86cf-de83c4c59c19-overlay" aria-controls="primary-menu-6aac1246-6f45-4b9a-86cf-de83c4c59c19-list" aria-haspopup="true" aria-labelledby="tooltip-c131bb26-b421-484e-a65c-a3c66065a6eb" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-c131bb26-b421-484e-a65c-a3c66065a6eb" for="primary-menu-6aac1246-6f45-4b9a-86cf-de83c4c59c19-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-6aac1246-6f45-4b9a-86cf-de83c4c59c19-overlay" anchor="primary-menu-6aac1246-6f45-4b9a-86cf-de83c4c59c19-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-6aac1246-6f45-4b9a-86cf-de83c4c59c19-button" id="primary-menu-6aac1246-6f45-4b9a-86cf-de83c4c59c19-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=832#message-832" tabindex="-1" id="item-9f599f11-d2c5-44df-b04e-a584e1bc2891" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><p class="op-uc-p">Anyone point me in the right direction? We need to make some changes as soon as possible.</p></div></div>
  
</div>
</div>
<div id="messages-post-component-834">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-834" data-test-selector="forum-post-834" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-7208a24e-65b5-4a15-b4cf-44607f568ae4" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/1322&quot;,&quot;name&quot;:&quot;Christian Ratz&quot;,&quot;id&quot;:1322}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/1322/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/1322/hover_card" data-hover-card-trigger-target="trigger" href="/users/1322" data-view-component="true" class="Link--primary Link text-bold">Christian Ratz</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=834#message-834" data-view-component="true" class="Link--secondary Link text-small">03/17/2014 04:30 PM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-e51da1b0-1cfc-4d7f-b69b-8042a985e6b8-button" popovertarget="primary-menu-e51da1b0-1cfc-4d7f-b69b-8042a985e6b8-overlay" aria-controls="primary-menu-e51da1b0-1cfc-4d7f-b69b-8042a985e6b8-list" aria-haspopup="true" aria-labelledby="tooltip-67b38b64-c527-4cb8-8ac8-3c7d8f7f2996" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-67b38b64-c527-4cb8-8ac8-3c7d8f7f2996" for="primary-menu-e51da1b0-1cfc-4d7f-b69b-8042a985e6b8-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-e51da1b0-1cfc-4d7f-b69b-8042a985e6b8-overlay" anchor="primary-menu-e51da1b0-1cfc-4d7f-b69b-8042a985e6b8-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-e51da1b0-1cfc-4d7f-b69b-8042a985e6b8-button" id="primary-menu-e51da1b0-1cfc-4d7f-b69b-8042a985e6b8-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=834#message-834" tabindex="-1" id="item-f43afdff-36c5-43f1-98b4-d8cf48f03466" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><p class="op-uc-p">Hi All</p>
<p class="op-uc-p">I created and attached a attachment:openproject_theme_skeleton.tar</p>
<p class="op-uc-p">It works like this:</p>
<p class="op-uc-p">- Extract the content of the file to a location of your choice.</p>
<p class="op-uc-p">- Rename (or not ;) ) all occurrences of ‘shiny’ by a (theme) name of your choice, include <strong>all file names</strong> and <strong>use same letter case</strong> as in the original<br>
- Add gem to the Gemfile.plugin like this</p>
<pre class="op-uc-code-block">gem "openproject-themes-shiny", :path =&gt; "%path_to_your_theme%/openproject-themes-shiny"
</pre>
<p class="op-uc-p">- Add your changes<br>
— app/assets/stylesheets/shiny/_variables.css.sass (for override SASS variables from openproject core)<br>
— app/assets/stylesheets/shiny/_custom_theme_rules.css.sass (custom rules)</p>
<p class="op-uc-p">The theming process is still work in progress if you have questions just ask ;)</p>
<p class="op-uc-p">Best<br>
Ratzi</p>
<p class="op-uc-p"><strong>PS:</strong><br>
We will provide a openproject-themes generator soon.</p></div><opce-attachments data-resource="{&quot;_embedded&quot;:{&quot;attachments&quot;:{&quot;_type&quot;:&quot;Collection&quot;,&quot;total&quot;:1,&quot;count&quot;:1,&quot;_embedded&quot;:{&quot;elements&quot;:[{&quot;_type&quot;:&quot;Attachment&quot;,&quot;id&quot;:1907,&quot;fileName&quot;:&quot;openproject_theme_skeleton.tar&quot;,&quot;fileSize&quot;:20992,&quot;description&quot;:{&quot;format&quot;:&quot;plain&quot;,&quot;raw&quot;:&quot;&quot;,&quot;html&quot;:&quot;&quot;},&quot;status&quot;:&quot;uploaded&quot;,&quot;contentType&quot;:&quot;application/x-tar&quot;,&quot;digest&quot;:{&quot;algorithm&quot;:&quot;md5&quot;,&quot;hash&quot;:&quot;b39800f3d545891ce8cab585e1058c15&quot;},&quot;createdAt&quot;:&quot;2014-03-17T15:30:55.742Z&quot;,&quot;_links&quot;:{&quot;self&quot;:{&quot;href&quot;:&quot;/api/v3/attachments/1907&quot;,&quot;title&quot;:&quot;openproject_theme_skeleton.tar&quot;},&quot;author&quot;:{&quot;href&quot;:&quot;/api/v3/users/1322&quot;,&quot;title&quot;:&quot;Christian Ratz&quot;},&quot;container&quot;:{&quot;href&quot;:&quot;/api/v3/posts/834&quot;,&quot;title&quot;:&quot;RE: Creating Themes&quot;},&quot;staticDownloadLocation&quot;:{&quot;href&quot;:&quot;/api/v3/attachments/1907/content&quot;},&quot;downloadLocation&quot;:{&quot;href&quot;:&quot;https://saas-openproject-aws-de-community-20241119075553009700000002.s3.eu-central-1.amazonaws.com/community/attachment/file/1907/openproject_theme_skeleton.tar?response-content-disposition=attachment&amp;response-content-type=application%2Foctet-stream&amp;X-Amz-Expires=600&amp;X-Amz-Date=20261115T073537Z&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIAUF2KCI5YFBI7C3EF%2F20261115%2Feu-central-1%2Fs3%2Faws4_request&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=88036e34c9fa005ceb5a98ba92be6a8d2d0d8b5db424dbdfbafb24f4d7381c1a&quot;}}}]},&quot;_links&quot;:{&quot;self&quot;:{&quot;href&quot;:&quot;/api/v3/posts/834/attachments&quot;}}},&quot;project&quot;:{&quot;favorited&quot;:false,&quot;_type&quot;:&quot;Project&quot;,&quot;id&quot;:14,&quot;identifier&quot;:&quot;OP&quot;,&quot;name&quot;:&quot;OpenProject&quot;,&quot;active&quot;:true,&quot;public&quot;:true,&quot;description&quot;:{&quot;format&quot;:&quot;markdown&quot;,&quot;raw&quot;:&quot;**Welcome to the public development project of OpenProject.**\n\n[**OpenProject**](https://www.openproject.org/) is free and open source project management software, licensed under GNU GPL v3. It supports classic, agile as well as hybrid project management. The source code is publicly available on [GitHub](https://github.com/opf/openproject).\n\nWhat do you want to do?\n\n*   [Report a bug](https://community.openproject.org/projects/openproject/work_packages/new?query_id=2649&amp;type=1)\n*   [Open a new feature request](https://community.openproject.org/projects/openproject/work_packages/new?query_id=180&amp;type=6)\n*   [View or post in OpenProject Community forum](https://community.openproject.org/projects/openproject/forums)\n*   [View the release plan](https://community.openproject.org/projects/openproject/work_packages?query_id=918)\n\nThe Community edition can be downloaded and installed for free. For enterprise customers, OpenProject offers a hosted cloud edition as well as an on-premises edition with support, as well premium features, and additional security features.\n\nPlease [contact us](https://www.openproject.org/contact/) if you have any questions. We are always happy to help!&quot;,&quot;html&quot;:&quot;&lt;p class=\&quot;op-uc-p\&quot;&gt;&lt;strong&gt;Welcome to the public development project of OpenProject.&lt;/strong&gt;&lt;/p&gt;\n&lt;p class=\&quot;op-uc-p\&quot;&gt;&lt;a href=\&quot;https://www.openproject.org/\&quot; rel=\&quot;noopener noreferrer nofollow\&quot; target=\&quot;_top\&quot; class=\&quot;op-uc-link\&quot;&gt;&lt;strong&gt;OpenProject&lt;/strong&gt;&lt;/a&gt; is free and open source project management software, licensed under GNU GPL v3. It supports classic, agile as well as hybrid project management. The source code is publicly available on &lt;a href=\&quot;https://github.com/opf/openproject\&quot; rel=\&quot;noopener noreferrer nofollow\&quot; target=\&quot;_top\&quot; class=\&quot;op-uc-link\&quot;&gt;GitHub&lt;/a&gt;.&lt;/p&gt;\n&lt;p class=\&quot;op-uc-p\&quot;&gt;What do you want to do?&lt;/p&gt;\n&lt;ul class=\&quot;op-uc-list\&quot;&gt;\n&lt;li class=\&quot;op-uc-list--item\&quot;&gt;&lt;a href=\&quot;https://community.openproject.org/projects/openproject/work_packages/new?query_id=2649&amp;amp;type=1\&quot; rel=\&quot;noopener noreferrer nofollow\&quot; target=\&quot;_top\&quot; class=\&quot;op-uc-link\&quot;&gt;Report a bug&lt;/a&gt;&lt;/li&gt;\n&lt;li class=\&quot;op-uc-list--item\&quot;&gt;&lt;a href=\&quot;https://community.openproject.org/projects/openproject/work_packages/new?query_id=180&amp;amp;type=6\&quot; rel=\&quot;noopener noreferrer nofollow\&quot; target=\&quot;_top\&quot; class=\&quot;op-uc-link\&quot;&gt;Open a new feature request&lt;/a&gt;&lt;/li&gt;\n&lt;li class=\&quot;op-uc-list--item\&quot;&gt;&lt;a href=\&quot;https://community.openproject.org/projects/openproject/forums\&quot; rel=\&quot;noopener noreferrer nofollow\&quot; target=\&quot;_top\&quot; class=\&quot;op-uc-link\&quot;&gt;View or post in OpenProject Community forum&lt;/a&gt;&lt;/li&gt;\n&lt;li class=\&quot;op-uc-list--item\&quot;&gt;&lt;a href=\&quot;https://community.openproject.org/projects/openproject/work_packages?query_id=918\&quot; rel=\&quot;noopener noreferrer nofollow\&quot; target=\&quot;_top\&quot; class=\&quot;op-uc-link\&quot;&gt;View the release plan&lt;/a&gt;&lt;/li&gt;\n&lt;/ul&gt;\n&lt;p class=\&quot;op-uc-p\&quot;&gt;The Community edition can be downloaded and installed for free. For enterprise customers, OpenProject offers a hosted cloud edition as well as an on-premises edition with support, as well premium features, and additional security features.&lt;/p&gt;\n&lt;p class=\&quot;op-uc-p\&quot;&gt;Please &lt;a href=\&quot;https://www.openproject.org/contact/\&quot; rel=\&quot;noopener noreferrer nofollow\&quot; target=\&quot;_top\&quot; class=\&quot;op-uc-link\&quot;&gt;contact us&lt;/a&gt; if you have any questions. We are always happy to help!&lt;/p&gt;&quot;},&quot;createdAt&quot;:&quot;2012-09-21T13:37:39.774Z&quot;,&quot;updatedAt&quot;:&quot;2026-11-12T08:44:26.056Z&quot;,&quot;statusExplanation&quot;:{&quot;format&quot;:&quot;markdown&quot;,&quot;raw&quot;:&quot;&quot;,&quot;html&quot;:&quot;&quot;},&quot;_links&quot;:{&quot;self&quot;:{&quot;href&quot;:&quot;/api/v3/projects/14&quot;,&quot;title&quot;:&quot;OpenProject&quot;},&quot;workPackages&quot;:{&quot;href&quot;:&quot;/api/v3/workspaces/14/work_packages&quot;},&quot;storages&quot;:[{&quot;href&quot;:&quot;/api/v3/storages/34&quot;,&quot;title&quot;:&quot;nextcloud.openproject.org&quot;}],&quot;categories&quot;:{&quot;href&quot;:&quot;/api/v3/workspaces/14/categories&quot;},&quot;versions&quot;:{&quot;href&quot;:&quot;/api/v3/workspaces/14/versions&quot;},&quot;types&quot;:{&quot;href&quot;:&quot;/api/v3/workspaces/14/types&quot;},&quot;schema&quot;:{&quot;href&quot;:&quot;/api/v3/workspaces/schema&quot;},&quot;status&quot;:{&quot;href&quot;:&quot;/api/v3/project_statuses/on_track&quot;,&quot;title&quot;:&quot;On track&quot;},&quot;ancestors&quot;:[],&quot;projectStorages&quot;:{&quot;href&quot;:&quot;/api/v3/project_storages?filters=%5B%7B%22projectId%22%3A%7B%22operator%22%3A%22%3D%22%2C%22values%22%3A%5B%2214%22%5D%7D%7D%5D&quot;},&quot;parent&quot;:{&quot;href&quot;:null}}}},&quot;_type&quot;:&quot;Post&quot;,&quot;id&quot;:834,&quot;subject&quot;:&quot;RE: Creating Themes&quot;,&quot;_links&quot;:{&quot;attachments&quot;:{&quot;href&quot;:&quot;/api/v3/posts/834/attachments&quot;},&quot;prepareAttachment&quot;:{&quot;href&quot;:&quot;/api/v3/posts/834/attachments/prepare&quot;,&quot;method&quot;:&quot;post&quot;},&quot;self&quot;:{&quot;href&quot;:&quot;/api/v3/posts/834&quot;},&quot;topic&quot;:{&quot;href&quot;:&quot;/api/v3/posts/731&quot;},&quot;project&quot;:{&quot;href&quot;:&quot;/api/v3/projects/14&quot;,&quot;title&quot;:&quot;OpenProject&quot;}}}" data-allow-uploading="false" data-destroy-immediately="true" class="op-angular-component"></opce-attachments></div>
  
</div>
</div>
<div id="messages-post-component-835">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-835" data-test-selector="forum-post-835" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-774e1572-0f23-47f2-a681-5b3496c76ba0" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/8586&quot;,&quot;name&quot;:&quot;jason southwell&quot;,&quot;id&quot;:8586}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/8586/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/8586/hover_card" data-hover-card-trigger-target="trigger" href="/users/8586" data-view-component="true" class="Link--primary Link text-bold">jason southwell</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=835#message-835" data-view-component="true" class="Link--secondary Link text-small">03/17/2014 04:57 PM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-d4749974-2bee-412a-9c7c-8e1878b317ea-button" popovertarget="primary-menu-d4749974-2bee-412a-9c7c-8e1878b317ea-overlay" aria-controls="primary-menu-d4749974-2bee-412a-9c7c-8e1878b317ea-list" aria-haspopup="true" aria-labelledby="tooltip-2a2caebe-bd5d-4814-a2ed-4abd58324884" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-2a2caebe-bd5d-4814-a2ed-4abd58324884" for="primary-menu-d4749974-2bee-412a-9c7c-8e1878b317ea-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-d4749974-2bee-412a-9c7c-8e1878b317ea-overlay" anchor="primary-menu-d4749974-2bee-412a-9c7c-8e1878b317ea-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-d4749974-2bee-412a-9c7c-8e1878b317ea-button" id="primary-menu-d4749974-2bee-412a-9c7c-8e1878b317ea-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=835#message-835" tabindex="-1" id="item-1619fc31-0860-4e60-88b2-b6ca4821a9d4" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><p class="op-uc-p">Thanks.</p></div></div>
  
</div>
</div>
<div id="messages-post-component-866">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-866" data-test-selector="forum-post-866" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-c46a2f7f-b46d-4c89-8880-a4af8c9b3e5d" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/1322&quot;,&quot;name&quot;:&quot;Christian Ratz&quot;,&quot;id&quot;:1322}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/1322/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/1322/hover_card" data-hover-card-trigger-target="trigger" href="/users/1322" data-view-component="true" class="Link--primary Link text-bold">Christian Ratz</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=866#message-866" data-view-component="true" class="Link--secondary Link text-small">03/19/2014 12:07 PM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-aaa53486-4945-4d07-92cd-e8569b3254df-button" popovertarget="primary-menu-aaa53486-4945-4d07-92cd-e8569b3254df-overlay" aria-controls="primary-menu-aaa53486-4945-4d07-92cd-e8569b3254df-list" aria-haspopup="true" aria-labelledby="tooltip-e493091b-dad8-497a-86a5-3698a1dca9df" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-e493091b-dad8-497a-86a5-3698a1dca9df" for="primary-menu-aaa53486-4945-4d07-92cd-e8569b3254df-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-aaa53486-4945-4d07-92cd-e8569b3254df-overlay" anchor="primary-menu-aaa53486-4945-4d07-92cd-e8569b3254df-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-aaa53486-4945-4d07-92cd-e8569b3254df-button" id="primary-menu-aaa53486-4945-4d07-92cd-e8569b3254df-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=866#message-866" tabindex="-1" id="item-c4112016-81ee-4c0c-a75c-77c6a105302c" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><p class="op-uc-p">Hi Jason,</p>
<p class="op-uc-p">have you made ​​progress with your theme?</p>
<p class="op-uc-p">Best<br>
Ratzi</p></div></div>
  
</div>
</div>
<div id="messages-post-component-907">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-907" data-test-selector="forum-post-907" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-e64f5966-b7b7-4abd-88d6-7b4b113659a8" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/13783&quot;,&quot;name&quot;:&quot;Samuel Andert&quot;,&quot;id&quot;:13783}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/13783/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/13783/hover_card" data-hover-card-trigger-target="trigger" href="/users/13783" data-view-component="true" class="Link--primary Link text-bold">Samuel Andert</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=907#message-907" data-view-component="true" class="Link--secondary Link text-small">03/23/2014 08:47 PM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-37c787be-e4b2-4d6d-9d81-12e55b7f30ee-button" popovertarget="primary-menu-37c787be-e4b2-4d6d-9d81-12e55b7f30ee-overlay" aria-controls="primary-menu-37c787be-e4b2-4d6d-9d81-12e55b7f30ee-list" aria-haspopup="true" aria-labelledby="tooltip-d194cdb0-8ef6-41ac-a724-31d52e12f06b" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-d194cdb0-8ef6-41ac-a724-31d52e12f06b" for="primary-menu-37c787be-e4b2-4d6d-9d81-12e55b7f30ee-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-37c787be-e4b2-4d6d-9d81-12e55b7f30ee-overlay" anchor="primary-menu-37c787be-e4b2-4d6d-9d81-12e55b7f30ee-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-37c787be-e4b2-4d6d-9d81-12e55b7f30ee-button" id="primary-menu-37c787be-e4b2-4d6d-9d81-12e55b7f30ee-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=907#message-907" tabindex="-1" id="item-fbd83c15-c743-4b96-85a5-f3d9cc195c63" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><p class="op-uc-p">Thank you Christian, looking forward to the generator. Do you have an approximated timeframe?<br>
Until then, how can I exchange the logo in the top left corner. Strangely if I exchange app/assets/images/logo_openproject_white_big.png with my own, it doesn’t change.</p></div></div>
  
</div>
</div>
<div id="messages-post-component-947">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-947" data-test-selector="forum-post-947" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-cf520599-2a8f-457d-9250-392713e9daad" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/13783&quot;,&quot;name&quot;:&quot;Samuel Andert&quot;,&quot;id&quot;:13783}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/13783/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/13783/hover_card" data-hover-card-trigger-target="trigger" href="/users/13783" data-view-component="true" class="Link--primary Link text-bold">Samuel Andert</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=947#message-947" data-view-component="true" class="Link--secondary Link text-small">03/26/2014 03:55 PM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-a555f43b-a68f-4a1f-a519-6a76a6de0b99-button" popovertarget="primary-menu-a555f43b-a68f-4a1f-a519-6a76a6de0b99-overlay" aria-controls="primary-menu-a555f43b-a68f-4a1f-a519-6a76a6de0b99-list" aria-haspopup="true" aria-labelledby="tooltip-108ab5c7-3ee5-47de-a3c4-d12ea2cf453c" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-108ab5c7-3ee5-47de-a3c4-d12ea2cf453c" for="primary-menu-a555f43b-a68f-4a1f-a519-6a76a6de0b99-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-a555f43b-a68f-4a1f-a519-6a76a6de0b99-overlay" anchor="primary-menu-a555f43b-a68f-4a1f-a519-6a76a6de0b99-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-a555f43b-a68f-4a1f-a519-6a76a6de0b99-button" id="primary-menu-a555f43b-a68f-4a1f-a519-6a76a6de0b99-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=947#message-947" tabindex="-1" id="item-a4d46cb5-9f48-4fdd-8562-3f810fab4824" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><p class="op-uc-p">Problem solved: In order for changes to be applied you always need to restart your apache server</p></div></div>
  
</div>
</div>
<div id="messages-post-component-2198">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-2198" data-test-selector="forum-post-2198" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-605022c0-a4a8-46e7-ba0a-fdba41435316" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/10000&quot;,&quot;name&quot;:&quot;Daniel Jagszent&quot;,&quot;id&quot;:10000}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/10000/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/10000/hover_card" data-hover-card-trigger-target="trigger" href="/users/10000" data-view-component="true" class="Link--primary Link text-bold">Daniel Jagszent</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=2198#message-2198" data-view-component="true" class="Link--secondary Link text-small">09/06/2014 12:13 AM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-38b3ce6e-2595-4cac-afc4-ffd1c4bc7e8a-button" popovertarget="primary-menu-38b3ce6e-2595-4cac-afc4-ffd1c4bc7e8a-overlay" aria-controls="primary-menu-38b3ce6e-2595-4cac-afc4-ffd1c4bc7e8a-list" aria-haspopup="true" aria-labelledby="tooltip-4373d010-1022-45f0-9ab8-51468a6c0a57" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-4373d010-1022-45f0-9ab8-51468a6c0a57" for="primary-menu-38b3ce6e-2595-4cac-afc4-ffd1c4bc7e8a-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-38b3ce6e-2595-4cac-afc4-ffd1c4bc7e8a-overlay" anchor="primary-menu-38b3ce6e-2595-4cac-afc4-ffd1c4bc7e8a-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-38b3ce6e-2595-4cac-afc4-ffd1c4bc7e8a-button" id="primary-menu-38b3ce6e-2595-4cac-afc4-ffd1c4bc7e8a-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=2198#message-2198" tabindex="-1" id="item-92568c16-50eb-4cf1-be8a-95c23b8c5cb8" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><p class="op-uc-p">Hi Christian,</p>
<p class="op-uc-p">just wanted to say thanks for the theme skeleton. If you don’t miss an occurrence of “Shiny”/“shiny” in the search and replace (as I did initially and got a weird Ruby exception that <code class="op-uc-code">Rails.root</code> was nowhere to be found) it works like a charm for OpenProject 3.0.12.</p>
<p class="op-uc-p">Regards,<br>
Daniel</p></div></div>
  
</div>
</div>
<div id="messages-post-component-2771">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-2771" data-test-selector="forum-post-2771" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-69ba8890-5e86-4fe4-9c9b-3a9049bea259" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/30628&quot;,&quot;name&quot;:&quot;n blowfish&quot;,&quot;id&quot;:30628}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/30628/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/30628/hover_card" data-hover-card-trigger-target="trigger" href="/users/30628" data-view-component="true" class="Link--primary Link text-bold">n blowfish</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=2771#message-2771" data-view-component="true" class="Link--secondary Link text-small">09/10/2014 09:28 AM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-a5ccfb9e-2881-4328-9d43-0f3fb268b976-button" popovertarget="primary-menu-a5ccfb9e-2881-4328-9d43-0f3fb268b976-overlay" aria-controls="primary-menu-a5ccfb9e-2881-4328-9d43-0f3fb268b976-list" aria-haspopup="true" aria-labelledby="tooltip-5d6e1401-cb82-477b-83d4-48fe7775dcd5" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-5d6e1401-cb82-477b-83d4-48fe7775dcd5" for="primary-menu-a5ccfb9e-2881-4328-9d43-0f3fb268b976-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-a5ccfb9e-2881-4328-9d43-0f3fb268b976-overlay" anchor="primary-menu-a5ccfb9e-2881-4328-9d43-0f3fb268b976-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-a5ccfb9e-2881-4328-9d43-0f3fb268b976-button" id="primary-menu-a5ccfb9e-2881-4328-9d43-0f3fb268b976-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=2771#message-2771" tabindex="-1" id="item-df8db361-562c-4ecd-bb64-56fd3d6cdf5e" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><p class="op-uc-p">I cannot add the gem to the Gemfile.plugin</p>
<p class="op-uc-p">This is what I get :</p>
<p class="op-uc-p">openproject@sleek-site:~/openproject$ gem “openproject-themes-shiny”, :path =&gt; “/tmp/openproject-themes-shiny.tar”<br>
ERROR: While executing gem … (Gem::CommandLineError)<br>
Unknown command openproject-themes-shiny,</p>
<p class="op-uc-p">Other than that I have a few questions :</p>
<p class="op-uc-p">1. Does my .css have to be .css.sass .. I would like to not use SASS at all and just write plain css<br>
2. The <a href="https://www.openproject.org/news/18-openproject-themes-part-1-creating-a-theme" rel="noopener noreferrer nofollow" target="_top" class="op-uc-link">previous method</a> of creating a theme was simple enough, what necessitates this complexity ?</p></div></div>
  
</div>
</div>
<div id="messages-post-component-2774">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-2774" data-test-selector="forum-post-2774" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-180777cb-711f-4d3d-928b-44d9e73dbf25" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/10000&quot;,&quot;name&quot;:&quot;Daniel Jagszent&quot;,&quot;id&quot;:10000}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/10000/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/10000/hover_card" data-hover-card-trigger-target="trigger" href="/users/10000" data-view-component="true" class="Link--primary Link text-bold">Daniel Jagszent</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=2774#message-2774" data-view-component="true" class="Link--secondary Link text-small">09/10/2014 11:09 AM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-e686e0f0-b091-4960-a518-3ea5e5dcea3f-button" popovertarget="primary-menu-e686e0f0-b091-4960-a518-3ea5e5dcea3f-overlay" aria-controls="primary-menu-e686e0f0-b091-4960-a518-3ea5e5dcea3f-list" aria-haspopup="true" aria-labelledby="tooltip-7cbd9018-5c52-45c4-a335-b941a3ed8413" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-7cbd9018-5c52-45c4-a335-b941a3ed8413" for="primary-menu-e686e0f0-b091-4960-a518-3ea5e5dcea3f-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-e686e0f0-b091-4960-a518-3ea5e5dcea3f-overlay" anchor="primary-menu-e686e0f0-b091-4960-a518-3ea5e5dcea3f-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-e686e0f0-b091-4960-a518-3ea5e5dcea3f-button" id="primary-menu-e686e0f0-b091-4960-a518-3ea5e5dcea3f-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=2774#message-2774" tabindex="-1" id="item-ae57f861-7cce-4976-b04c-2fa13c502f36" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><blockquote class="op-uc-blockquote">
<p class="op-uc-p">This is what I get :</p>
<p class="op-uc-p">openproject@sleek-site:~/openproject$ gem “openproject-themes-shiny”, :path =&gt; “/tmp/openproject-themes-shiny.tar”<br>
ERROR: While executing gem … (Gem::CommandLineError)<br>
Unknown command openproject-themes-shiny,</p>
</blockquote>
<p class="op-uc-p">You have forgotten the first step of Christian’s explanation:</p>
<blockquote class="op-uc-blockquote">
<p class="op-uc-p">- Extract the content of the file to a location of your choice.</p>
</blockquote>
<p class="op-uc-p">Do this in the console:</p>
<pre class="op-uc-code-block">mkdir ~/local-addons
cd ~/local-addons
tar xf /tmp/openproject-themes-shiny.tar
rm /tmp/openproject-themes-shiny.tar
cd openproject-themes-shiny
THEME_DIR=$(pwd)
echo 'gem "openproject-themes-shiny", :path =&gt; "'''$THEME_DIR'''"' &gt;&gt; ~/openproject/Gemfile.local
</pre>
<p class="op-uc-p">Now you have physically installed the theme. The next thing is to do is to activate it. This depends on how you have installed OpenProject.<br>
It is something along the lines of:</p>
<pre class="op-uc-code-block">cd ~/openproject
export RAILS_ENV=production
bundle install
bundle exec rake assets:precompile
</pre>
<blockquote class="op-uc-blockquote">
<p class="op-uc-p">Other than that I have a few questions :</p>
<p class="op-uc-p">1. Does my .css have to be .css.sass .. I would like to not use SASS at all and just write plain css</p>
</blockquote>
<p class="op-uc-p">you can rename the file <code class="op-uc-code">~/local-addons/openproject-themes-shiny/app/assets/stylesheets/shiny.css.sass</code> to <code class="op-uc-code">~/local-addons/openproject-themes-shiny/app/assets/stylesheets/shiny.css.scss</code>. Then you can write CSS in this file.</p>
<p class="op-uc-p">Remember: whenever you change something, you have to call</p>
<pre class="op-uc-code-block">cd ~/openproject
bundle exec rake assets:precompile RAILS_ENV=production
</pre>
<p class="op-uc-p">again.</p>
<blockquote class="op-uc-blockquote">
<p class="op-uc-p">2. The <a href="https://www.openproject.org/news/18-openproject-themes-part-1-creating-a-theme" rel="noopener noreferrer nofollow" target="_top" class="op-uc-link">previous method</a> of creating a theme was simple enough, what necessitates this complexity ?</p>
</blockquote>
<p class="op-uc-p">There is not so much of a difference between the two methods. Both use <a href="http://guides.rubyonrails.org/asset_pipeline.html" rel="noopener noreferrer nofollow" target="_top" class="op-uc-link">Rail’s asset pipline</a> for the template.</p></div></div>
  
</div>
</div>
<div id="messages-post-component-2778">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-2778" data-test-selector="forum-post-2778" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-8790645f-731b-435d-90cd-c620c8630e9c" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/30628&quot;,&quot;name&quot;:&quot;n blowfish&quot;,&quot;id&quot;:30628}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/30628/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/30628/hover_card" data-hover-card-trigger-target="trigger" href="/users/30628" data-view-component="true" class="Link--primary Link text-bold">n blowfish</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=2778#message-2778" data-view-component="true" class="Link--secondary Link text-small">09/11/2014 08:12 AM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-7c5bb82b-e4fd-4eee-85bf-fc69722b7753-button" popovertarget="primary-menu-7c5bb82b-e4fd-4eee-85bf-fc69722b7753-overlay" aria-controls="primary-menu-7c5bb82b-e4fd-4eee-85bf-fc69722b7753-list" aria-haspopup="true" aria-labelledby="tooltip-1ebe7812-9723-4cb9-b7f7-f170d4cf7f3a" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-1ebe7812-9723-4cb9-b7f7-f170d4cf7f3a" for="primary-menu-7c5bb82b-e4fd-4eee-85bf-fc69722b7753-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-7c5bb82b-e4fd-4eee-85bf-fc69722b7753-overlay" anchor="primary-menu-7c5bb82b-e4fd-4eee-85bf-fc69722b7753-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-7c5bb82b-e4fd-4eee-85bf-fc69722b7753-button" id="primary-menu-7c5bb82b-e4fd-4eee-85bf-fc69722b7753-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=2778#message-2778" tabindex="-1" id="item-cd2c23b1-0134-4e7f-a22a-6ef03dbda948" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><p class="op-uc-p">Thank you very much Daniel Jagszent ! I will try this alternative procedure to get my theme up and running..</p></div></div>
  
</div>
</div>
<div id="messages-post-component-3791">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-3791" data-test-selector="forum-post-3791" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-93894719-e078-41eb-97ca-69eeda3ac8b6" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/37346&quot;,&quot;name&quot;:&quot;Emilio Arenas&quot;,&quot;id&quot;:37346}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/37346/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/37346/hover_card" data-hover-card-trigger-target="trigger" href="/users/37346" data-view-component="true" class="Link--primary Link text-bold">Emilio Arenas</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=3791#message-3791" data-view-component="true" class="Link--secondary Link text-small">01/08/2015 11:12 PM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-8ad96790-dcee-4a79-904c-3250c524d31a-button" popovertarget="primary-menu-8ad96790-dcee-4a79-904c-3250c524d31a-overlay" aria-controls="primary-menu-8ad96790-dcee-4a79-904c-3250c524d31a-list" aria-haspopup="true" aria-labelledby="tooltip-b385854e-7042-4594-ae8c-147eaac6586a" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-b385854e-7042-4594-ae8c-147eaac6586a" for="primary-menu-8ad96790-dcee-4a79-904c-3250c524d31a-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-8ad96790-dcee-4a79-904c-3250c524d31a-overlay" anchor="primary-menu-8ad96790-dcee-4a79-904c-3250c524d31a-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-8ad96790-dcee-4a79-904c-3250c524d31a-button" id="primary-menu-8ad96790-dcee-4a79-904c-3250c524d31a-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=3791#message-3791" tabindex="-1" id="item-25637e25-2339-4baa-92b2-0c4f3436e0e2" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><p class="op-uc-p">Hi, I have follow the process and I have now a new theme, but I have tried to change the logo, and copy a new file with the logo and make the precompile step, but it´s not showing, the browser said it can not find the file. Any clue??</p>
<p class="op-uc-p">Thanks.<br>
Emilio</p></div></div>
  
</div>
</div>
<div id="messages-post-component-3890">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-3890" data-test-selector="forum-post-3890" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-29fe266c-2ad7-4312-8062-0467799f9a23" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/37493&quot;,&quot;name&quot;:&quot;Jens Dirksen&quot;,&quot;id&quot;:37493}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/37493/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/37493/hover_card" data-hover-card-trigger-target="trigger" href="/users/37493" data-view-component="true" class="Link--primary Link text-bold">Jens Dirksen</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=3890#message-3890" data-view-component="true" class="Link--secondary Link text-small">01/19/2015 11:03 PM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-5e331f84-a136-478e-a1d9-bf8191894b08-button" popovertarget="primary-menu-5e331f84-a136-478e-a1d9-bf8191894b08-overlay" aria-controls="primary-menu-5e331f84-a136-478e-a1d9-bf8191894b08-list" aria-haspopup="true" aria-labelledby="tooltip-6b93df0f-231e-43eb-83d3-10309a256ee6" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-6b93df0f-231e-43eb-83d3-10309a256ee6" for="primary-menu-5e331f84-a136-478e-a1d9-bf8191894b08-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-5e331f84-a136-478e-a1d9-bf8191894b08-overlay" anchor="primary-menu-5e331f84-a136-478e-a1d9-bf8191894b08-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-5e331f84-a136-478e-a1d9-bf8191894b08-button" id="primary-menu-5e331f84-a136-478e-a1d9-bf8191894b08-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=3890#message-3890" tabindex="-1" id="item-dda1fa94-0742-44b6-ae25-36bf7a71f4e0" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><p class="op-uc-p">Hi Emilio,</p>
<p class="op-uc-p">you define the name of the logo file in the configuration file “<code class="op-uc-code">&lt;your_theme_folder&gt;/app/assets/stylesheets/shiny/_variables.css.sass</code>” in the variable “<code class="op-uc-code">$header_home_link_bg</code>”, e.g.:</p>
<pre class="op-uc-code-block">$header_home_link_bg:         url(image-path('Company_Logo_RGB-50.png')) no-repeat 35px 0
</pre>
<p class="op-uc-p"><code class="op-uc-code">&lt;your_theme_folder&gt;</code> is the directory where you extracted the tar-file.<br>
Note: the variable “<code class="op-uc-code">$header_home_link_bg</code>” is already defined in the config file so that you just need to search for it in the file.</p>
<p class="op-uc-p">The logo file must be stored in the folder “<code class="op-uc-code">&lt;openproject_source_dir&gt;/app/assets/images/</code>”</p>
<p class="op-uc-p"><code class="op-uc-code">&lt;openproject_source_dir&gt;</code> is your folder with the OpenProject repository.</p>
<p class="op-uc-p">If you have done all of this already then I don’t know what went wrong in your case.</p>
<p class="op-uc-p">Best Regards,<br>
Jens</p></div></div>
  
</div>
</div>
<div id="messages-post-component-4103">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-4103" data-test-selector="forum-post-4103" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-ffc9ab7a-22cd-4a92-b24d-307c10a439bf" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/11787&quot;,&quot;name&quot;:&quot;Phason Electronics&quot;,&quot;id&quot;:11787}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/11787/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/11787/hover_card" data-hover-card-trigger-target="trigger" href="/users/11787" data-view-component="true" class="Link--primary Link text-bold">Phason Electronics</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=4103#message-4103" data-view-component="true" class="Link--secondary Link text-small">02/25/2015 06:53 PM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-68c7d489-dea1-428e-8195-274f845345a4-button" popovertarget="primary-menu-68c7d489-dea1-428e-8195-274f845345a4-overlay" aria-controls="primary-menu-68c7d489-dea1-428e-8195-274f845345a4-list" aria-haspopup="true" aria-labelledby="tooltip-c1d9ba0a-5ffe-46b7-aa11-e8943ba93164" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-c1d9ba0a-5ffe-46b7-aa11-e8943ba93164" for="primary-menu-68c7d489-dea1-428e-8195-274f845345a4-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-68c7d489-dea1-428e-8195-274f845345a4-overlay" anchor="primary-menu-68c7d489-dea1-428e-8195-274f845345a4-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-68c7d489-dea1-428e-8195-274f845345a4-button" id="primary-menu-68c7d489-dea1-428e-8195-274f845345a4-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=4103#message-4103" tabindex="-1" id="item-9e788fbd-d3ad-4a78-899c-5abc409ba431" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><p class="op-uc-p">I also am having problems getting the theme to change as well.</p>
<p class="op-uc-p">I extracted the TAR file to:@ /home/openproject/openproject/openproject-themes-shiny@</p>
<p class="op-uc-p">I added the gem to end of my plugins file:</p>
<pre class="op-uc-code-block">gem 'openproject-pdf_export', :git =&gt; 'https://github.com/finnlabs/openproject-pdf_export.git', :branch =&gt; 'stable'
gem "openproject-costs", git: "https://github.com/finnlabs/openproject-costs.git", :branch =&gt; 'stable'
gem 'openproject-global_roles', :git =&gt; 'https://github.com/finnlabs/openproject-global_roles.git', :branch =&gt; 'stable'
gem "openproject-meeting", :git =&gt; "https://github.com/finnlabs/openproject-meeting.git", :branch =&gt; "stable" 
gem 'openproject-my_project_page', :git =&gt; 'https://github.com/finnlabs/openproject-my_project_page.git', :branch =&gt; 'stable'
gem 'openproject-documents', :git =&gt; 'https://github.com/opf/openproject-documents.git', :branch =&gt; 'stable'
gem 'reporting_engine', :git =&gt; 'https://github.com/finnlabs/reporting_engine.git', :branch =&gt; 'stable'
gem 'openproject-help_link', :git =&gt; 'https://github.com/finnlabs/openproject-help_link.git', :branch =&gt; 'stable'
gem "openproject-backlogs", :git =&gt; "https://github.com/finnlabs/openproject-backlogs.git", :branch =&gt; 'stable'
gem "openproject-themes-shiny", :path =&gt; "/home/openproject/openproject/openproject-themes-shiny"
</pre>
<p class="op-uc-p">I add a line to the bottom of the stylesheet <code class="op-uc-code">/home/openproject/openproject/openproject-themes-shiny/app/assets/stylesheets/shiny/_variables.css.sass</code></p>
<pre class="op-uc-code-block">/* Override SASS variables from core here. Check available variables in:
 * app/assets/stylesheets/global/_variables.sass
 * Override like this:
 *
 * $header_bg_color:                               #FFFFFF
 * $header_border_bottom_color:                    #EAEAEA
 * $header_border_bottom_width:                    1px
 * $header_item_font_size:                         15px
 * $header_item_font_color:                        #FF00AA
 * $header_item_font_hover_color:                  #222222
 * $header_item_bg_hover_color:                    #EAEAEA
 * $header_drop_down_bg_color:                     #FFFFFF
 * $header_drop_down_item_font_color:              #222222
 * $header_drop_down_item_font_hover_color:        #222222
 */
$header_bg_color:                               #ffbc3e !default
</pre>
<p class="op-uc-p">From the directory @ /home/openproject/openproject/openproject-themes-shiny<code class="op-uc-code">, I run the commands </code>bundle install@ and <code class="op-uc-code">RAILS_ENV="production" bundle exec rake assets:precompile</code>. Everything seems to run correctly.</p>
<pre class="op-uc-code-block">openproject@webserver:~/openproject$ RAILS_ENV="production" bundle exec rake assets:precompile
require 'rails/all'... 0.440s
Bundler.require... 1.170s
Application.initialize!... 1.890s
openproject@webserver:~/openproject$
</pre>
<p class="op-uc-p">I restart Apache and then reload OpenProject in the browser. Nothing has changed. What am I doing wrong?</p></div></div>
  
</div>
</div>
<div id="messages-post-component-4105">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-4105" data-test-selector="forum-post-4105" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-2a4e5726-77a8-47ac-8f85-c38efb46fae8" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/37493&quot;,&quot;name&quot;:&quot;Jens Dirksen&quot;,&quot;id&quot;:37493}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/37493/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/37493/hover_card" data-hover-card-trigger-target="trigger" href="/users/37493" data-view-component="true" class="Link--primary Link text-bold">Jens Dirksen</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=4105#message-4105" data-view-component="true" class="Link--secondary Link text-small">02/26/2015 08:35 AM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-8914e1f5-1821-4b44-95ed-e99efb383305-button" popovertarget="primary-menu-8914e1f5-1821-4b44-95ed-e99efb383305-overlay" aria-controls="primary-menu-8914e1f5-1821-4b44-95ed-e99efb383305-list" aria-haspopup="true" aria-labelledby="tooltip-5cc969c3-fe87-436b-a1a0-fc43b1fff04b" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-5cc969c3-fe87-436b-a1a0-fc43b1fff04b" for="primary-menu-8914e1f5-1821-4b44-95ed-e99efb383305-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-8914e1f5-1821-4b44-95ed-e99efb383305-overlay" anchor="primary-menu-8914e1f5-1821-4b44-95ed-e99efb383305-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-8914e1f5-1821-4b44-95ed-e99efb383305-button" id="primary-menu-8914e1f5-1821-4b44-95ed-e99efb383305-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=4105#message-4105" tabindex="-1" id="item-169b069f-0c35-462c-b4c6-6dd5148d4355" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><p class="op-uc-p">The theme “shiny” is an additional one to the default theme.</p>
<p class="op-uc-p">For changing your personal theme, you need to set the new theme in your settings in “My Account”.</p>
<p class="op-uc-p">The default theme is changed under <em>Modules</em> -&gt; <em>Administration</em> and then <em>Settings</em> -&gt; <em>Display</em>.</p></div></div>
  
</div>
</div>
<div id="messages-post-component-4114">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-4114" data-test-selector="forum-post-4114" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-47dd5a28-2fe9-4a9f-a611-85ebc8f229bf" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/11787&quot;,&quot;name&quot;:&quot;Phason Electronics&quot;,&quot;id&quot;:11787}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/11787/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/11787/hover_card" data-hover-card-trigger-target="trigger" href="/users/11787" data-view-component="true" class="Link--primary Link text-bold">Phason Electronics</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=4114#message-4114" data-view-component="true" class="Link--secondary Link text-small">02/26/2015 04:37 PM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-f9bd4c1f-df3e-4f24-b7f5-f49e68a828f3-button" popovertarget="primary-menu-f9bd4c1f-df3e-4f24-b7f5-f49e68a828f3-overlay" aria-controls="primary-menu-f9bd4c1f-df3e-4f24-b7f5-f49e68a828f3-list" aria-haspopup="true" aria-labelledby="tooltip-b880461f-0b1a-4f5a-aadf-d77b89a28d71" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-b880461f-0b1a-4f5a-aadf-d77b89a28d71" for="primary-menu-f9bd4c1f-df3e-4f24-b7f5-f49e68a828f3-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-f9bd4c1f-df3e-4f24-b7f5-f49e68a828f3-overlay" anchor="primary-menu-f9bd4c1f-df3e-4f24-b7f5-f49e68a828f3-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-f9bd4c1f-df3e-4f24-b7f5-f49e68a828f3-button" id="primary-menu-f9bd4c1f-df3e-4f24-b7f5-f49e68a828f3-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=4114#message-4114" tabindex="-1" id="item-f01b811a-b4bb-472f-afaf-4a9d9c997b56" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><p class="op-uc-p">Jens Dirksen wrote:</p>
<blockquote class="op-uc-blockquote">
<p class="op-uc-p">The default theme is changed under <em>Modules</em> -&gt; <em>Administration</em> and then <em>Settings</em> -&gt; <em>Display</em>.</p>
</blockquote>
<p class="op-uc-p">I do not have <em>Display</em> listed under my <em>Administration</em> module. This is what I have.</p>
<ul class="op-uc-list">
<li class="op-uc-list--item">Projects</li>
<li class="op-uc-list--item">Users</li>
<li class="op-uc-list--item">Groups</li>
<li class="op-uc-list--item">Roles and permissions</li>
<li class="op-uc-list--item">Types</li>
<li class="op-uc-list--item">Work package statuses</li>
<li class="op-uc-list--item">Workflow</li>
<li class="op-uc-list--item">Custom fields</li>
<li class="op-uc-list--item">Enumerations</li>
<li class="op-uc-list--item">Settings</li>
<li class="op-uc-list--item">LDAP authentication</li>
<li class="op-uc-list--item">Colors</li>
<li class="op-uc-list--item">Project types</li>
<li class="op-uc-list--item">Export Card Configs</li>
<li class="op-uc-list--item">Plugins</li>
<li class="op-uc-list--item">Information</li>
</ul>
<p class="op-uc-p"><em>OpenProject Themes</em> is listed under my plugins.</p>
<p class="op-uc-p">I’m not sure if this is related to anything, but when I click <em>Settings</em>, I get an <em>Internal 500 error</em>. I haven’t noticed this error in other areas yet.</p></div></div>
  
</div>
</div>
<div id="messages-post-component-4116">
  <div data-view-component="true" class="op-forum-post-stem border-left"></div>
  <div id="message-4116" data-test-selector="forum-post-4116" data-view-component="true" class="Box op-forum-post position-relative">
  <div id="header-f722bac7-56d3-49eb-a8b1-44ef8299bfdb" data-view-component="true" class="Box-header py-2 tmp-py-2">
  
  
  <div data-view-component="true" class="flex-items-center flex-justify-between d-flex flex-row">
      
  <div data-view-component="true" class="flex-wrap flex-items-center d-flex flex-row">
      <div data-view-component="true" class="mr-2 tmp-mr-2"><opce-principal class="" data-principal="{&quot;href&quot;:&quot;/api/v3/users/37493&quot;,&quot;name&quot;:&quot;Jens Dirksen&quot;,&quot;id&quot;:37493}" data-link="true" data-size="&quot;mini&quot;" data-hide-name="true" data-name-classes="&quot;&quot;" data-title="null" data-hover-card="true" data-hover-card-url="&quot;/users/37493/hover_card&quot;"></opce-principal></div>
      <div data-view-component="true" class="mr-2 tmp-mr-2"><a target="_blank" data-hover-card-url="/users/37493/hover_card" data-hover-card-trigger-target="trigger" href="/users/37493" data-view-component="true" class="Link--primary Link text-bold">Jens Dirksen</a></div>
      <div data-view-component="true"><a data-turbo="false" href="/projects/OP/forums/6/topics/731?r=4116#message-4116" data-view-component="true" class="Link--secondary Link text-small">02/26/2015 04:50 PM</a></div>
</div>

      
  <div data-view-component="true" class="ml-1 tmp-ml-1 flex-items-center d-flex flex-row">
      <div data-view-component="true"><action-menu data-select-variant="none" data-view-component="true">
  <button id="primary-menu-a3c89129-fed8-400f-8b7a-a5d700c9bcee-button" popovertarget="primary-menu-a3c89129-fed8-400f-8b7a-a5d700c9bcee-overlay" aria-controls="primary-menu-a3c89129-fed8-400f-8b7a-a5d700c9bcee-list" aria-haspopup="true" aria-labelledby="tooltip-d4fd7fb5-d11b-460d-ad9a-fd91af3d2118" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-kebab-horizontal Button-visual">
    <path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"></path>
</svg>
</button><tool-tip id="tooltip-d4fd7fb5-d11b-460d-ad9a-fd91af3d2118" for="primary-menu-a3c89129-fed8-400f-8b7a-a5d700c9bcee-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Message actions</tool-tip>


<anchored-position data-target="action-menu.overlay" id="primary-menu-a3c89129-fed8-400f-8b7a-a5d700c9bcee-overlay" anchor="primary-menu-a3c89129-fed8-400f-8b7a-a5d700c9bcee-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true">
  <div data-view-component="true" class="Overlay Overlay--size-auto">
    
      <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone">      <action-list>
  <div data-view-component="true">
    <ul data-target="action-menu.list" aria-labelledby="primary-menu-a3c89129-fed8-400f-8b7a-a5d700c9bcee-button" id="primary-menu-a3c89129-fed8-400f-8b7a-a5d700c9bcee-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
        <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem">
    
    
    <clipboard-copy value="https://community.openproject.org/projects/OP/forums/6/topics/731?r=4116#message-4116" tabindex="-1" id="item-aedd771c-494b-44dd-bb84-2695e710836a" role="menuitem" data-view-component="true" class="ActionListContent ActionListContent--visual16">
        <span class="ActionListItem-visual ActionListItem-visual--leading">
          <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
    <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
</svg>
        </span>
      
        <span data-view-component="true" class="ActionListItem-label">
          Copy link to clipboard
</span>      
</clipboard-copy>
  
</li>
</ul>    
</div></action-list>


</div>
      
</div></anchored-position>
</action-menu></div>
</div>

</div>

</div>
  <div data-view-component="true" class="Box-body"><div class="op-uc-container"><p class="op-uc-p">The tab <em>Display</em> is under the menu item <em>Settings</em>.</p>
<p class="op-uc-p">Since you are not able to get to <em>Settings</em> (“Internal error 500”), you cannot see <em>Display</em>. You need to solve this problem first.</p>
<p class="op-uc-p">Are you able to change the theme in your personal settings? That’s another possibility to see your new theme.</p></div></div>
  
</div>
</div></template></turbo-stream>