Skip to content
Snippets Groups Projects
Commit a82d8476 authored by Karl Prieb's avatar Karl Prieb
Browse files

create content-background-color class part 1 :)

parent 0a69520d
No related branches found
Tags 6.7.0-rc.0
No related merge requests found
Showing
with 166 additions and 177 deletions
<template name="adminEmoji">
<section class="page-container page-list">
<header class="fixed-title">
<section class="page-container page-list content-background-color">
<header class="fixed-title content-background-color border-component-color">
{{> burger}}
<h2>
<span class="room-title">{{_ "Custom_Emoji"}}</span>
......@@ -24,21 +24,21 @@
<table>
<thead>
<tr class="admin-table-row">
<th>&nbsp;</th>
<th width="51%">{{_ "Name"}}</th>
<th width="49%">{{_ "Aliases"}}</th>
<th class="content-background-color border-component-color">&nbsp;</th>
<th class="content-background-color border-component-color" width="51%">{{_ "Name"}}</th>
<th class="content-background-color border-component-color" width="49%">{{_ "Aliases"}}</th>
</tr>
</thead>
<tbody>
{{#each customemoji}}
<tr class="emoji-info row-link admin-table-row">
<td>
<td class="border-component-color">
<div class="emojiAdminPreview-image">
{{> emojiPreview name=name extension=extension}}
</div>
</td>
<td>{{name}}</td>
<td>{{aliases}}</td>
<td class="border-component-color">{{name}}</td>
<td class="border-component-color">{{aliases}}</td>
</tr>
{{/each}}
</tbody>
......
<template name="adminImport">
<section class="page-container page-home page-static page-settings">
<header class="fixed-title">
<section class="page-container page-home page-static page-settings content-background-color">
<header class="fixed-title content-background-color border-component-color">
{{> burger}}
<h2>
<span class="room-title">Import</span>
......
<template name="adminImportPrepare">
<section class="page-container page-home page-static page-settings">
<section class="page-container page-home page-static page-settings content-background-color">
{{#with importer}}
<header class="fixed-title">
<header class="fixed-title content-background-color border-component-color">
{{> burger}}
<h2>
<span class="room-title">{{name}}</span>
......
<template name="mailer">
<section class="page-container page-list">
<header class="fixed-title">
<section class="page-container page-list content-background-color">
<header class="fixed-title content-background-color border-component-color">
{{> burger}}
<h2>
<span class="room-title">{{_ "Mailer"}}</span>
......
......@@ -6,7 +6,7 @@
<img src="images/logo/logo.svg?v=3" />
</a>
</header>
<div class="cms-page">
<div class="cms-page content-background-color">
{{_ "You_have_successfully_unsubscribed"}}
</div>
</div>
......
......@@ -24,6 +24,24 @@
* Transparency variables
*/
@transparent-darkest: rgba(0, 0, 0, 0.5);
@transparent-darker: rgba(0, 0, 0, 0.15);
@transparent-dark: rgba(0, 0, 0, 0.05);
@transparent-light: rgba(255, 255, 255, 0.1);
@transparent-lighter: rgba(255, 255, 255, 0.3);
@transparent-lightest: rgba(255, 255, 255, 0.6);
/** ----------------------------------------------------------------------------
* Classes for variables
*/
// Major colors
.content-background-color {
background-color: @content-background-color;
}
.global-font-family {
font-family: @body-font-family;
}
......@@ -50,18 +68,7 @@
background-color: @info-font-color;
}
/** ----------------------------------------------------------------------------
* Transparency variables
*/
@transparent-darkest: rgba(0, 0, 0, 0.5);
@transparent-darker: rgba(0, 0, 0, 0.15);
@transparent-dark: rgba(0, 0, 0, 0.05);
@transparent-light: rgba(255, 255, 255, 0.1);
@transparent-lighter: rgba(255, 255, 255, 0.3);
@transparent-lightest: rgba(255, 255, 255, 0.6);
// Backgrounds
// transparent
.background-transparent-darkest {
background-color: @transparent-darkest;
......@@ -157,6 +164,12 @@
}
}
.page-container {
tr:hover td {
background-color: @content-background-color;
}
}
/** ----------------------------------------------------------------------------
* Document components
*/
......@@ -165,33 +178,9 @@
background-color: @secondary-background-color;
}
.main-content,
.cms-page,
.page-container {
background-color: @content-background-color;
header {
background-color: @content-background-color;
border-color: @component-color;
}
}
.page-container table {
overflow: hidden;
background-color: @secondary-background-color;
th,
td {
border-color: @component-color;
}
th {
background-color: @content-background-color;
}
tr:hover td {
background-color: @content-background-color;
}
}
.burger i {
......
<template name="account">
<section class="page-container page-home page-static">
<header class="fixed-title">
<section class="page-container page-home page-static content-background-color">
<header class="fixed-title content-background-color border-component-color">
{{> burger}}
<h2>
<span class="room-title">{{_ "User_Settings"}}</span>
......
<template name="accountPreferences">
<section class="page-container page-home page-static">
<header class="fixed-title">
<section class="page-container page-home page-static content-background-color">
<header class="fixed-title content-background-color border-component-color">
{{> burger}}
<h2>
<span class="room-title">{{_ "Preferences"}}</span>
......
<template name="accountProfile">
<section class="page-container page-home page-static">
<header class="fixed-title">
<section class="page-container page-home page-static content-background-color">
<header class="fixed-title content-background-color border-component-color">
{{> burger}}
<h2>
<span class="room-title">{{_ "Profile"}}</span>
......
......@@ -22,8 +22,8 @@
</template>
<template name="avatarPrompt">
<section class="page-container page-home page-static">
<header class="fixed-title">
<section class="page-container page-home page-static content-background-color">
<header class="fixed-title content-background-color border-component-color">
{{> burger}}
<h2>
<span class="room-title">{{_ "Select_an_avatar"}}</span>
......@@ -31,7 +31,7 @@
</header>
<div class="content">
<div class="avatarPrompt">
<header>
<header class="content-background-color border-component-color">
<p>{{_ "Select_service_to_login"}}</p>
</header>
<div>
......
<template name="admin">
<section class="page-container page-home page-static page-settings">
<header class="fixed-title">
<section class="page-container page-home page-static page-settings content-background-color">
<header class="fixed-title content-background-color border-component-color">
{{> burger}}
<h2>
<span class="room-title">{{#with group}}{{label}}{{/with}}</span>
......
<template name="adminInfo">
<section class="page-container page-list">
<header class="fixed-title">
<section class="page-container page-list content-background-color">
<header class="fixed-title content-background-color border-component-color">
{{> burger}}
<h2>
<span class="room-title">{{_ "Info"}}</span>
......@@ -11,36 +11,36 @@
<h3>{{_ "Rocket.Chat"}}</h3>
<table class="statistics-table">
<tr class="admin-table-row">
<th>{{_ "Version"}}</th>
<td>{{statistics.version}}</td>
<th class="content-background-color border-component-color">{{_ "Version"}}</th>
<td class="border-component-color">{{statistics.version}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "DB_Migration"}}</th>
<td>{{statistics.migration.version}}</td>
<th class="content-background-color border-component-color">{{_ "DB_Migration"}}</th>
<td class="border-component-color">{{statistics.migration.version}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "DB_Migration_Date"}}</th>
<td>{{statistics.migration.lockedAt}}</td>
<th class="content-background-color border-component-color">{{_ "DB_Migration_Date"}}</th>
<td class="border-component-color">{{statistics.migration.lockedAt}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Installed_at"}}</th>
<td>{{statistics.installedAt}}</td>
<th class="content-background-color border-component-color">{{_ "Installed_at"}}</th>
<td class="border-component-color">{{statistics.installedAt}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Uptime"}}</th>
<td>{{humanReadableTime statistics.process.uptime}}</td>
<th class="content-background-color border-component-color">{{_ "Uptime"}}</th>
<td class="border-component-color">{{humanReadableTime statistics.process.uptime}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Deployment_ID"}}</th>
<td>{{statistics.uniqueId}}</td>
<th class="content-background-color border-component-color">{{_ "Deployment_ID"}}</th>
<td class="border-component-color">{{statistics.uniqueId}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "PID"}}</th>
<td>{{statistics.process.pid}}</td>
<th class="content-background-color border-component-color">{{_ "PID"}}</th>
<td class="border-component-color">{{statistics.process.pid}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Running_Instances"}}</th>
<td>{{statistics.instanceCount}}</td>
<th class="content-background-color border-component-color">{{_ "Running_Instances"}}</th>
<td class="border-component-color">{{statistics.instanceCount}}</td>
</tr>
</table>
{{/if}}
......@@ -48,28 +48,28 @@
<h3>{{_ "Commit"}}</h3>
<table class="statistics-table">
<tr class="admin-table-row">
<th>{{_ "Hash"}}</th>
<td>{{info.commit.hash}}</td>
<th class="content-background-color border-component-color">{{_ "Hash"}}</th>
<td class="border-component-color">{{info.commit.hash}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Date"}}</th>
<td>{{info.commit.date}}</td>
<th class="content-background-color border-component-color">{{_ "Date"}}</th>
<td class="border-component-color">{{info.commit.date}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Branch"}}</th>
<td>{{info.commit.branch}}</td>
<th class="content-background-color border-component-color">{{_ "Branch"}}</th>
<td class="border-component-color">{{info.commit.branch}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Tag"}}</th>
<td>{{info.commit.tag}}</td>
<th class="content-background-color border-component-color">{{_ "Tag"}}</th>
<td class="border-component-color">{{info.commit.tag}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Author"}}</th>
<td>{{info.commit.author}}</td>
<th class="content-background-color border-component-color">{{_ "Author"}}</th>
<td class="border-component-color">{{info.commit.author}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Subject"}}</th>
<td>{{info.commit.subject}}</td>
<th class="content-background-color border-component-color">{{_ "Subject"}}</th>
<td class="border-component-color">{{info.commit.subject}}</td>
</tr>
</table>
......@@ -78,68 +78,68 @@
<h3>{{_ "Runtime_Environment"}}</h3>
<table class="statistics-table">
<tr class="admin-table-row">
<th>{{_ "OS_Type"}}</th>
<td>{{statistics.os.type}}</td>
<th class="content-background-color border-component-color">{{_ "OS_Type"}}</th>
<td class="border-component-color">{{statistics.os.type}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "OS_Platform"}}</th>
<td>{{statistics.os.platform}}</td>
<th class="content-background-color border-component-color">{{_ "OS_Platform"}}</th>
<td class="border-component-color">{{statistics.os.platform}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "OS_Arch"}}</th>
<td>{{statistics.os.arch}}</td>
<th class="content-background-color border-component-color">{{_ "OS_Arch"}}</th>
<td class="border-component-color">{{statistics.os.arch}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "OS_Release"}}</th>
<td>{{statistics.os.release}}</td>
<th class="content-background-color border-component-color">{{_ "OS_Release"}}</th>
<td class="border-component-color">{{statistics.os.release}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Node_version"}}</th>
<td>{{statistics.process.nodeVersion}}</td>
<th class="content-background-color border-component-color">{{_ "Node_version"}}</th>
<td class="border-component-color">{{statistics.process.nodeVersion}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "OS_Uptime"}}</th>
<td>{{humanReadableTime statistics.os.uptime}}</td>
<th class="content-background-color border-component-color">{{_ "OS_Uptime"}}</th>
<td class="border-component-color">{{humanReadableTime statistics.os.uptime}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "OS_Loadavg"}}</th>
<td>{{numFormat statistics.os.loadavg.[0]}}, {{numFormat statistics.os.loadavg.[1]}}, {{numFormat statistics.os.loadavg.[2]}}</td>
<th class="content-background-color border-component-color">{{_ "OS_Loadavg"}}</th>
<td class="border-component-color">{{numFormat statistics.os.loadavg.[0]}}, {{numFormat statistics.os.loadavg.[1]}}, {{numFormat statistics.os.loadavg.[2]}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "OS_Totalmem"}}</th>
<td>{{inGB statistics.os.totalmem}}</td>
<th class="content-background-color border-component-color">{{_ "OS_Totalmem"}}</th>
<td class="border-component-color">{{inGB statistics.os.totalmem}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "OS_Freemem"}}</th>
<td>{{inGB statistics.os.freemem}}</td>
<th class="content-background-color border-component-color">{{_ "OS_Freemem"}}</th>
<td class="border-component-color">{{inGB statistics.os.freemem}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "OS_Cpus"}}</th>
<td>{{statistics.os.cpus.length}}</td>
<th class="content-background-color border-component-color">{{_ "OS_Cpus"}}</th>
<td class="border-component-color">{{statistics.os.cpus.length}}</td>
</tr>
</table>
<h3>{{_ "Build_Environment"}}</h3>
<table class="statistics-table">
<tr class="admin-table-row">
<th>{{_ "OS_Platform"}}</th>
<td>{{build.platform}}</td>
<th class="content-background-color border-component-color">{{_ "OS_Platform"}}</th>
<td class="border-component-color">{{build.platform}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "OS_Arch"}}</th>
<td>{{build.arch}}</td>
<th class="content-background-color border-component-color">{{_ "OS_Arch"}}</th>
<td class="border-component-color">{{build.arch}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "OS_Release"}}</th>
<td>{{build.osRelease}}</td>
<th class="content-background-color border-component-color">{{_ "OS_Release"}}</th>
<td class="border-component-color">{{build.osRelease}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Node_version"}}</th>
<td>{{build.nodeVersion}}</td>
<th class="content-background-color border-component-color">{{_ "Node_version"}}</th>
<td class="border-component-color">{{build.nodeVersion}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Date"}}</th>
<td>{{formatDate build.date}}</td>
<th class="content-background-color border-component-color">{{_ "Date"}}</th>
<td class="border-component-color">{{formatDate build.date}}</td>
</tr>
</table>
......@@ -147,48 +147,48 @@
<h3>{{_ "Usage"}}</h3>
<table class="statistics-table">
<tr class="admin-table-row">
<th>{{_ "Stats_Total_Users"}}</th>
<td>{{statistics.totalUsers}}</td>
<th class="content-background-color border-component-color">{{_ "Stats_Total_Users"}}</th>
<td class="border-component-color">{{statistics.totalUsers}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Stats_Active_Users"}}</th>
<td>{{statistics.activeUsers}}</td>
<th class="content-background-color border-component-color">{{_ "Stats_Active_Users"}}</th>
<td class="border-component-color">{{statistics.activeUsers}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Stats_Non_Active_Users"}}</th>
<td>{{statistics.nonActiveUsers}}</td>
<th class="content-background-color border-component-color">{{_ "Stats_Non_Active_Users"}}</th>
<td class="border-component-color">{{statistics.nonActiveUsers}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Stats_Online_Users"}}</th>
<td>{{statistics.onlineUsers}}</td>
<th class="content-background-color border-component-color">{{_ "Stats_Online_Users"}}</th>
<td class="border-component-color">{{statistics.onlineUsers}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Stats_Away_Users"}}</th>
<td>{{statistics.awayUsers}}</td>
<th class="content-background-color border-component-color">{{_ "Stats_Away_Users"}}</th>
<td class="border-component-color">{{statistics.awayUsers}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Stats_Offline_Users"}}</th>
<td>{{statistics.offlineUsers}}</td>
<th class="content-background-color border-component-color">{{_ "Stats_Offline_Users"}}</th>
<td class="border-component-color">{{statistics.offlineUsers}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Stats_Total_Rooms"}}</th>
<td>{{statistics.totalRooms}}</td>
<th class="content-background-color border-component-color">{{_ "Stats_Total_Rooms"}}</th>
<td class="border-component-color">{{statistics.totalRooms}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Stats_Total_Channels"}}</th>
<td>{{statistics.totalChannels}}</td>
<th class="content-background-color border-component-color">{{_ "Stats_Total_Channels"}}</th>
<td class="border-component-color">{{statistics.totalChannels}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Stats_Total_Private_Groups"}}</th>
<td>{{statistics.totalPrivateGroups}}</td>
<th class="content-background-color border-component-color">{{_ "Stats_Total_Private_Groups"}}</th>
<td class="border-component-color">{{statistics.totalPrivateGroups}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Stats_Total_Direct_Messages"}}</th>
<td>{{statistics.totalDirect}}</td>
<th class="content-background-color border-component-color">{{_ "Stats_Total_Direct_Messages"}}</th>
<td class="border-component-color">{{statistics.totalDirect}}</td>
</tr>
<tr class="admin-table-row">
<th>{{_ "Stats_Total_Messages"}}</th>
<td>{{statistics.totalMessages}}</td>
<th class="content-background-color border-component-color">{{_ "Stats_Total_Messages"}}</th>
<td class="border-component-color">{{statistics.totalMessages}}</td>
</tr>
</table>
......
<template name="adminRooms">
<section class="page-container page-list">
<header class="fixed-title">
<section class="page-container page-list content-background-color">
<header class="fixed-title content-background-color border-component-color">
{{> burger}}
<h2>
<span class="room-title">{{_ "Rooms"}}</span>
......@@ -27,21 +27,21 @@
<table>
<thead>
<tr class="admin-table-row">
<th width="30%">{{_ "Name"}}</th>
<th width="20%">{{_ "Type"}}</th>
<th width="20%">{{_ "Users"}}</th>
<th width="10%">{{_ "Msgs"}}</th>
<th width="20%">{{_ "Default"}}</th>
<th class="content-background-color border-component-color" width="30%">{{_ "Name"}}</th>
<th class="content-background-color border-component-color" width="20%">{{_ "Type"}}</th>
<th class="content-background-color border-component-color" width="20%">{{_ "Users"}}</th>
<th class="content-background-color border-component-color" width="10%">{{_ "Msgs"}}</th>
<th class="content-background-color border-component-color" width="20%">{{_ "Default"}}</th>
</tr>
</thead>
<tbody>
{{#each rooms}}
<tr class="room-info row-link">
<td>{{name}}</td>
<td>{{type}}</td>
<td>{{usernames.length}}</td>
<td>{{msgs}}</td>
<td>{{default}}</td>
<td class="border-component-color">{{name}}</td>
<td class="border-component-color">{{type}}</td>
<td class="border-component-color">{{usernames.length}}</td>
<td class="border-component-color">{{msgs}}</td>
<td class="border-component-color">{{default}}</td>
</tr>
{{/each}}
</tbody>
......
<template name="adminUsers">
<section class="page-container page-list">
<header class="fixed-title">
<section class="page-container page-list content-background-color">
<header class="fixed-title content-background-color border-component-color">
{{> burger}}
<h2>
<span class="room-title">{{_ "Users"}}</span>
......@@ -24,23 +24,23 @@
<table>
<thead>
<tr class="admin-table-row">
<th>&nbsp;</th>
<th width="34%">{{_ "Name"}}</th>
<th width="33%">{{_ "Username"}}</th>
<th width="33%">{{_ "Email"}}</th>
<th class="content-background-color border-component-color">&nbsp;</th>
<th class="content-background-color border-component-color" width="34%">{{_ "Name"}}</th>
<th class="content-background-color border-component-color" width="33%">{{_ "Username"}}</th>
<th class="content-background-color border-component-color" width="33%">{{_ "Email"}}</th>
</tr>
</thead>
<tbody>
{{#each users}}
<tr class="user-info row-link">
<td>
<td class="border-component-color">
<div class="user-image status-{{status}}">
{{> avatar username=username}}
</div>
</td>
<td>{{name}}</td>
<td>{{username}}</td>
<td>{{emailAddress}}</td>
<td class="border-component-color">{{name}}</td>
<td class="border-component-color">{{username}}</td>
<td class="border-component-color">{{emailAddress}}</td>
</tr>
{{/each}}
</tbody>
......
......@@ -56,7 +56,7 @@
{{> flexTabBar}}
</div>
{{/unless}}
<div class="main-content {{flexOpened}} {{flexOpenedRTC1}} {{flexOpenedRTC2}} {{#if modal}}main-modal{{/if}}">
<div class="main-content content-background-color {{flexOpened}} {{flexOpenedRTC1}} {{flexOpenedRTC2}} {{#if modal}}main-modal{{/if}}">
{{> Template.dynamic template=center}}
</div>
{{#unless modal}}
......
<template name="roomNotFound">
<section class="page-container page-list">
<header class="fixed-title">
<section class="page-container page-list content-background-color">
<header class="fixed-title content-background-color border-component-color">
{{> burger}}
<h2>
<span class="room-title">{{_ "Room_not_found"}}</span>
......
<template name="home">
<section class="page-container page-home page-static">
<header class="fixed-title">
<section class="page-container page-home page-static content-background-color">
<header class="fixed-title content-background-color border-component-color">
{{> burger}}
<h2>
<span class="room-title">{{title}}</span>
......
<template name="pageContainer">
<section class="page-container page-home page-static page-list">
<header class="fixed-title">
<section class="page-container page-home page-static page-list content-background-color">
<header class="fixed-title content-background-color border-component-color">
{{> burger}}
<h2>
<span class="page-title">
......
<template name="pageSettingsContainer">
<section class="page-container page-home page-static page-settings">
<header class="fixed-title">
<section class="page-container page-home page-static page-settings content-background-color">
<header class="fixed-title content-background-color border-component-color">
{{> burger}}
<h2>
<span class="page-title">{{pageTitle}}</span>
......
<template name="privateHistory">
<section class="page-container page-list">
<header class="fixed-title">
<section class="page-container page-list content-background-color">
<header class="fixed-title content-background-color border-component-color">
{{> burger}}
<h2>
<span class="room-title">{{_ "History"}}</span>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment