Customizing Brief's look

You can change Brief's look using CSS. To add custom style rules open Brief's options and click Customize. You can also edit the CSS file directly, it is called brief-custom-style.css and you will find it in \chrome folder in your profile. Your modifications will be applied on top of the default style.

Structure of the feed view page:

<body>
    <div id="container">
        <div id="message-box">
            <p id="main-message"></p>
            <p id="secondary-message"></p>
        </div>

        <div id="feed-content">

            <!-- Feed items go here. Structure of an item: -->

            <div class="article-container">
                <div class="article-header">
                    <div class="article-star"/>
                    <div class="article-title-link-box">
                        <a class="article-title-link"/>
                    </div>

                    <div class="article-controls">
                        <div class="mark-read"/>
                        <div class="delete-entry"/>
                        <div class="restore-entry"/>
                    </div>

                    <!-- Shown only for collapsed items (in headlines view): -->
                    <div class="collapsed-article-subheader">
                        <div class="article-date"/>
                        <div class="feed-name"/>
                    </div>
                </div>

                <!-- Shown for full view: -->
                <div class="article-subheader">
                    <div class="article-subheader-left">
                        <div class="feed-name"/>
                        <div class="article-tags"/>
                    </div>
                    <div class="article-subheader-right">
                        <div class="article-authors"/>
                        <div class="article-date"/>
                    </div>
                </div>

                <div class="article-content"/>
            </div>
        </div>
    </div>
</body>