From fc94ed1778a61a3c84c819a8a990b942686820ab Mon Sep 17 00:00:00 2001 From: Prodipta Date: Sun, 21 Jun 2026 22:41:41 +0530 Subject: [PATCH 1/2] customizing the ui --- htmlcssguide.html | 79 +++++++++++++++++++++--------------------- include/styleguide.css | 2 +- javaguide.css | 14 ++++---- 3 files changed, 49 insertions(+), 46 deletions(-) diff --git a/htmlcssguide.html b/htmlcssguide.html index f23825df2..33c203923 100644 --- a/htmlcssguide.html +++ b/htmlcssguide.html @@ -11,6 +11,7 @@

Google HTML/CSS Style Guide

+

Background

This document defines formatting and style rules for HTML and CSS. It aims at @@ -18,132 +19,132 @@

Background

It applies to raw, working files that use HTML and CSS, including Sass and GSS files. Tools are free to obfuscate, minify, and compile as long as the general code quality is maintained.

- +

General

-

General Style Rules

+

General Style Rules

-

Protocol

+

Protocol

-

Use HTTPS for embedded resources where possible.

+

Use HTTPS for embedded resources where possible.

-

Always use HTTPS (https:) for images and other media files, style sheets, and +

Always use HTTPS (https:) for images and other media files, style sheets, and scripts, unless the respective files are not available over HTTPS.

-
<!-- Not recommended: omits the protocol -->
+
<!-- Not recommended: omits the protocol -->
 <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
 
 <!-- Not recommended: uses HTTP -->
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
 

 
-
<!-- Recommended -->
+
<!-- Recommended -->
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
 

 
-
/* Not recommended: omits the protocol */
+
/* Not recommended: omits the protocol */
 @import '//fonts.googleapis.com/css?family=Open+Sans';
 
 /* Not recommended: uses HTTP */
 @import 'http://fonts.googleapis.com/css?family=Open+Sans';
 

 
-
/* Recommended */
+
/* Recommended */
 @import 'https://fonts.googleapis.com/css?family=Open+Sans';
 

 
-
General Formatting Rules

+
General Formatting Rules

 
-
Indentation

+
Indentation

 
-
Indent by 2 spaces at a time.

+
Indent by 2 spaces at a time.

 
-
Don’t use tabs or mix tabs and spaces for indentation.

+
Don’t use tabs or mix tabs and spaces for indentation.

 
-
<ul>
+
<ul>
   <li>Fantastic
   <li>Great
 </ul>
 

 
-
.example {
+
.example {
   color: blue;
 }
 

 
-
Capitalization

+
Capitalization

 
-
Use only lowercase.

+
Use only lowercase.

 
-
All code has to be lowercase: This applies to HTML element names, attributes,
+
All code has to be lowercase: This applies to HTML element names, attributes,
 attribute values (unless text/CDATA), CSS selectors, properties, and property
 values (with the exception of strings).

 
-
<!-- Not recommended -->
+
<!-- Not recommended -->
 <A HREF="/">Home</A>
 

 
-
<!-- Recommended -->
+
<!-- Recommended -->
 <img src="google.png" alt="Google">
 

 
-
/* Not recommended */
+
/* Not recommended */
 color: #E5E5E5;
 

 
-
/* Recommended */
+
/* Recommended */
 color: #e5e5e5;
 

 
-
Trailing Whitespace

+
Trailing Whitespace

 
-
Remove trailing white spaces.

+
Remove trailing white spaces.

 
-
Trailing white spaces are unnecessary and can complicate diffs.

+
Trailing white spaces are unnecessary and can complicate diffs.

 
-
<!-- Not recommended -->
+
<!-- Not recommended -->
 <p>What?_
 

 
-
<!-- Recommended -->
+
<!-- Recommended -->
 <p>Yes please.
 

 
-
General Meta Rules

+
General Meta Rules

 
-
Encoding

+
Encoding

 
-
Use UTF-8 (no BOM).

+
Use UTF-8 (no BOM).

 
-
Make sure your editor uses UTF-8 as character encoding, without a byte order
+
Make sure your editor uses UTF-8 as character encoding, without a byte order
 mark.

 
-
Specify the encoding in HTML templates and documents via <meta
+
Specify the encoding in HTML templates and documents via <meta
 charset="utf-8">. Do not specify the encoding of style sheets as these assume
 UTF-8.

 
 
(More on encodings and when and how to specify them can be found in
 Handling character encodings in HTML and CSS.)

 
-
Comments

+
Comments

 
-
Explain code as needed, where possible.

+
Explain code as needed, where possible.

 
-
Use comments to explain code: What does it cover, what purpose does it serve,
+
Use comments to explain code: What does it cover, what purpose does it serve,
 why is respective solution used or preferred?

 
 
(This item is optional as it is not deemed a realistic expectation to always
 demand fully documented code. Mileage may vary heavily for HTML and CSS code and
 depends on the project’s complexity.)

 
-
Action Items

+
Action Items

 
-
Mark todos and action items with TODO.

+
Mark todos and action items with TODO.

 
-
Highlight todos by using the keyword TODO only, not other common formats like
+
Highlight todos by using the keyword TODO only, not other common formats like
 @@.

 
-
Append action items after a colon as in TODO: action
+
Append action items after a colon as in TODO: action
 item.

 
 
{# TODO: Revisit centering. #}
diff --git a/include/styleguide.css b/include/styleguide.css
index b78b8f98f..0c61d9da1 100644
--- a/include/styleguide.css
+++ b/include/styleguide.css
@@ -69,7 +69,7 @@ pre {
 }
 
 pre.prettyprint {
-  padding:6px 10px !important;
+  /* padding:6px 10px !important; */
   border:1px solid #bbb !important;
 }
 
diff --git a/javaguide.css b/javaguide.css
index 19f2fa3c7..1c652c3d7 100644
--- a/javaguide.css
+++ b/javaguide.css
@@ -433,7 +433,7 @@ pre {
 }
 
 pre.prettyprint {
-  padding: 6px 10px !important;
+  /* padding: 6px 10px !important; */
   border: 1px solid #bbb !important;
 }
 
@@ -463,11 +463,11 @@ pre.badcode {
 
 @media print {
   .str {
-    color: #060;
+    color: rgb(0, 255, 0);
   }
 
   .kwd {
-    color: #006;
+    color: rgb(44, 44, 241);
     font-weight: bold;
   }
 
@@ -482,7 +482,7 @@ pre.badcode {
   }
 
   .lit {
-    color: #044;
+    color: rgb(0, 255, 255);
   }
 
   .pun,
@@ -496,7 +496,7 @@ pre.badcode {
   }
 
   .tag {
-    color: #006;
+    color: rgb(70, 70, 255);
     font-weight: bold;
   }
 
@@ -505,7 +505,9 @@ pre.badcode {
   }
 
   .atv {
-    color: #060;
+    color: rgb(0, 255, 0);
+    font-weight: bold;
+    font-size: 10px;
   }
 
   h1 {

From 82250177291eab483259c0c240de1264f3b27449 Mon Sep 17 00:00:00 2001
From: Prodipta 
Date: Mon, 22 Jun 2026 22:17:38 +0530
Subject: [PATCH 2/2] tring to chage the code color

---
 htmlcssguide.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/htmlcssguide.html b/htmlcssguide.html
index 33c203923..3f78144f3 100644
--- a/htmlcssguide.html
+++ b/htmlcssguide.html
@@ -80,19 +80,19 @@ 
Capitalization

 attribute values (unless text/CDATA), CSS selectors, properties, and property
 values (with the exception of strings).

 
-
<!-- Not recommended -->
+
<!-- Not recommended -->
 <A HREF="/">Home</A>
 

 
-
<!-- Recommended -->
+
<!-- Recommended -->
 <img src="google.png" alt="Google">
 

 
-
/* Not recommended */
+
/* Not recommended */
 color: #E5E5E5;
 

 
-
/* Recommended */
+
/* Recommended */
 color: #e5e5e5;
 

 
@@ -106,7 +106,7 @@ 
Trailing Whitespace

 
-
<!-- Recommended -->
+
<!-- Recommended -->
 <p>Yes please.
 

 
@@ -147,11 +147,11 @@ 
Action Items

 
Append action items after a colon as in TODO: action
 item.

 
-
{# TODO: Revisit centering. #}
+
{# TODO: Revisit centering. #}
 <center>Test</center>
 

 
-
<!-- TODO: Remove optional tags. -->
+
<!-- TODO: Remove optional tags. -->
 <ul>
   <li>Apples</li>
   <li>Oranges</li>